/* The quilt is the dimensional focal point; the tools remain a quiet cloth book. */
[hidden]{display:none!important}
.masthead{box-shadow:0 3px 0 #c6ae7b33,0 14px 30px #56401b0a}
.materials{box-shadow:3px 3px 0 #eddfc2,5px 5px 0 #cbb58a,7px 7px 0 #e4d5b5,9px 9px 0 #bba47b,12px 18px 28px #49351a17}
.panel-heading{background:linear-gradient(100deg,#6c2429,#8d3438 45%,#75272d);box-shadow:inset 0 1px 0 #b96b6470}
.pattern-button{transition:transform .16s,box-shadow .16s}
.pattern-button svg{border-radius:2px;box-shadow:0 2px 0 #8e7b5e66,1px 4px 6px #49391d26}
.pattern-button[aria-pressed="true"]{transform:translateY(-2px);box-shadow:0 0 0 1px var(--red),0 4px 0 #c9b18b,0 7px 12px #4d35251c}
.color-swatch{box-shadow:inset 0 0 0 1px #7c604c20,inset 0 2px 0 #fff6da88,0 3px 0 #c1ad8c,0 5px 8px #4d372a26}
.primary-button,.export-button,.header-button{transition:transform .12s,box-shadow .12s}
.primary-button:active,.export-button:active,.header-button:active{transform:translateY(2px);box-shadow:none}
.quilt-workbench{position:relative;margin-bottom:10px}
.view-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}
.view-switch{display:flex;border:1px solid #b9a077;border-radius:5px;padding:3px;background:#e8dcc4;box-shadow:inset 0 2px 3px #6b4d2210}
.view-switch button{padding:8px 14px;min-height:37px;border-radius:3px;font-size:12px;background:transparent;color:#6e5c43;white-space:nowrap}
.view-switch button[aria-pressed="true"]{background:#fff8e9;color:var(--red-dark);box-shadow:0 1px 4px #6c4b292e;font-weight:600}
.view-tools{display:flex;gap:4px}
.view-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 10px;background:transparent;font-size:12px;color:var(--jade);white-space:nowrap;border-radius:4px}
.view-tools button[aria-pressed="true"]{background:var(--jade);color:#fff8e6}
.view-tools button:hover{box-shadow:inset 0 0 0 1px #8d9c7e}
.view-tools .icon{width:17px;height:17px}
.quilt-stage{position:relative}
.scene-enabled .quilt-stage{border:1px solid #c9b68f;border-radius:8px;background:radial-gradient(ellipse at 48% 40%,#fff9e8 0,#eee3ca 58%,#e0d0ae 100%);box-shadow:inset 0 2px 4px #ad906326,0 1px 0 #fff7e3}
.quilt-3d{position:relative;width:100%;aspect-ratio:1.08;overflow:hidden;border-radius:inherit}
.quilt-3d canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.quilt-3d canvas.is-dragging{cursor:grabbing}
/* Keep all sixteen buttons in the accessibility tree and keyboard order. */
.scene-enabled .scroll-mount{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.scene-caption{margin:12px 0 4px;text-align:center;color:#7b6b52;font-size:11px;line-height:1.8}
.scene-enabled:focus-within .quilt-stage{outline:1px solid #b49c72;outline-offset:3px}
@media(hover:hover){.pattern-button:hover{transform:translateY(-3px);box-shadow:0 4px 9px #69513626}}
@media(max-width:1000px){.workspace{gap:30px}.view-controls{gap:5px}.view-switch button{font-size:11px;padding:7px 10px}.view-tools button{font-size:11px;padding:8px 6px;gap:5px}.scene-caption{font-size:10px}}
@media(max-width:820px) and (min-width:601px){.view-controls{flex-wrap:wrap;gap:6px}.view-tools{margin-left:auto}.quilt-3d{aspect-ratio:1}.scene-caption{text-align:left}}
@media(max-width:600px){.materials{box-shadow:3px 3px 0 #e7d7b5,5px 5px 0 #c8b18a,7px 12px 20px #49351a14}.view-controls{margin-bottom:10px;gap:5px}.view-switch{padding:2px}.view-switch button{padding:7px 9px;font-size:10px;min-height:36px}.view-tools button{font-size:10px;padding:7px 5px;min-height:40px;gap:4px}.view-tools .icon{width:15px;height:15px}.scene-caption{font-size:10px;margin-top:9px}.quilt-3d{aspect-ratio:1}.scene-enabled .quilt-stage{border-radius:5px}}
@media(max-width:350px){.view-switch button{padding:7px 7px}.view-tools{gap:0}.view-tools button{padding:7px 4px}.view-tools .icon{width:14px;height:14px}.scene-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.pattern-button,.primary-button,.export-button,.header-button{transition:none}.pattern-button:hover{transform:none}}