:is(.cmp-panel,.cmp-glazes,.cmp-preview,.cmp-sizes,.cmp-units,.cmp-undo,.cmp-save,.cmp-continue,.cmp-open){--cmp-ink:var(--ink,#26231f);--cmp-quiet:#5f5244;--cmp-soft:#6f6150;--cmp-line:var(--line,#d8d1c6);--cmp-rule:#e3d8c5;--cmp-bronze:var(--bronze,#8a6738);--cmp-edge:#b69b70;--cmp-paper:#fcfaf5;--cmp-card:#fffdf8;--cmp-pressed:#f3e9d6;--cmp-tint:color-mix(in srgb,var(--champagne,#efe2c4) 58%,transparent)}:is(.cmp-panel,.cmp-glazes,.cmp-sizes,.cmp-units,.cmp-undo,.cmp-save,.cmp-continue,.cmp-open) :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--cmp-bronze);outline-offset:3px}.cmp-panel{border:1px solid var(--cmp-edge);background:var(--cmp-paper);color:var(--cmp-ink);margin:0 0 24px}.cmp-launchers{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cmp-launch{isolation:isolate;text-align:left;min-width:0;min-height:76px;color:var(--cmp-ink);background:linear-gradient(110deg,#f7f0e2,#efe3cb);border:0;align-items:center;gap:10px;padding:16px 14px;transition:background-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.cmp-launch+.cmp-launch{border-left:1px solid var(--cmp-edge)}.cmp-launch>span{flex:1;min-width:0}.cmp-launch strong{font-family:var(--font-display,Georgia,serif);letter-spacing:-.01em;font-size:21px;font-weight:400;line-height:1.15;display:block}.cmp-launch small{color:var(--cmp-quiet);margin-top:5px;font-size:12px;line-height:1.45;display:block}.cmp-launch>svg{color:var(--metal-icon,#5e4423);flex:none}.cmp-launch>svg:last-child{transition:transform .25s}.cmp-launch:after{content:"";z-index:-1;pointer-events:none;background:var(--glint-band,linear-gradient(100deg,transparent 18%,#fff6dc80 40%,#fffdf6 50%,#fff6dc80 60%,transparent 82%));opacity:0;width:34%;position:absolute;top:-2px;bottom:-2px;left:0;transform:translate(-120%)skew(-20deg)}.cmp-launch:is(:hover,:focus-visible):not(:disabled):after{animation:1.1s ease-out both atelier-glint-pass}.cmp-launch:hover:not(:disabled){box-shadow:inset 0 -1px var(--cmp-bronze)}.cmp-launch[aria-expanded=true]{box-shadow:inset 0 -3px var(--cmp-bronze);background:#ead9b7}.cmp-launch[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.cmp-panel-tools{border-top:1px solid var(--cmp-rule);background:#faf6ee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:8px 14px;display:flex}.cmp-editor{border-top:1px solid #d9cdb9}.cmp-preview{z-index:5;background:var(--cmp-paper,#fcfaf5);border-bottom:1px solid #e0d4bf;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:14px 16px;display:grid;position:sticky;top:0}.cmp-preview-art{width:112px;line-height:0;box-shadow:0 1px 2px #26231f1f,0 8px 18px -10px #26231f40}.cmp-preview-art :is(img,svg).mosaic-svg{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.cmp-preview[data-interactive=true] .cmp-preview-art{outline:1px dashed var(--cmp-bronze);outline-offset:4px}.cmp-preview-meta{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.cmp-preview-caption{min-width:0}.cmp-preview-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--cmp-bronze);font-size:11px;display:block}.cmp-preview-caption strong{color:var(--cmp-ink);margin-top:3px;font-size:14px;font-weight:500;line-height:1.4;display:block}.cmp-preview-tools{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}@media (max-width:1023px){.cmp-preview[data-variant=pinned]{flex-direction:column;align-items:stretch;gap:10px;height:min(45vh,460px);padding:12px 14px 10px;display:flex;box-shadow:0 10px 18px -16px #3e342880}.cmp-preview[data-variant=pinned] .cmp-preview-art{width:auto;min-height:0;box-shadow:none;flex:auto;justify-content:center;display:flex}.cmp-preview[data-variant=pinned] .cmp-preview-art>:is(img,svg){width:auto;max-width:100%;height:100%;box-shadow:0 1px 2px #26231f1f,0 10px 22px -12px #26231f55}.cmp-preview[data-variant=pinned] .cmp-preview-meta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;display:grid}.cmp-preview[data-variant=pinned] .cmp-preview-tools{display:contents}.cmp-preview[data-variant=pinned] .cmp-save{grid-column:1/-1;font-size:12px}.cmp-preview[data-variant=pinned] .cmp-preview-caption strong{margin-top:1px;font-size:13.5px}.cmp-preview[data-variant=pinned] .cmp-undo button{padding:0 10px}}.cmp-glazes{padding:2px 16px 14px}.cmp-editor>.cmp-glazes{padding-top:4px}.cmp-step{color:#46392b;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:18px 0 10px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.cmp-step-number{border:1px solid var(--cmp-bronze);width:22px;height:22px;color:var(--cmp-bronze);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;line-height:1;display:inline-flex;transform:translateY(-1px)}.cmp-step-target{color:var(--cmp-soft);flex-basis:100%;padding-left:32px;font-size:12px;font-weight:400}.cmp-glaze-group+.cmp-glaze-group{margin-top:14px}.cmp-glaze-group-label{letter-spacing:.12em;text-transform:uppercase;color:#7a6a55;margin:0 0 7px;font-size:11px}.cmp-glaze-roles{flex-wrap:wrap;gap:8px;display:flex}.cmp-glaze-roles button{background:var(--cmp-card,#fffdf8);text-align:left;color:#493b2b;border:1px solid #d6c7af;flex:128px;align-items:center;gap:10px;min-width:0;min-height:56px;padding:7px 10px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.cmp-glaze-roles button:hover{border-color:#b8996a}.cmp-glaze-roles button[aria-pressed=true]{border-color:var(--cmp-bronze);background:var(--cmp-pressed,#f3e9d6);box-shadow:inset 0 -2px var(--cmp-bronze)}.cmp-glaze-roles .glaze-chip{flex:none;width:36px;height:36px;display:block}.cmp-glaze-roles span{min-width:0}.cmp-glaze-roles strong,.cmp-glaze-roles small{font-size:12px;line-height:1.4;display:block}.cmp-glaze-roles strong{font-weight:500}.cmp-glaze-roles small{color:var(--cmp-soft)}.cmp-glaze-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 8px;display:grid}.cmp-glaze-swatches button{color:#514333;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:64px;padding:4px 2px;display:flex}.cmp-glaze-swatches .glaze-chip{aspect-ratio:1;color:#fff;justify-content:center;align-items:center;width:100%;max-width:48px;transition:transform .2s,box-shadow .2s;display:flex}.cmp-glaze-swatches button:hover .glaze-chip{transform:translateY(-1px);box-shadow:0 0 0 1px #c9ab78,0 8px 16px -10px #6e4f22}.cmp-glaze-swatches button[aria-pressed=true] .glaze-chip{outline:2px solid var(--cmp-bronze);outline-offset:3px}.cmp-glaze-swatches .glaze-chip svg{z-index:2;box-sizing:content-box;background:#3e3428b3;border-radius:50%;padding:2px;position:relative}.cmp-glaze-swatches button span{text-align:center;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;font-size:11px;line-height:1.3}.cmp-glaze-empty{color:var(--cmp-quiet);border:1px dashed #cdb894;margin:0;padding:14px;font-size:13px;line-height:1.5}.cmp-glaze-status{color:#655540;min-height:20px;margin:12px 0 0;font-size:12px;line-height:1.5}.cmp-glaze-status:empty{min-height:0;margin:0}.cmp-piece-toggle{color:#46392b;background:0 0;border:1px dashed #b89a6a;align-items:center;gap:8px;min-height:44px;margin-top:14px;padding:0 14px;font-size:13px;display:inline-flex}.cmp-piece-toggle[aria-pressed=true]{border-style:solid;border-color:var(--cmp-bronze);background:var(--cmp-pressed,#f3e9d6)}@media (max-width:600px){.cmp-glaze-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px}}.cmp-panel .border-workshop{border:0;margin:0;padding:16px}.cmp-panel .border-band-settings{grid-template-columns:1fr 1fr}.cmp-panel .border-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-panel :is(input,select){min-height:44px;font-size:16px}.cmp-panel .border-visual-glazes,.cmp-panel .border-band .cmp-glazes{padding:0}.cmp-done{width:calc(100% - 32px);min-height:48px;color:var(--cmp-ink);background:#f3e8d4;border:1px solid #aa8a56;justify-content:center;align-items:center;gap:10px;margin:6px 16px 16px;padding:12px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.cmp-done:hover{border-color:var(--cmp-bronze);box-shadow:inset 0 -1px var(--cmp-bronze)}@media (max-width:440px){.cmp-launch{flex-wrap:wrap;gap:7px;padding:14px 10px}.cmp-launch>svg:first-child{display:none}.cmp-launch strong{font-size:20px}.cmp-launch small{font-size:11px}.cmp-panel .border-band-settings{grid-template-columns:1fr}}.cmp-sizes{border:0;min-width:0;margin:0;padding:0;position:relative}.cmp-sizes legend{color:var(--cmp-ink);padding:0;font-size:14px;font-weight:500}.cmp-sizes-aside{position:absolute;top:-12px;right:0}.cmp-size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.cmp-size-options button{border:1px solid var(--cmp-line);min-height:60px;color:var(--cmp-quiet);font-variant-numeric:lining-nums;background:0 0;flex-direction:column;justify-content:center;align-items:center;padding:8px 6px;display:flex}.cmp-size-options button span{color:var(--cmp-ink);font-size:16px}.cmp-size-options button small{color:var(--cmp-quiet);font-size:14px}.cmp-size-options button:hover{border-color:#c4ae88}.cmp-size-options button[aria-pressed=true]{border-color:var(--cmp-bronze);background:var(--cmp-tint)}.cmp-units{border:1px solid var(--cmp-line);background:var(--cmp-card,#fffdf8);display:inline-flex}.cmp-units button{min-width:44px;min-height:44px;color:var(--cmp-quiet);padding:0 10px;font-size:13px}.cmp-units button+button{border-left:1px solid var(--cmp-line)}.cmp-units button[aria-pressed=true]{background:var(--cmp-tint);color:var(--cmp-ink);box-shadow:inset 0 0 0 1px var(--cmp-bronze)}.cmp-undo{background:var(--cmp-card,#fffdf8);border:1px solid #d6c7af;display:inline-flex}.cmp-undo button{color:#3e3428;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;font-size:13px;transition:background-color .2s,box-shadow .2s;display:inline-flex}.cmp-undo button+button{border-left:1px solid #e1d5c1}.cmp-undo button:hover:not(:disabled){background:var(--cmp-pressed,#f3e9d6);box-shadow:inset 0 -1px var(--cmp-bronze)}.cmp-undo button:disabled{opacity:.4}.cmp-undo svg{color:var(--metal-icon,#5e4423)}.cmp-save{color:var(--cmp-quiet);font-variant-numeric:lining-nums;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:12.5px;line-height:1.45;display:inline-flex}.cmp-save>svg{color:var(--cmp-bronze);flex:none}.cmp-save:is([data-status=error],[data-status=conflict]){color:#7a3b22}.cmp-save:is([data-status=error],[data-status=conflict])>svg{color:sienna}.cmp-save-actions{flex-wrap:wrap;gap:0 14px;display:inline-flex}.cmp-save-actions button{min-height:44px;color:var(--cmp-ink);text-decoration:underline;-webkit-text-decoration-color:var(--cmp-bronze);text-decoration-color:var(--cmp-bronze);text-underline-offset:5px;padding:0;font-size:13px}.cmp-save-spin{animation:1s linear infinite cmp-spin}@keyframes cmp-spin{to{transform:rotate(360deg)}}.cmp-continue{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.cmp-back{min-height:44px;color:var(--cmp-ink);text-decoration:underline;-webkit-text-decoration-color:var(--cmp-bronze);text-decoration-color:var(--cmp-bronze);text-underline-offset:6px;align-items:center;gap:8px;padding:0;font-size:14px;display:inline-flex}.cmp-continue-primary{flex:0 auto}.cmp-continue-note{color:var(--cmp-quiet);flex-basis:100%;margin:0;font-size:12px;line-height:1.5}@media (max-width:600px){.cmp-continue{flex-direction:column-reverse;align-items:stretch}.cmp-continue-primary{width:100%}}.cmp-open{color:var(--cmp-ink);display:inline-block;position:relative}.cmp-open>summary{white-space:nowrap;background:var(--cmp-card,#fffdf8);cursor:pointer;border:1px solid #d6c7af;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:13px;list-style:none;display:inline-flex}.cmp-open>summary::-webkit-details-marker{display:none}.cmp-open>summary small{color:var(--cmp-bronze);margin-left:4px}.cmp-open[open]>summary{border-color:var(--cmp-bronze);box-shadow:inset 0 -2px var(--cmp-bronze)}.cmp-open ul{z-index:30;border:1px solid var(--cmp-edge);background:var(--cmp-paper);width:min(360px,100vw - 32px);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:auto;right:0;box-shadow:0 18px 40px -24px #3e3428a6}.cmp-open li{border-bottom:1px solid var(--cmp-rule);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;padding:10px;display:grid}.cmp-open li:last-child{border-bottom:0}.cmp-open li[data-active=true]{background:var(--cmp-pressed,#f3e9d6)}.cmp-open-chips{gap:2px;display:flex}.cmp-open-chips .glaze-chip{width:12px;height:28px;display:block}.cmp-open-name strong{font-size:13px;font-weight:500;display:block}.cmp-open-name small{color:var(--cmp-soft);font-size:11px;line-height:1.5;display:block}.cmp-kind{color:var(--cmp-bronze)}.cmp-open-current{letter-spacing:.1em;text-transform:uppercase;color:var(--cmp-bronze);grid-column:2;font-size:11px}.cmp-open-actions{flex-wrap:wrap;grid-column:2;gap:0 14px;display:flex}.cmp-open-actions button{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--cmp-bronze);text-decoration-color:var(--cmp-bronze);text-underline-offset:5px;padding:0;font-size:13px}@media (max-width:600px){.cmp-open>summary{padding:0 10px}.cmp-open-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cmp-open ul{width:min(360px,100vw - 28px);left:auto;right:0}}@media (prefers-reduced-motion:reduce){:is(.cmp-panel,.cmp-glazes,.cmp-undo,.cmp-save,.cmp-open,.cmp-sizes) *,.cmp-launch:after{transition:none!important;animation:none!important}}body[data-atmosphere-motion=paused] .cmp-launch:after{animation:none}