:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f6;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,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;height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}@media (width<=980px){body{overflow:auto}}.studio-shell{--sx-ink:#123224;--sx-ink-soft:#123224a8;--sx-primary:#14532d;--sx-primary-2:#10a37f;--sx-primary-soft:#14532d1a;--sx-line:#14532d1f;--sx-paper:#f8fbf7;--sx-paper-2:#eef7f1;width:100vw;height:100dvh;min-height:100vh;color:var(--sx-ink);background:radial-gradient(circle at 14% 0%, #10a37f1f, transparent 34%), linear-gradient(180deg, var(--sx-paper) 0%, var(--sx-paper-2) 100%), var(--sx-paper);padding:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}.studio-window{background:radial-gradient(circle at 54% 42%,#ffffffe0,#0000 38%),linear-gradient(#fbfefb 0%,#edf7f1 100%);border:0;border-radius:0;width:100vw;height:100dvh;min-height:620px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffa3}.studio-header{border-bottom:1px solid var(--sx-line);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#ffffffc7;grid-template-columns:minmax(240px,1fr) auto 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:var(--sx-primary);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-size:23px;font-weight:700;line-height:1;display:block}.studio-brand span{color:var(--sx-ink-soft);margin-top:5px;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-size:12px;display:block}.brand-mark{background:#14532d14;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:50px;padding:4px 5px;font-size:10px;display:grid}.studio-nav button.active,.profile-button.active{color:var(--sx-primary);background:#14532d1a}.profile-button{border:1px solid var(--sx-line);height:34px;color:var(--sx-primary);background:#ffffff9e;border-radius:999px;align-items:center;gap:8px;padding:0 9px;display:inline-flex}.home-button{min-height:34px;color:var(--sx-primary);white-space:nowrap;background:#14532d14;border:1px solid #14532d2e;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.home-button:hover{background:#14532d21}.home-button:focus-visible{outline-offset:2px;outline:2px solid #10a37f7a}.workspace-drawer{z-index:12;border:1px solid var(--sx-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafefaf0;border-radius:8px;width:330px;padding:13px;position:absolute;top:66px;right:16px;box-shadow:0 18px 42px #12322424}.workspace-drawer header{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.workspace-drawer strong{color:var(--sx-primary);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-size:17px;font-weight:700;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:var(--sx-primary);background:#14532d1a;border-color:#14532d3d}.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%}.history-list{gap:8px}.history-card{background:#ffffff85;border:1px solid #14532d1f;border-radius:8px;gap:7px;padding:8px;display:grid}.history-card .drawer-row{background:0 0;border:0;padding:0}.history-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-status{min-height:24px;color:var(--sx-primary);background:#14532d14;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.history-status.failed{color:#8a2f20;background:#de50321a}.history-status.processing,.history-status.uploading,.history-status.queued,.history-status.pending{color:#875a0a;background:#d98b141f}.history-status.success,.history-status.local{color:var(--sx-primary);background:#10a37f1f}.empty-state{color:#877b70;background:#ffffff47;border:1px dashed #77684c2e;border-radius:8px;margin:0;padding:11px;font-size:11px}.history-empty{gap:5px;display:grid}.history-empty strong{color:var(--sx-primary);font-size:12px}.history-empty span{color:var(--sx-ink-soft);line-height:1.45}.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:#14532d1a;border-color:#10a37f5c}.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;max-width:280px;color:var(--sx-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafefae6;border:1px solid #14532d2e;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:inline-flex;position:absolute;bottom:14px;right:18px;box-shadow:0 12px 28px #12322414}.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) 238px;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) 238px}.right-rail{grid-area:1/3/3;grid-template-rows:184px 160px minmax(60px,1fr)}.panel{border:1px solid var(--sx-line);background:#ffffffbd;border-radius:8px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 12px 30px #1232240f,inset 0 1px #ffffffb8}.panel-title{color:var(--sx-primary);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:var(--sx-primary);background:#14532d1a;border-color:#10a37f52}.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{border:1px solid var(--sx-line);background:radial-gradient(circle at 52% 48%,#ffffffdb 0 12%,#0000 44%),linear-gradient(135deg,#fbfefb 0%,#edf7f1 100%);border-radius:8px;position:relative;overflow:hidden}.stage-title{z-index:3;position:absolute;top:18px;left:18px}.stage-title h1{color:var(--sx-primary);letter-spacing:0;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-size:31px;font-weight:700;line-height:1}.stage-title p{color:var(--sx-ink-soft);margin:8px 0 0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-size:14px;font-style:normal}.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;max-width:185px;color:var(--sx-ink-soft);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}.cinematic-viewer{perspective:1280px;overflow:hidden}.cinematic-layer-scene{--px:0;--py:0;z-index:3;cursor:grab;perspective:1400px;background:radial-gradient(circle at 38% 34%,#ffffffc7,#0000 28%),radial-gradient(circle at 68% 66%,#7ab2c433,#0000 42%),linear-gradient(135deg,#fffbefe6,#edf6f194);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.cinematic-layer-scene:active{cursor:grabbing}.cinematic-depth-field{z-index:1;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.cinematic-depth-field:before,.cinematic-depth-field:after{content:"";opacity:.72;filter:blur(.2px);transform:translate3d(calc(var(--px) * -18px), calc(var(--py) * -12px), -120px);background:radial-gradient(circle at 18% 22%,#8450b838 0 2px,#0000 5px),radial-gradient(circle at 72% 26%,#6ca4c633 0 3px,#0000 7px),radial-gradient(circle at 28% 74%,#df70462e 0 3px,#0000 8px),radial-gradient(circle at 84% 72%,#7db05c29 0 3px,#0000 8px);border-radius:50%;position:absolute;inset:8% 12%}.cinematic-depth-field:after{opacity:.5;transform:translate3d(calc(var(--px) * 28px), calc(var(--py) * 18px), 120px);animation:10s ease-in-out infinite relief-drift;inset:4% 8%}.layered-png-stage{z-index:3;width:min(64%,620px);aspect-ratio:var(--layer-aspect);transform:rotateX(calc(var(--py) * -8deg)) rotateY(calc(var(--px) * 12deg)) translate3d(calc(var(--px) * 7px), calc(var(--py) * 5px), 0);transform-style:preserve-3d;transition:transform .12s ease-out;position:relative}.layered-png-stage.auto{animation:7s ease-in-out infinite layered-stage-orbit}.cinematic-png-layer{object-fit:contain;width:100%;height:100%;opacity:var(--layer-opacity);pointer-events:none;transform:translate3d(calc(var(--px) * var(--shift-x)), calc(var(--py) * var(--shift-y)), var(--z)) scale(var(--scale));transform-style:preserve-3d;-webkit-user-select:none;user-select:none;transition:transform .12s ease-out,opacity .18s ease-out;position:absolute;inset:0}.layer-shadow{filter:blur(18px)saturate(.7);mix-blend-mode:multiply}.layer-depth{filter:blur(4px)saturate(.92)}.layer-rim{filter:drop-shadow(0 0 10px #6ca4c652);mix-blend-mode:screen}.layer-body{filter:saturate(1.08)contrast(1.02)drop-shadow(0 30px 48px #414a5429)}.layer-core{filter:saturate(1.16)contrast(1.06)}.layer-front{filter:saturate(1.2)brightness(1.04)drop-shadow(0 10px 16px #4e455214)}.layer-particles{filter:saturate(1.18)drop-shadow(0 8px 16px #52495f29)}.layer-highlight{mix-blend-mode:screen;filter:blur(.4px)}.layered-png-loading{z-index:4;color:#355269;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf4d1;border:1px solid #4674b438;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:8px 11px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #35434b1a}.layered-png-loading span{background:#72a4bf;border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite loading-pulse}@keyframes relief-drift{0%,to{transform:translate(-5px,4px)scale(1)}50%{transform:translate(7px,-8px)scale(1.18)}}@keyframes layered-stage-orbit{0%,to{transform:rotateX(4deg)rotateY(-9deg)translate(0,0)}50%{transform:rotateX(-4deg)rotateY(10deg)translateY(-4px)}}@keyframes loading-pulse{0%,to{opacity:.36;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}.cinematic-hotspot{z-index:6;border:1px solid color-mix(in srgb, var(--label-color), white 54%);color:#2c332e;min-height:30px;font:inherit;cursor:pointer;transform:translate3d(calc(var(--px) * 18px), calc(var(--py) * 12px), 0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf4cc;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:34%;left:56%;box-shadow:0 12px 28px #35434b1f}.cinematic-hotspot span{background:var(--label-color);border-radius:50%;width:8px;height:8px}.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;border:1px solid var(--sx-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;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:var(--sx-primary);background:#14532d1a;border-color:#10a37f5c}.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:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-size:17px;font-weight:700;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:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;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}.quick-guide{background:#14532d0f;border:1px solid #14532d1f;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:0 12px 9px;padding:9px 10px;display:grid}.quick-guide strong{color:var(--sx-primary);white-space:nowrap;font-size:11px}.quick-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.quick-guide li{min-width:0;color:var(--sx-ink-soft);align-items:center;gap:6px;font-size:10px;line-height:1.25;display:flex}.quick-guide li span{color:#fff;background:var(--sx-primary);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:grid}.micro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.generation-mode-row{color:var(--sx-ink-soft);text-transform:uppercase;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 12px 9px;font-size:9px;font-weight:700;display:grid}.generation-mode-pills{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0;display:grid}.generation-mode-pills button{color:#5f544b;min-width:0;min-height:26px;font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#ffffff7a;border:1px solid #70655429;border-radius:8px;padding:5px 6px;font-size:9px;font-weight:700;overflow:hidden}.generation-mode-pills button.active{color:var(--sx-primary);background:#14532d1a;border-color:#10a37f61}.image-prompt-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:0 12px 9px;display:grid}.image-prompt-row label{gap:4px;min-width:0;display:grid}.image-prompt-row label>span{color:var(--sx-primary);font-size:10px;font-weight:800}.image-prompt-row input{width:100%;min-width:0;height:34px;color:var(--sx-ink);font:inherit;background:#ffffffb8;border:1px solid #14532d29;border-radius:8px;padding:0 10px;font-size:11px}.image-prompt-row input::placeholder{color:#12322466}.image-prompt-actions{grid-template-columns:auto auto;gap:6px;min-width:0;display:grid}.image-prompt-row button{color:#fff;background:var(--sx-primary);min-width:88px;height:34px;font:inherit;cursor:pointer;border:1px solid #14532d33;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.image-prompt-row .optimize-prompt-button{min-width:104px;color:var(--sx-primary);background:#ffffffd1}.image-prompt-row button:disabled{cursor:wait;opacity:.72}.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:#14532d1a;border-color:#10a37f61}.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:#1e4d35;border-style:dashed;align-content:center}.upload-primary{background:linear-gradient(135deg,#14532d1c,#10a37f14);border-color:#14532d47;align-content:center;gap:4px;min-height:70px}.upload-primary svg{width:20px;height:20px;color:var(--sx-primary)}.upload-primary strong{max-width:100%;color:var(--sx-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.upload-primary small{color:var(--sx-ink-soft);font-size:9px;line-height:1.2}.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{display:none}.add-image.with-model{color:#315370;border-style:solid}.add-image.with-model svg{color:#2f6f9d;background:#cfe5f0bd;border-radius:8px;width:28px;height:28px;padding:5px}.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 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,.quick-guide ol{grid-template-columns:1fr}}@media (width<=560px){.studio-brand strong{font-size:19px}.studio-brand span{display:none}.home-button{width:36px;padding:0}.home-button svg{margin:0}.home-button{font-size:0}.stage-title h1{font-size:27px}.viewer-controls{width:132px}.stage-toolbar{grid-template-columns:repeat(2,1fr)}.stage-toolbar span{display:none}.generation-mode-row{grid-template-columns:1fr}.generation-mode-pills{grid-template-columns:repeat(3,minmax(0,1fr))}.image-prompt-row{grid-template-columns:1fr}.image-prompt-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.image-prompt-row button,.image-prompt-row .optimize-prompt-button{width:100%;min-width:0}.quick-guide{grid-template-columns:1fr}}