:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#f7f8f6;width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}@media (width<=980px){body{overflow:auto}}.studio-shell{color:#2f2b25;background:linear-gradient(#f7f8f6 0%,#eef3f4 100%),#f7f8f6;min-height:100vh;padding:18px}.studio-window{background:#f3eddf;border:1px solid #b8c6cc;border-radius:8px;width:min(1036px,100vw - 36px);height:min(586px,100vh - 36px);min-height:560px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 26px 70px #3e46492e,inset 0 0 0 1px #ffffffa3}.studio-header{background:#f5eee0bd;border-bottom:1px solid #75674e24;grid-template-columns:1fr auto auto;align-items:center;gap:18px;height:62px;padding:10px 16px;display:grid}.studio-brand{align-items:center;gap:12px;min-width:0;display:flex}.studio-brand strong{color:#221c17;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500;line-height:1;display:block}.studio-brand span{color:#7c55b9;margin-top:5px;font-family:Bradley Hand,Segoe Print,cursive;font-size:12px;display:block}.brand-mark{background:#ffffff75;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.studio-nav{align-items:center;gap:18px;display:flex}.studio-nav button,.profile-button,.stage-toolbar button,.viewer-controls button,.cell-row,.organelle-row,.micro-card,.add-image,.compare-box,.detail-fav,.mini-toggle,.stage-label,.workspace-drawer button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.studio-nav button{color:#4f4740;border-radius:7px;justify-items:center;gap:4px;min-width:42px;padding:4px 5px;font-size:10px;display:grid}.studio-nav button.active,.profile-button.active{color:#2f6b8a;background:#e4f2f8d9}.profile-button{color:#855aa7;background:#ffffff80;border:1px solid #5b707f38;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 9px;display:inline-flex}.workspace-drawer{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fcf8eff0;border:1px solid #5b707f33;border-radius:8px;width:330px;padding:13px;position:absolute;top:66px;right:16px;box-shadow:0 18px 42px #37302429}.workspace-drawer header{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.workspace-drawer strong{color:#251f18;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;display:block}.workspace-drawer header span{color:#71675d;margin-top:5px;font-size:11px;line-height:1.35;display:block}.workspace-drawer header>button{background:#ffffff8a;border:1px solid #70655433;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.drawer-content{gap:10px;max-height:350px;margin-top:12px;padding-right:2px;display:grid;overflow:auto}.drawer-copy{color:#62594f;margin:0;font-size:11px;line-height:1.45}.gallery-hero,.uploaded-tile,.drawer-row,.compare-card,.settings-row{background:#ffffff6b;border:1px solid #77684c24;border-radius:8px}.gallery-hero,.uploaded-tile,.drawer-row{grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:9px;display:grid}.gallery-hero strong,.uploaded-tile strong,.drawer-row strong,.compare-card strong,.library-card strong,.settings-row strong{color:#2d261f;font-size:11px;line-height:1.2;display:block}.gallery-hero>div>span,.uploaded-tile small,.drawer-row>span:not(.cell-thumb) small,.compare-card small,.library-card small,.settings-row small{color:#81776b;margin-top:3px;font-size:10px;line-height:1.3;display:block}.drawer-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.drawer-primary,.drawer-secondary,.cell-chip-grid button,.segmented button{color:#4e453d;cursor:pointer;background:#ffffff80;border:1px solid #7065542e;border-radius:8px;min-height:30px;padding:7px 9px;font-size:10px}.drawer-primary{color:#23556f;background:#e4f2f8c7;border-color:#5897be4d}.drawer-secondary.full{width:100%}.uploaded-tile span{background:var(--upload-preview) center / cover;border-radius:8px;width:34px;height:34px}.drawer-list{gap:6px;display:grid}.drawer-row{text-align:left;cursor:pointer;width:100%}.empty-state{color:#877b70;background:#ffffff47;border:1px dashed #77684c2e;border-radius:8px;margin:0;padding:11px;font-size:11px}.library-grid,.cell-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.library-card{text-align:left;cursor:pointer;background:#ffffff6b;border:1px solid #77684c24;border-radius:8px;gap:5px;min-height:82px;padding:9px;display:grid}.library-card>span{border-radius:50%;width:10px;height:10px}.library-card.active,.cell-chip-grid button.active,.segmented button.active{background:#e4f2f8cc;border-color:#5897be57}.note-editor{color:#665b51;gap:7px;font-size:11px;display:grid}.note-editor textarea{resize:vertical;color:#3b332c;min-height:128px;font:inherit;background:#ffffff8f;border:1px solid #77684c2e;border-radius:8px;padding:10px;line-height:1.45}.drawer-meta.inline{margin-top:0}.settings-list{gap:8px}.settings-row{grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.settings-row input{accent-color:#72a4bf;width:16px;height:16px}.segmented{grid-template-columns:repeat(2,auto);gap:4px;display:inline-grid}.provider-segmented{grid-template-columns:repeat(3,auto)}.compare-drawer-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compare-card{gap:7px;min-width:0;padding:10px;display:grid}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-stats span{background:#ffffff6b;border:1px solid #77684c24;border-radius:8px;margin:0;padding:10px}.profile-stats strong{color:#2f6b8a;font-size:17px;display:block}.profile-stats small{color:#81776b;font-size:10px}.drawer-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.drawer-meta span{color:#5e554b;text-overflow:ellipsis;white-space:nowrap;background:#ffffff6b;border:1px solid #77684c1f;border-radius:8px;min-width:0;margin:0;padding:7px 8px;font-size:10px;overflow:hidden}.status-toast{z-index:10;color:#42505a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6fbfce0;border:1px solid #5f839433;border-radius:8px;align-items:center;gap:7px;max-width:280px;padding:8px 11px;font-size:11px;display:inline-flex;position:absolute;bottom:14px;right:18px;box-shadow:0 12px 28px #37302414}.status-toast span{background:#5aa77e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5aa77e1f}.studio-grid{grid-template-rows:minmax(292px,1fr) 128px;grid-template-columns:166px minmax(430px,1fr) 194px;gap:10px 12px;height:calc(100% - 62px);padding:10px 12px 12px;display:grid}.left-rail,.right-rail{gap:10px;min-height:0;display:grid}.left-rail{grid-row:1/3;grid-template-rows:minmax(292px,1fr) 128px}.right-rail{grid-area:1/3/3;grid-template-rows:184px 160px minmax(60px,1fr)}.panel{background:#fcf7ebc2;border:1px solid #77684c2e;border-radius:8px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 12px 30px #4b40300f,inset 0 1px #ffffffb8}.panel-title{color:#6f5c89;letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 8px;font-size:10px;font-weight:700;display:flex}.panel-title span{align-items:center;gap:7px;display:inline-flex}.cell-list,.organelle-list{gap:5px;padding:0 8px 10px;display:grid}.cell-row{text-align:left;border:1px solid #0000;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:45px;padding:6px 8px;display:grid}.cell-row.active{color:#2f5971;background:#dbeef7;border-color:#5797be47}.cell-row strong,.compare-box strong{color:#2d261f;font-size:11px;font-weight:700;line-height:1.1;display:block}.cell-row small,.compare-box small{color:#83796c;margin-top:3px;font-size:9px;display:block}.cell-thumb{background:#fbf8ef;border:1px solid #5f534224;border-radius:8px;place-items:center;width:31px;height:31px;display:inline-grid;position:relative}.cell-thumb>span{background:radial-gradient(circle at 42% 38%, #753ca8 0 18%, transparent 19%), radial-gradient(circle at 60% 58%, #8d58b8 0 18%, transparent 19%), radial-gradient(circle at 68% 24%, #a84d6e 0 7%, transparent 8%), radial-gradient(circle at 34% 68%, #5b82c4 0 7%, transparent 8%), radial-gradient(circle at center, color-mix(in srgb, var(--cell-accent), white 38%) 0 64%, transparent 66%);border-radius:50%;width:23px;height:23px;box-shadow:inset 0 0 0 2px #ffffff80}.cell-thumb.plant>span{border-radius:38% 42% 46% 36%}.cell-thumb.neuron>span{background:radial-gradient(circle,#8b5cf6 0 23%,#0000 24%),linear-gradient(25deg,#0000 0 45%,#8b5cf6 46% 52%,#0000 53%),linear-gradient(-28deg,#0000 0 45%,#8b5cf6 46% 52%,#0000 53%)}.cell-thumb.bacteria>span,.cell-thumb.muscle>span{border-radius:999px;height:13px}.cell-thumb.custom-cell>span{background:linear-gradient(#ffffff1a, #ffffff1a), var(--thumb-image) center / cover, color-mix(in srgb, var(--cell-accent), white 35%);border-radius:7px}.organelle-row{color:#5e564d;text-align:left;border-radius:8px;align-items:center;gap:8px;min-height:28px;padding:5px 8px;font-size:11px;display:flex}.organelle-row.active{background:#7b9cba26}.dot,.color-dot{background:var(--dot);border-radius:50%;width:9px;height:9px;display:inline-block}.stage-panel{background:radial-gradient(circle at 52% 48%,#fffc 0 12%,#0000 44%),#f4edde;border:1px solid #77684c2e;border-radius:8px;position:relative;overflow:hidden}.stage-title{z-index:3;position:absolute;top:18px;left:18px}.stage-title h1{color:#231b16;letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:500;line-height:1}.stage-title p{color:#9a897a;margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic}.cell-viewer{position:absolute;inset:0}.cell-viewer>div:not(.cell-fallback){z-index:1;inset:0;position:absolute!important}.cell-viewer canvas{cursor:grab}.cell-viewer canvas:active{cursor:grabbing}.cell-viewer.is-isolated{filter:saturate(1.06)contrast(1.03)}.stage-label{z-index:4;border:1px solid color-mix(in srgb, var(--label-color), white 50%);color:#31271f;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf4b8;border-radius:8px;align-items:center;gap:7px;max-width:190px;padding:7px 10px;font-size:11px;display:inline-flex;position:absolute;top:78px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 26px #463b2b14}.proof-launcher+.proof-badge+.stage-label,.proof-launcher.active+.proof-badge+.stage-label{top:116px}.stage-label span{background:var(--label-color);border-radius:50%;flex:none;width:8px;height:8px}.stage-status{z-index:4;color:#74685b;max-width:185px;font-size:10px;position:absolute;top:90px;left:18px}.proof-launcher{z-index:5;color:#294f88;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dcecffe6;border:1px solid #4674b45c;border-radius:8px;align-items:center;gap:6px;min-height:33px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:74px;right:170px;box-shadow:0 12px 28px #35434b1a}.proof-launcher.active{color:#12305f;background:#c4e0fff5;border-color:#2d5baa85}.custom-reference-layer{z-index:4;color:#294f88;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f9fcc7;border:1px solid #5897be47;border-radius:8px;gap:6px;width:112px;padding:7px;display:grid;position:absolute;top:118px;left:18px;box-shadow:0 12px 28px #35434b1a}.custom-reference-layer img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.custom-reference-layer span{font-size:9px;font-weight:700;line-height:1.2}.generation-overlay{z-index:5;color:#25384c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e8f3fcdb;border:1px solid #4674b447;border-radius:8px;gap:6px;width:min(280px,100% - 40px);padding:11px 13px;display:grid;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #35434b1f}.generation-overlay strong{font-size:12px}.generation-overlay span{color:#526574;font-size:10px}.generation-overlay.failed{color:#5d2b2b;background:#ffefe8e6;border-color:#b2535347}.generation-overlay.failed span{color:#7c5d55}.generation-overlay button{color:#4f312a;min-height:28px;font:inherit;cursor:pointer;background:#ffffff9e;border:1px solid #754b3e38;border-radius:8px;justify-self:start;padding:6px 10px;font-size:10px;font-weight:700}.generation-meter{background:#4674b424;border-radius:999px;height:5px;overflow:hidden}.generation-meter i{border-radius:inherit;background:linear-gradient(90deg,#6aa8cf,#8659bb);width:42%;height:100%;animation:1.15s ease-in-out infinite generation-meter;display:block}@keyframes generation-meter{0%{transform:translate(-110%)}to{transform:translate(250%)}}.proof-badge{z-index:4;color:#25384c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e8f3fcc7;border:1px solid #4674b447;border-radius:8px;gap:3px;max-width:205px;padding:8px 10px;display:grid;position:absolute;top:74px;right:288px;box-shadow:0 12px 28px #35434b14}.proof-badge strong{letter-spacing:0;font-size:10px}.proof-badge span{color:#526574;font-size:10px;line-height:1.25}.capture-pulse{z-index:5;pointer-events:none;animation:.28s ease-out capture-pulse;position:absolute;inset:0}@keyframes capture-pulse{0%{background:#fff0;box-shadow:inset 0 0 #fff0}30%{background:#ffffff6b;box-shadow:inset 0 0 0 2px #ffffffd9}to{background:#fff0;box-shadow:inset 0 0 #fff0}}.premium-render-wrap{z-index:2;perspective:900px;pointer-events:auto;cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute;inset:0}.premium-render-wrap:active{cursor:grabbing}.premium-cell-render{object-fit:contain;filter:drop-shadow(0 28px 34px #453c262e)saturate(1.05)contrast(1.02);width:min(650px,92%);max-height:104%;transform:translate(10px, 8px) rotateX(var(--render-rotate-x,0deg)) rotateY(var(--render-rotate-y,0deg)) scale(var(--render-scale,1));transform-style:preserve-3d;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform 90ms ease-out}.render-hotspot{z-index:3;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:999px;position:absolute}.render-hotspot:hover{background:#ffffff14;outline:1px solid #63975459}.cell-fallback{z-index:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.plant-render-fallback img,.upload-render-fallback img{object-fit:contain;filter:drop-shadow(0 28px 34px #453c262e)saturate(1.05)contrast(1.02);-webkit-user-select:none;user-select:none;width:min(650px,92%);max-height:104%;transform:translate(10px,8px)}.upload-render-fallback img{opacity:.92;border-radius:8px;width:min(520px,82%);max-height:82%}.fallback-cell-body{aspect-ratio:1.08;pointer-events:auto;background:radial-gradient(circle at 44% 42%,#ffffffd9,#0000 18%),radial-gradient(circle at 70% 26%,#a258b73d,#0000 12%),radial-gradient(circle at 30% 74%,#528ac038,#0000 14%),#cfd9ea;border:0;border-radius:47% 52% 50% 45%;width:min(370px,64%);margin-top:8px;position:relative;transform:rotate(-5deg);box-shadow:inset 15px 17px 22px #ffffff94,inset -16px -18px 26px #6b849e57,0 28px 52px #5b584e33}.fallback-cell-body.active{outline-offset:4px;outline:2px solid #72a4bf8c}.fallback-cell-body.plant{aspect-ratio:1.22;background:radial-gradient(circle at 42% 42%,#5d813959 0 9%,#0000 10%),radial-gradient(circle at 62% 58%,#62974647 0 13%,#0000 14%),linear-gradient(135deg,#d6eab0,#9fcf77);border-radius:26px 36px 30px 28px;width:min(350px,60%);box-shadow:inset 0 0 0 12px #6fa75a47,inset 13px 14px 22px #ffffff7a,0 28px 52px #5b584e2e}.fallback-cell-body.neuron{aspect-ratio:1.6;width:min(390px,66%);box-shadow:none;background:radial-gradient(circle at 48% 48%,#d7c7ff 0 20%,#0000 21%),linear-gradient(22deg,#0000 0 45%,#8b5cf67a 46% 51%,#0000 52%),linear-gradient(-26deg,#0000 0 42%,#8b5cf666 43% 48%,#0000 49%),linear-gradient(2deg,#0000 0 53%,#8b5cf66b 54% 58%,#0000 59%);border-radius:45% 55% 50% 45%}.fallback-cell-body.epithelial{aspect-ratio:1.25;background:linear-gradient(90deg,#ffffff6b 1px,#0000 1px) 0 0/74px 74px,linear-gradient(#ffffff6b 1px,#0000 1px) 0 0/74px 74px,linear-gradient(135deg,#f4c5b8,#df8583);border-radius:28px;width:min(345px,60%)}.fallback-cell-body.bacteria,.fallback-cell-body.muscle{aspect-ratio:2.75;border-radius:999px;width:min(420px,72%)}.fallback-cell-body.bacteria{background:radial-gradient(circle at 34% 48%,#4670c757 0 9%,#0000 10%),repeating-linear-gradient(90deg,#0000 0 22px,#ffffff52 23px 26px),linear-gradient(135deg,#b8ead4,#68c8a3)}.fallback-cell-body.animal{background:radial-gradient(circle at 45% 44%,#508bcd38,#0000 14%),radial-gradient(circle at 61% 57%,#a05bb733,#0000 13%),#b8dcf2}.fallback-cell-body.muscle{background:repeating-linear-gradient(90deg,#ffffff6b 0 8px,#0000 9px 34px),linear-gradient(135deg,#f0a4ad,#c84958)}.fallback-cell-body.bacteria .fallback-nucleus-one,.fallback-cell-body.bacteria .fallback-nucleus-two,.fallback-cell-body.muscle .fallback-nucleus-one,.fallback-cell-body.muscle .fallback-nucleus-two,.fallback-cell-body.neuron .fallback-lysosomes,.fallback-cell-body.bacteria .fallback-lysosomes,.fallback-cell-body.muscle .fallback-lysosomes{display:none}.fallback-texture{border-radius:inherit;background:radial-gradient(circle at 18% 31%,#ffffffb8 0 2.5%,#0000 3%),radial-gradient(circle at 76% 62%,#ffffffb8 0 2.5%,#0000 3%),radial-gradient(circle at 64% 18%,#4e607d38 0 2.2%,#0000 2.7%),radial-gradient(circle at 35% 65%,#4e607d33 0 2.2%,#0000 2.7%);position:absolute;inset:4%}.fallback-nucleus-one,.fallback-nucleus-two{cursor:pointer;background:radial-gradient(circle at 35% 28%,#ffffff38,#0000 18%),linear-gradient(145deg,#8b4aba,#5d2f87);border-radius:48% 52% 45% 55%;position:absolute;box-shadow:inset -8px -9px 18px #2b164647}.fallback-nucleus-one{width:28%;height:31%;top:20%;left:34%;transform:rotate(-15deg)}.fallback-nucleus-two{width:28%;height:29%;top:42%;left:51%;transform:rotate(18deg)}.fallback-er{border-top:6px double #d7658d;border-bottom:5px double #d7658d;border-radius:50%;width:28%;height:15%;position:absolute;top:68%;left:38%;transform:rotate(-8deg)}.fallback-mito{cursor:pointer;background:repeating-linear-gradient(90deg,#0000 0 6px,#ffffff7a 7px 9px),#df7046;border-radius:999px;width:14%;height:7%;position:absolute}.fallback-mito.one{top:57%;left:29%;transform:rotate(48deg)}.fallback-mito.two{top:42%;right:21%;transform:rotate(-32deg)}.fallback-lysosomes{cursor:pointer;background:radial-gradient(circle at 25% 28%,#7c3b91 0 9%,#0000 10%),radial-gradient(circle at 52% 32%,#a15bb7 0 11%,#0000 12%),radial-gradient(circle at 70% 54%,#7c3b91 0 9%,#0000 10%),radial-gradient(circle at 31% 70%,#8d58b8 0 10%,#0000 11%);width:22%;height:29%;position:absolute;top:13%;right:-5%}.fallback-granule{cursor:pointer;background:#8799d6;border-radius:50%;position:absolute;box-shadow:inset 1px 1px 2px #ffffff80}.fallback-granule.tone-1{background:#d8dde8}.fallback-granule.tone-2{background:#b6c3dc}.fallback-granule.tone-3{background:#dab3d2}.fallback-granule.tone-4{background:#85bdd4}.viewer-controls{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf6edc7;border:1px solid #77684c29;border-radius:8px;width:152px;padding:10px;position:absolute;top:12px;right:12px}.viewer-controls>span{color:#b19b8b;text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;display:block}.mode-buttons{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.mode-buttons button{color:#655d55;background:#ffffff80;border:1px solid #78828933;border-radius:8px;place-items:center;height:32px;display:grid}.mode-buttons button.active{color:#2f6b8a;background:#e4f2f8;border-color:#9bc5d8}.toggle-row{color:#755f4d;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:9px;font-size:10px;display:grid}.toggle-row input{opacity:0;position:absolute}.toggle-row i{background:#cbbca8;border-radius:999px;width:25px;height:14px;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .16s;position:absolute;top:2px;left:2px}.toggle-row input:checked+i{background:#72a4bf}.toggle-row input:checked+i:after{transform:translate(11px)}.stage-toolbar{z-index:4;grid-template-columns:repeat(5,auto) 1fr repeat(2,auto);align-items:center;gap:4px;display:grid;position:absolute;bottom:10px;left:12px;right:12px}.stage-toolbar button{color:#4e453d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcf8efb8;border:1px solid #70655433;border-radius:8px;align-items:center;gap:5px;min-height:31px;padding:6px 8px;font-size:10px;display:inline-flex}.stage-toolbar button.active{color:#2f6b8a;background:#e4f2f8db;border-color:#9bc5d8}.stage-toolbar button.proof-active{color:#294f88;background:#dcecffeb;border-color:#4674b46b}.detail-title{color:#8c57a4;letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 12px 8px;font-size:10px;font-weight:700;display:flex}.detail-fav{color:#b66a93;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.detail-fav.active{background:#b66a931f}.detail-heading{grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:8px 12px 7px;display:grid}.detail-heading h2{color:#2b2119;margin:0;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;line-height:1.1}.detail-heading p{color:#8f8172;margin:4px 0 0;font-size:10px}.cluster-icon{width:35px;height:35px;position:relative}.cluster-icon span{background:var(--cluster);border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:inset 2px 2px 4px #ffffff59}.cluster-icon span:first-child{top:5px;left:7px}.cluster-icon span:nth-child(2){top:12px;left:17px}.cluster-icon span:nth-child(3){top:18px;left:7px}.cluster-icon span:nth-child(4){width:10px;height:10px;top:4px;left:20px}.detail-grid{gap:7px;margin:0;padding:6px 12px 12px;display:grid}.detail-grid div{grid-template-columns:66px 1fr;gap:8px;display:grid}.detail-grid dt{color:#9d8e7a;font-size:10px}.detail-grid dd{color:#4b4137;justify-content:space-between;align-items:center;min-width:0;margin:0;font-size:10px;display:flex}.mini-toggle{background:#cbbca8;border-radius:999px;width:25px;height:14px;display:inline-block;position:relative}.mini-toggle:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .16s;position:absolute;top:2px;left:2px}.mini-toggle.active{background:#72a4bf}.mini-toggle.active:after{transform:translate(11px)}.notes-panel p{color:#675c50;padding:2px 12px 0;font-size:10px;line-height:1.55}.notes-panel blockquote{color:#7c55a2;border-top:1px dashed #7b518440;margin:10px 12px 0;padding-top:9px;font-family:Bradley Hand,Segoe Print,cursive;font-size:10px;line-height:1.4}.body-map{height:105px;margin:0 12px 12px;position:relative}.body-figure{opacity:.72;background:radial-gradient(circle at 50% 14%,#eed1c0 0 12%,#0000 13%),linear-gradient(#d8b79d,#ead3bd);border-radius:999px 999px 12px 12px;width:34px;height:82px;position:absolute;bottom:3px;left:18px}.body-line{border-top:1px dashed #5ba889;width:84px;position:absolute;top:40px;left:45px;transform:rotate(-14deg)}.target-cell{background:#d9e0ee;border:2px solid #b239416b;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;bottom:13px;right:5px}.target-cell span{background:radial-gradient(circle at 45% 42%,#7040a0 0 19%,#0000 20%),radial-gradient(circle at 60% 58%,#7d42ad 0 17%,#0000 18%),radial-gradient(circle,#b5c0dc 0 66%,#0000 68%);border-radius:50%;width:46px;height:46px}.bottom-deck{grid-area:2/2;grid-template-columns:1fr .72fr;gap:10px;min-width:0;display:grid}.micro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.micro-card,.add-image{background:#ffffff6b;border:1px solid #77684c29;border-radius:8px;justify-items:center;gap:5px;min-width:0;padding:8px 5px;font-size:9px;display:grid}.micro-card.active,.add-image.active{background:#e4f2f8b8;border-color:#528eaa6b}.micro-card span{background:radial-gradient(circle at 24% 40%,#7b4bb4 0 8%,#0000 9%),radial-gradient(circle at 62% 35%,#d1879a 0 10%,#0000 11%),radial-gradient(circle at 72% 68%,#b876a1 0 9%,#0000 10%),radial-gradient(circle,#e4c8c9,#c8a4a7);border-radius:6px;width:100%;height:44px}.micro-card.purple span{background:radial-gradient(circle at 32% 38%,#5a2f7d 0 12%,#0000 13%),radial-gradient(circle at 70%,#7f489e 0 10%,#0000 11%),linear-gradient(135deg,#d7c0df,#8e6ca8)}.micro-card.mono span{filter:grayscale();background:radial-gradient(circle at 34% 35%,#3f3f3f 0 10%,#0000 11%),radial-gradient(circle at 68% 64%,#777 0 10%,#0000 11%),linear-gradient(135deg,#c6c6c6,#494949)}.add-image{color:#7a6b5d;border-style:dashed;align-content:center}.add-image.with-preview{color:#3f3933;position:relative;overflow:hidden}.add-image.with-preview:before{content:"";background:var(--upload-preview) center / cover;border-radius:6px;width:100%;height:44px}.add-image.with-preview svg,.hidden-file-input{display:none}.compare-box{text-align:left;background:#ffffff5c;border:1px solid #77684c24;border-radius:8px;grid-template-columns:34px 1fr 30px 34px 1fr;align-items:center;gap:8px;margin:0 12px 12px;padding:10px;display:grid}.compare-box:hover{background:#ffffff85;border-color:#7052ad3d}.versus{color:#fff;background:#7052ad;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:grid}button:hover{filter:brightness(.985)}button:focus-visible,input:focus-visible+i{outline-offset:2px;outline:2px solid #79b4d0}.compact-ui .studio-grid{gap:8px;padding:8px 10px 10px}.compact-ui .panel-title,.compact-ui .detail-title{padding-top:9px}.compact-ui .cell-row{min-height:40px}@media (width<=980px){.studio-shell{padding:0}.studio-window{border:0;border-radius:0;width:100vw;height:auto;min-height:100vh;overflow:visible}.studio-header{grid-template-columns:1fr auto}.studio-nav{display:none}.studio-grid{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.left-rail,.right-rail,.stage-panel,.bottom-deck{grid-area:auto}.left-rail,.right-rail,.bottom-deck{grid-template-columns:1fr}.stage-panel{height:420px}.bottom-deck{grid-template-columns:1fr}}@media (width<=560px){.studio-brand strong{font-size:19px}.studio-brand span{display:none}.stage-title h1{font-size:27px}.viewer-controls{width:132px}.stage-toolbar{grid-template-columns:repeat(2,1fr)}.stage-toolbar span{display:none}}