.studio-title{max-width:1440px;margin:30px auto 20px;padding:0 24px}.studio-title h1{font-size:40px;margin:10px 0}.studio-title p{margin:0;color:#637367}.simple-studio{max-width:1440px;margin:0 auto 40px;padding:0 24px;display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:22px;align-items:start}.studio-card{border:1px solid #d8cbb4;border-radius:14px;background:#fffdf7;padding:22px;margin-bottom:18px;min-width:0}.studio-card h2{font-size:23px;display:flex;align-items:center;gap:10px;margin:0 0 16px}.studio-card h3{font-size:20px;margin:8px 0}.step-number{display:inline-grid;place-items:center;border-radius:50%;background:#193c32;color:#fff;height:29px;width:29px;font:14px Arial;flex-shrink:0}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.studio-card input,.studio-card select,.studio-card textarea{font:14px Arial;border-radius:7px;min-height:44px}.studio-card input[type=color]{padding:5px}.studio-card input[type=range]{padding:0;min-height:24px}.check{display:flex;align-items:center;gap:9px;min-height:44px}.check input{width:20px;min-height:20px}.small{font:12px/1.6 Arial;color:#627368;margin:10px 0;overflow-wrap:anywhere}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.action{font:13px/1.3 Arial;color:#193c32;border:1px solid #b4c4b8;border-radius:7px;background:#f6f6ed;min-height:44px;padding:10px 14px;cursor:pointer}.action.primary{background:#193c32;color:white;border-color:#193c32}.action.subtle{background:white}.action:hover{filter:brightness(.95)}.action:disabled{opacity:.4;cursor:default}.stone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:15px 0}.stone-chip{display:flex;text-align:left;align-items:center;gap:8px;padding:9px;border:1px solid #d6ddcf;border-radius:8px;background:white;min-height:52px;cursor:pointer;font:12px Arial;min-width:0}.stone-chip span:last-child{overflow-wrap:anywhere}.stone-chip.active{border:2px solid #193c32;background:#edf3eb}.key-dot{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid #0004;font:bold 10px Arial}.stone-editor{padding:16px;background:#edf3eb;border-radius:10px}.message{border-left:3px solid #bd985d;padding:10px 12px;background:#f4edde;font:13px/1.5 Arial}.message[data-error=true]{border-color:#ae382b;color:#8c251c}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-heading h2{margin:0}.count-line{background:#edf3eb;padding:10px;border-radius:7px;font:14px Arial}.view-tabs{display:flex;gap:8px}.view-tabs [aria-pressed=true]{background:#193c32;color:white}.diagram-scroll{overflow:auto;background:radial-gradient(#fffdf7,#eee5d4);border-radius:12px;margin-top:14px;border:1px solid #dfd3be}#design{display:block;width:100%;min-width:440px;height:auto}#design [data-bead]{cursor:pointer}#design [data-bead]:focus{outline:none;stroke:#193c32;stroke-width:3}.bead-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin-top:15px}.bead-button{min-width:0;min-height:46px;border:1px solid #0004;border-radius:8px;font:bold 13px Arial;cursor:pointer;padding:5px 0}.bead-button small{display:block;font:9px Arial;margin-top:3px}.material-key{display:grid;gap:8px;font:13px/1.5 Arial}.key-row{display:flex;align-items:flex-start;gap:10px;overflow-wrap:anywhere}.studio-card details{padding:6px 0}.studio-card summary{font:15px/1.5 Arial;font-weight:bold;cursor:pointer}.studio-card [hidden],[hidden]{display:none!important}textarea{min-height:80px}@media(max-width:950px){.simple-studio{grid-template-columns:minmax(290px,360px) minmax(0,1fr);padding:0 14px;gap:14px}.studio-card{padding:16px}.bead-board{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:720px){.simple-studio{grid-template-columns:1fr}.studio-title{padding:0 16px}.studio-title h1{font-size:32px}.bead-board{grid-template-columns:repeat(6,minmax(0,1fr))}.preview-column{min-width:0}.two{gap:8px}.nav{position:relative}.studio-card{margin-bottom:14px}}@media print{.nav,.comparison,.strip,.footer,.controls,.action,.view-tabs,input[type=range]{display:none}.simple-studio{display:block}.studio-card{border:0}}

.silk-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:7px;max-height:330px;overflow:auto;padding:8px 2px}.silk-swatch{padding:7px 3px;border:1px solid #b9b5a6;background:#fffdf7;border-radius:8px;cursor:pointer;color:#193c32;font:inherit;font-size:12px;min-height:64px}.silk-swatch[aria-pressed="true"]{outline:3px solid #98752b;outline-offset:-2px}.silk-swatch span{display:block;height:30px;border-radius:4px;margin:0 5px 5px;background-size:864px 1536px}.chosen-shade{padding:12px;margin:10px 0;background:#f5efe1;border-radius:8px;font-weight:600}#silkPicker[hidden],#cottonPending[hidden]{display:none}

.shade-card-enlarge{border:0;background:none;display:block;padding:0;width:100%;cursor:zoom-in}.shade-card-crop{display:block;position:relative;overflow:hidden;width:100%;border-radius:6px}.shade-card-crop img{position:absolute;max-width:none!important;height:auto!important;display:block}#silkDialog{width:min(920px,96vw);max-height:92vh;overflow:auto;padding:16px;border:1px solid #bfa266;border-radius:12px;background:#fffdf7}#silkDialog::backdrop{background:#10271dcc}#silkDialog .action{margin-bottom:12px;position:sticky;top:0;z-index:1}