.studio{--s-bg:#faf8f3;--s-panel:#fff;--s-ink:#141310;--s-ink-2:#55514a;--s-ink-3:#7a756b;--s-line:#1413101a;--s-line-soft:#1413100f;--s-gold:#c9a227;--s-gold-deep:#a87e1c;--s-good:#2f7d4f;--s-warn:#b07d12;--s-bad:#b0402c;--s-r:14px;--s-r-lg:22px;--s-shadow:0 1px 2px #1413100a, 0 12px 32px #1413100f;--s-ease:cubic-bezier(.22, 1, .36, 1);background:var(--s-bg);min-height:100dvh;color:var(--s-ink);font-family:var(--font-body,"Manrope", system-ui, sans-serif);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.studio,.studio a,.studio button{cursor:auto}.studio a,.studio button,.studio [role=button]{cursor:pointer}.studio *,.studio :before,.studio :after{box-sizing:border-box}.studio h1,.studio h2,.studio h3{font-family:var(--font-display,"Instrument Serif", Georgia, serif);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.12}.studio h1{font-size:clamp(28px,6.4vw,44px)}.studio h2{font-size:clamp(22px,4.6vw,30px)}.studio h3{font-size:19px}.studio p{margin:0}.s-wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 18px}.s-wrap--narrow{max-width:720px}.s-label{font-family:var(--font-mono,"Fragment Mono", monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--s-ink-3);font-size:11px}.s-muted{color:var(--s-ink-2)}.s-dim{color:var(--s-ink-3)}.s-small{font-size:14px}.s-tiny{font-size:12.5px}.s-card{background:var(--s-panel);border:1px solid var(--s-line-soft);border-radius:var(--s-r-lg);box-shadow:var(--s-shadow);padding:22px}.s-card--flat{box-shadow:none}.s-card+.s-card{margin-top:14px}.s-grid>.s-card+.s-card{margin-top:0}.s-grid{gap:14px;display:grid}@media (width>=720px){.s-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.s-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.s-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.s-grid>*{min-width:0}.s-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.s-row--between{justify-content:space-between}.s-stack{gap:10px;display:grid}.s-stack--lg{gap:20px}.s-field{gap:7px;display:grid}.s-field>label{color:var(--s-ink);font-size:15px;font-weight:600}.s-help{color:var(--s-ink-3);font-size:13.5px;line-height:1.5}.s-input,.s-textarea,.s-select{width:100%;font:inherit;color:var(--s-ink);border:1px solid var(--s-line);border-radius:var(--s-r);transition:border-color .15s var(--s-ease), box-shadow .15s var(--s-ease);appearance:none;background:#fff;padding:13px 14px;font-size:16px}.s-textarea{resize:vertical;min-height:118px;line-height:1.55}.s-select{background-image:linear-gradient(45deg, transparent 50%, var(--s-ink-2) 50%), linear-gradient(135deg, var(--s-ink-2) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:40px}.s-input:focus-visible,.s-textarea:focus-visible,.s-select:focus-visible{border-color:var(--s-gold);outline:none;box-shadow:0 0 0 3px #c9a2272e}.s-input[aria-invalid=true],.s-textarea[aria-invalid=true]{border-color:var(--s-bad)}.s-error{color:var(--s-bad);align-items:flex-start;gap:6px;font-size:13.5px;display:flex}.s-btn{font:inherit;appearance:none;background:var(--s-ink);color:#fff;min-height:48px;transition:transform .16s var(--s-ease), background .16s var(--s-ease), opacity .16s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.s-btn:hover{color:#fff;background:#2a2721}.s-btn:active{transform:scale(.985)}.s-btn:disabled{opacity:.45;pointer-events:none}.s-btn:focus-visible{outline:2px solid var(--s-gold);outline-offset:3px}.s-btn--ghost{color:var(--s-ink);border:1px solid var(--s-line);background:0 0}.s-btn--ghost:hover{color:var(--s-ink);background:#1413100a}.s-btn--gold{background:var(--s-gold);color:#191713}.s-btn--gold:hover{background:var(--s-gold-deep);color:#fff}.s-btn--sm{min-height:38px;padding:8px 15px;font-size:14px}.s-btn--danger{background:var(--s-bad)}.s-btn--block{width:100%}.s-chip{border:1px solid var(--s-line);min-height:40px;color:var(--s-ink-2);transition:all .16s var(--s-ease);appearance:none;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-family:inherit;font-size:14.5px;font-weight:500;display:inline-flex}.s-chip[aria-pressed=true]{border-color:var(--s-ink);background:var(--s-ink);color:#fff}.s-chip:focus-visible{outline:2px solid var(--s-gold);outline-offset:2px}.s-pill{letter-spacing:.02em;color:var(--s-ink-2);white-space:nowrap;background:#1413100f;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.s-pill--good{color:var(--s-good);background:#2f7d4f1f}.s-pill--warn{color:var(--s-warn);background:#b07d1224}.s-pill--bad{color:var(--s-bad);background:#b0402c1f}.s-pill--gold{color:var(--s-gold-deep);background:#c9a22729}.s-progress{background:#14131014;border-radius:999px;height:4px;overflow:hidden}.s-progress>i{background:linear-gradient(90deg, var(--s-gold-deep), var(--s-gold));height:100%;transition:width .5s var(--s-ease);border-radius:999px;display:block}.s-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.s-options--wide{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.s-option{text-align:left;border:1px solid var(--s-line);font:inherit;color:inherit;appearance:none;transition:border-color .18s var(--s-ease), box-shadow .18s var(--s-ease), transform .18s var(--s-ease);background:#fff;border-radius:18px;gap:0;padding:0;display:grid;position:relative;overflow:hidden}.s-option:hover{box-shadow:var(--s-shadow);transform:translateY(-2px)}.s-option:focus-visible{outline:2px solid var(--s-gold);outline-offset:3px}.s-option[aria-pressed=true]{border-color:var(--s-ink);box-shadow:0 0 0 2px var(--s-ink)}.s-option[aria-pressed=true] .s-option__tick{opacity:1;transform:scale(1)}.s-option__tick{background:var(--s-ink);color:#fff;opacity:0;width:24px;height:24px;transition:all .2s var(--s-ease);z-index:2;border-radius:999px;place-items:center;font-size:13px;display:grid;position:absolute;top:10px;right:10px;transform:scale(.6)}.s-option__art{aspect-ratio:4/3;border-bottom:1px solid var(--s-line-soft);position:relative;overflow:hidden}.s-option__body{flex-direction:column;padding:11px 13px 13px;display:flex}.s-option__label{font-size:15px;font-weight:650}.s-option__hint{color:var(--s-ink-3);margin-top:2px;font-size:12.5px;line-height:1.45}.s-appbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--s-line-soft);background:#faf8f3eb;position:sticky;top:0}.s-appbar__inner{justify-content:space-between;align-items:center;gap:12px;max-width:1140px;margin:0 auto;padding:12px 18px;display:flex}.s-appbar__brand{font-family:var(--font-display,"Instrument Serif", Georgia, serif);color:var(--s-ink);align-items:center;gap:10px;font-size:19px;display:flex}.s-tabs{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--s-line);padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;display:flex;position:fixed;bottom:0;left:0;right:0}.s-tab{letter-spacing:.01em;color:var(--s-ink-3);flex:1;justify-items:center;gap:3px;min-height:54px;padding:9px 4px 8px;font-size:10.5px;font-weight:600;text-decoration:none;display:grid;position:relative}.s-tab svg{width:21px;height:21px}.s-tab.is-active{color:var(--s-ink)}.s-tab.is-active:before{content:"";background:var(--s-gold);border-radius:0 0 3px 3px;height:2px;position:absolute;top:0;left:22%;right:22%}.s-tab__dot{background:var(--s-bad);border-radius:999px;width:8px;height:8px;margin-right:-18px;position:absolute;top:6px;right:50%}.s-main{padding:20px 18px 96px}@media (width>=900px){.s-tabs{border-top:0;border-right:1px solid var(--s-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-direction:column;align-self:start;width:208px;height:calc(100dvh - 61px);padding:16px 10px;position:sticky;top:61px;bottom:auto}.s-tab{border-radius:11px;flex:none;grid-template-columns:22px 1fr;place-items:center start;gap:11px;min-height:46px;padding:11px 13px;font-size:14.5px}.s-tab.is-active{background:#1413100d}.s-tab.is-active:before{display:none}.s-tab__dot{margin:0 0 0 auto;position:static}.s-shell{grid-template-columns:208px minmax(0,1fr);gap:26px;max-width:1240px;margin:0 auto;padding:0 18px;display:grid}.s-main{padding:26px 0 60px}.s-grid--stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.s-empty{text-align:center;color:var(--s-ink-3);justify-items:center;gap:10px;padding:44px 20px;display:grid}.s-empty h3{color:var(--s-ink)}.s-skeleton{background:linear-gradient(90deg,#1413100d,#14131017,#1413100d) 0 0/200% 100%;border-radius:10px;height:14px;animation:1.3s linear infinite sShimmer}@keyframes sShimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.studio *,.studio :before,.studio :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.s-list{gap:10px;display:grid}.s-item{border:1px solid var(--s-line-soft);border-radius:var(--s-r);text-align:left;width:100%;font:inherit;color:inherit;appearance:none;background:#fff;gap:6px;padding:15px 16px;display:grid}.s-item__top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.s-item__title{font-size:15.5px;font-weight:650}.s-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.s-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.s-table th{text-align:left;font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--s-ink-3);border-bottom:1px solid var(--s-line);white-space:nowrap;padding:8px 10px;font-size:10.5px}.s-table td{border-bottom:1px solid var(--s-line-soft);vertical-align:top;padding:11px 10px}.s-table tr:last-child td{border-bottom:0}.s-stat{gap:3px;display:grid}.s-stat__n{font-family:var(--font-display,Georgia, serif);font-size:32px;line-height:1}.s-stat__l{color:var(--s-ink-3);font-size:12.5px}.s-grid--stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.s-grid--stats .s-card{padding:14px 12px}.s-grid--stats .s-stat__n{letter-spacing:-.02em;font-size:clamp(17px,5.2vw,30px)}.s-grid--stats .s-stat__l{font-size:11px;line-height:1.3}.s-toast{left:50%;bottom:calc(72px + env(safe-area-inset-bottom));z-index:200;background:var(--s-ink);color:#fff;text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:14.5px;font-weight:550;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #14131040}.s-toast--bad{background:var(--s-bad)}@media (width>=900px){.s-toast{bottom:28px}}.s-preview{border:1px solid var(--s-line);border-radius:var(--s-r-lg);background:#fff;position:relative;overflow:hidden}.s-preview__frame{background:#fff;border:0;width:100%;display:block}.s-preview__layer{cursor:crosshair;position:absolute;inset:0}.s-pin{background:var(--s-gold);color:#191713;z-index:3;appearance:none;border:2px solid #fff;border-radius:999px 999px 999px 2px;place-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;padding:0;font-family:inherit;font-size:12px;font-weight:700;display:grid;position:absolute;box-shadow:0 3px 10px #1413104d}.s-pin--done{background:var(--s-good);color:#fff}.s-sheet{z-index:120;padding:20px 18px calc(24px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;max-height:86dvh;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -12px 40px #1413102e}.s-scrim{z-index:110;background:#14131066;border:0;padding:0;position:fixed;inset:0}@media (width>=720px){.s-sheet{border-radius:22px;width:calc(100% - 40px);max-width:520px;max-height:84dvh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.s-viewport-toggle{border:1px solid var(--s-line);background:#fff;border-radius:999px;padding:3px;display:inline-flex}.s-viewport-toggle button{font:inherit;color:var(--s-ink-3);background:0 0;border:0;border-radius:999px;min-height:38px;padding:7px 15px;font-size:13.5px;font-weight:600}.s-viewport-toggle button[aria-pressed=true]{background:var(--s-ink);color:#fff}.s-prose{color:var(--s-ink-2);font-size:16px;line-height:1.68}.s-prose h1{color:var(--s-ink);margin:0 0 4px;font-size:clamp(26px,5vw,36px)}.s-prose h2{color:var(--s-ink);margin:26px 0 8px;font-size:21px}.s-prose h3{color:var(--s-ink);margin:18px 0 6px;font-size:17px}.s-prose p{margin:0 0 12px}.s-prose ul{margin:0 0 14px;padding-left:20px}.s-prose li{margin:0 0 6px}.s-prose code{font-family:var(--font-mono,monospace);background:#1413100d;border-radius:5px;padding:2px 6px;font-size:13.5px}.s-prose strong{color:var(--s-ink);font-weight:650}.s-prose hr{border:0;border-top:1px solid var(--s-line);margin:24px 0}.s-prose em{color:var(--s-ink-3);font-size:14px;font-style:normal}.s-banner{border-radius:var(--s-r);color:#5c4a12;background:#c9a2271a;border:1px solid #c9a2274d;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14.5px;line-height:1.55;display:flex}.s-banner--demo{border-color:var(--s-line);color:var(--s-ink-2);background:#1413100f}.s-banner--bad{color:#7a2c1e;background:#b0402c14;border-color:#b0402c47}.s-banner--good{color:#1f5636;background:#2f7d4f17;border-color:#2f7d4f42}.s-locked{border:1px dashed var(--s-line);border-radius:var(--s-r-lg);text-align:center;background:#ffffff80;justify-items:center;gap:10px;padding:26px 22px;display:grid;position:relative}.q-options{gap:8px;display:grid}.q-option{text-align:left;border-radius:var(--s-r);border:1px solid var(--s-line);width:100%;min-height:52px;color:var(--s-ink);appearance:none;transition:border-color .16s var(--s-ease), background .16s var(--s-ease);background:#fff;align-items:flex-start;gap:12px;padding:13px 15px;font-family:inherit;font-size:15.5px;line-height:1.4;display:flex}.q-option:hover:not(:disabled){border-color:#1413103d}.q-option[aria-pressed=true]{border-color:var(--s-ink);background:#14131009}.q-option:disabled{opacity:.45}.q-option:focus-visible{outline:2px solid var(--s-gold);outline-offset:2px}.q-option__box{border:1px solid var(--s-line);color:#fff;width:22px;height:22px;transition:all .16s var(--s-ease);background:#fff;border-radius:7px;flex:none;place-items:center;margin-top:1px;font-size:13px;line-height:1;display:grid}.q-option[aria-pressed=true] .q-option__box{background:var(--s-ink);border-color:var(--s-ink)}.q-option__box[data-shape=dot]{border-radius:999px}.q-option__label{font-weight:500;display:block}.q-option__hint{color:var(--s-ink-3);margin-top:2px;font-size:13px;font-weight:400;display:block}.q-drop{border:1px dashed var(--s-line);border-radius:var(--s-r);text-align:center;transition:border-color .16s var(--s-ease), background .16s var(--s-ease);background:#fff;padding:18px 16px}.q-drop[data-drag=on]{border-color:var(--s-gold);background:#c9a2270f}.q-review{text-align:left;border-radius:var(--s-r);border:1px solid var(--s-line);width:100%;color:var(--s-ink);appearance:none;background:#fff;align-items:center;gap:12px;padding:14px 15px;font-family:inherit;font-size:15.5px;display:flex}.q-review>span:nth-child(2){flex:auto;min-width:0}.q-review:hover{border-color:#1413103d}.q-review:focus-visible{outline:2px solid var(--s-gold);outline-offset:2px}.q-review__tick{width:24px;height:24px;color:var(--s-ink-3);background:#1413100f;border-radius:999px;flex:none;place-items:center;font-size:13px;display:grid}.q-review__tick[data-state=complete]{color:var(--s-good);background:#2f7d4f24}.q-review__tick[data-state=blocked]{color:var(--s-warn);background:#b07d1229;font-weight:700}.q-sticky{z-index:20;padding:12px 0 max(12px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--s-bg) 68%, #faf8f300);border-top:1px solid var(--s-line-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;bottom:0;left:0;right:0}.q-sticky .s-btn{min-height:48px}