:root{--bg-app: #eceef3;--bg-chrome: #ffffff;--bg-panel: #fbfbfd;--bg-panel-2: #f5f6f9;--bg-hover: #f1f4f9;--bg-active: #eef3ff;--canvas-bg: #e7e9ef;--text: #1c2330;--text-2: #5a6375;--text-3: #6b7280;--border: #e5e8ee;--border-2: #d8dde6;--accent: #3f6df0;--accent-2: #2f58d4;--accent-soft: #eef3ff;--chem: #0f9d8f;--chem-soft: #e9f7f5;--danger: #e5484d;--warning: #d97706;--shadow-sm: 0 1px 2px rgba(22, 30, 48, .06);--shadow-md: 0 10px 28px rgba(22, 30, 48, .12);--radius: 8px;--radius-sm: 6px;--titlebar-h: 44px;--menubar-h: 32px;--toolbar-h: 56px;--rail-w: 46px;--dock-w: 244px;--statusbar-h: 28px;--left-w: 264px;--right-w: 300px}html[data-density=compact]{--menubar-h: 30px;--toolbar-h: 50px;--statusbar-h: 26px;--left-w: 248px;--right-w: 286px;--dock-w: 232px;--rail-w: 44px}html[data-density=comfortable]{--menubar-h: 34px;--toolbar-h: 60px;--statusbar-h: 30px;--left-w: 280px;--right-w: 320px;--dock-w: 256px;--rail-w: 50px}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:13px;color:var(--text);background:var(--bg-app);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}svg{display:block}::selection{background:#3f6df038}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ccd2dd;border-radius:6px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#b4bcca;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid rgba(63,109,240,.5);outline-offset:1px}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,#4c7df0,#5b6cf2 55%,#7c5cf0);box-shadow:0 4px 12px #3f6df047,inset 0 1px #ffffff40}.brand-mark--sm{width:23px;height:23px;border-radius:7px;box-shadow:0 2px 6px #3f6df03d}.brand{display:flex;align-items:center;gap:10px}.brand__text{font-size:15.5px;font-weight:700;letter-spacing:.2px;color:#161d2b}.brand__text em{font-style:normal;font-weight:500;color:var(--text-3);margin-left:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 12px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text);font-size:12.5px;font-weight:500;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:hover{background:var(--bg-hover)}.btn--primary{background:linear-gradient(180deg,#4a76f4,#3b65e8);color:#fff;box-shadow:0 1px 2px #284ab459,inset 0 1px #ffffff2e}.btn--primary:hover{background:linear-gradient(180deg,#436ff0,#335cdf)}.btn--outline{background:#fff;border-color:var(--border-2);box-shadow:var(--shadow-sm)}.btn--outline:hover{background:#fff;border-color:#c4ccdb}.btn--lg{height:44px;padding:0 18px;border-radius:9px;font-size:13.5px;gap:9px}.btn--sm{height:28px;padding:0 10px;border-radius:6px;font-size:12px;gap:6px}.btn kbd{margin-left:6px;background:#ffffff29;border-color:#ffffff42;color:#fff;box-shadow:none}kbd{font-family:inherit;font-size:10px;line-height:1;padding:3px 5px;border-radius:4px;border:1px solid var(--border-2);background:#fff;color:var(--text-2);box-shadow:0 1px #161e300a}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-2);flex:none;transition:background .12s ease,color .12s ease}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-btn.is-active{background:var(--accent-soft);color:var(--accent)}.icon-btn:disabled{opacity:.35}.icon-btn--sm{width:26px;height:26px;border-radius:5px}.link-btn{font-size:11px;color:var(--text-3);padding:2px 4px;border-radius:4px}.link-btn:hover{color:var(--accent);background:var(--accent-soft)}.tiny-badge{font-size:8.5px;line-height:1;padding:3px 5px;border-radius:4px;background:#f2f4f8;color:#8892a4;border:1px solid #e8ecf3;white-space:nowrap;font-weight:500}.tiny-badge--chem{background:var(--chem-soft);color:#0b7f73;border-color:#d2ece8}.status-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:13px;background:#fff;border:1px solid var(--border);font-size:11.5px;color:var(--text-2);box-shadow:var(--shadow-sm)}.status-pill__dot{width:6px;height:6px;border-radius:50%;background:#14a37f;box-shadow:0 0 0 3px #14a37f24}.input{height:28px;width:100%;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:#b6bdc8}.input:focus{border-color:#b9c8ef;box-shadow:0 0 0 3px #3f6df01a}.input:disabled{background:#f6f7fa;color:var(--text-3);cursor:not-allowed}.input--hex{width:78px;height:26px;font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.select{height:28px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:11.5px;padding:0 6px;color:var(--text-2);outline:none;max-width:132px}select:focus{border-color:#b9c8ef;box-shadow:0 0 0 3px #3f6df01a}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#e2e6ee;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 3px #161e302e;cursor:pointer}.mini-btn{height:22px;padding:0 6px;border:1px solid var(--border);border-radius:4px;background:#fff;font-size:10px;color:var(--text-2)}.mini-btn:hover{background:var(--bg-hover)}.color-swatch{position:relative;width:26px;height:26px;flex:none;border-radius:6px;border:1px solid var(--border-2);box-shadow:inset 0 0 0 2px #fff;overflow:hidden;cursor:pointer}.color-swatch input[type=color]{position:absolute;inset:-8px;width:48px;height:48px;opacity:0;cursor:pointer;border:0;padding:0}.color-swatch.is-empty{background:linear-gradient(135deg,#fff 0 46%,#e5484d 46% 54%,#fff 54% 100%)}.toast-stack{position:fixed;left:50%;bottom:calc(var(--statusbar-h) + 84px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:300;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;min-width:280px;max-width:520px;padding:9px 9px 9px 12px;border-radius:9px;background:#1f2735;color:#fff;font-size:12px;line-height:1.45;box-shadow:0 14px 34px #0e152447;pointer-events:auto;animation:toast-in .18s ease-out}.toast__icon{display:flex;color:#9cb9ff;flex:none}.toast--success .toast__icon{color:#6fdec0}.toast--warn .toast__icon{color:#ffd08a}.toast__message{flex:1}.toast__close{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;color:#ffffff8c;flex:none}.toast__close:hover{background:#ffffff1f;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px;background:#10182857;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:540px;background:#fff;border:1px solid #e3e7ef;border-radius:12px;box-shadow:0 28px 70px #0f172a47;overflow:hidden;animation:modal-in .16s ease-out}.modal--sm{max-width:420px}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid #eef1f6}.modal__head h2{font-size:14px;font-weight:650;color:#232d3e}.modal__head p{margin-top:4px;font-size:10.5px;color:var(--text-3)}.modal [data-initial-focus=true]:focus{outline:2px solid rgba(63,109,240,.55);outline-offset:2px}.modal__body{max-height:62vh;overflow-y:auto;padding:12px 18px 16px}.modal__foot{display:flex;justify-content:flex-end;gap:8px;padding:11px 18px;border-top:1px solid #eef1f6;background:#fbfcfe}.report-list{display:flex;flex-direction:column;gap:5px}.report-list button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:1px solid #eef1f6;border-radius:7px;background:#fff;font-size:11.5px;line-height:1.5;color:#465167;text-align:left}.report-list button:hover{background:#f8faff;border-color:#dbe5ff}.report-dot{width:6px;height:6px;border-radius:50%;flex:none}.report-dot--error{background:#e5484d;box-shadow:0 0 0 3px #e5484d1f}.report-dot--warning{background:#d97706;box-shadow:0 0 0 3px #d977061f}.report-list__action{margin-left:auto;font-size:9.5px;color:var(--accent);flex:none}.report-empty{display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed #cfe8e3;border-radius:9px;background:#f5fcfa;color:#4b7c74;font-size:11.5px;line-height:1.6}.report-empty__icon{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e2f5f0;color:#0f9d8f;font-weight:700}.object-props .panel-section{padding:12px 0 14px;border-bottom:1px solid #eef1f5}.object-props .panel-section:first-child{padding-top:2px}.object-props .panel-section:last-of-type{border-bottom:none}.props-hint{display:flex;align-items:flex-start;gap:8px;margin-top:4px;padding:10px 11px;border-radius:8px;background:#f7f9ff;border:1px solid #e4ebf8;color:#5c6b88;font-size:9.5px;line-height:1.6}.props-hint svg{color:var(--accent);flex:none;margin-top:1px}.props-hint p{margin:0}.benzene-style-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.benzene-style-option{height:40px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text-2);font-size:11px;font-weight:600}.benzene-style-option em{display:block;margin-top:2px;font-style:normal;font-size:8.5px;font-weight:400;color:var(--text-3)}.benzene-style-option:hover{border-color:#cbd8f5;color:var(--accent)}.benzene-style-option.is-active{border-color:#3f6df073;background:var(--accent-soft);color:var(--accent)}.benzene-style-option.is-active em{color:#6f8fe8}.start-page{position:relative;height:100vh;overflow-y:auto;overflow-x:hidden;background:radial-gradient(1100px 620px at 4% -12%,#e6edff,#e6edff00 62%),radial-gradient(900px 560px at 102% -4%,#e9f7f3,#e9f7f300 58%),linear-gradient(180deg,#f7f8fc,#f5f6fa)}.start-page:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#cfd6e4 .75px,transparent .75px);background-size:22px 22px;opacity:.42;pointer-events:none;z-index:0}.start-header,.start-main,.start-footer{position:relative;z-index:1}.start-header{max-width:1280px;height:70px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.start-header__meta{display:flex;align-items:center;gap:12px}.start-header__version{font-size:11.5px;color:var(--text-3);letter-spacing:.01em}.start-main{max-width:1280px;margin:0 auto;padding:20px 40px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);gap:56px;align-items:start}.start-intro{padding-top:0;min-width:0}.eyebrow{display:inline-flex;align-items:center;height:25px;padding:0 10px;border-radius:13px;background:#fffc;border:1px solid #dce4f5;color:#4163b8;font-size:10.5px;font-weight:600;letter-spacing:.08em}.start-title{margin:14px 0 12px;font-size:42px;line-height:1.16;letter-spacing:-1.1px;font-weight:700;color:#141b28}.start-title em{font-style:normal;background:linear-gradient(100deg,#3f6df0 4%,#6a5cf0,#0f9d8f);-webkit-background-clip:text;background-clip:text;color:transparent}.start-desc{max-width:552px;font-size:13.5px;line-height:1.7;color:var(--text-2);margin-bottom:18px}.start-actions{display:flex;gap:12px;margin-bottom:14px}.start-note{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;margin-bottom:22px;border-radius:8px;background:#ffffffa8;border:1px solid #e3e9f4;color:#6c788e;font-size:10px;line-height:1.6}.start-note svg{color:var(--accent);flex:none;margin-top:1px}.start-section+.start-section{margin-top:22px}.start-section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.start-section__head h2{font-size:13px;font-weight:650;letter-spacing:.01em;color:#2a3345}.start-section__note{font-size:10.5px;color:var(--text-3)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.template-card{display:flex;align-items:center;gap:11px;padding:9px 11px;text-align:left;background:#ffffffdb;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #161e3008;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.template-card:hover{transform:translateY(-1px);border-color:#c6d4f2;background:#fff;box-shadow:0 8px 20px #1f346014}.template-thumb{width:46px;height:40px;flex:none;border-radius:7px;background:#f2f5fa;display:grid;place-items:center}.template-thumb__page{width:25px;height:33px;padding:5px 4px;display:flex;flex-direction:column;gap:2.5px;background:#fff;border:1px solid #dde3ee;border-radius:2px;box-shadow:0 1px 2px #161e300f}.template-thumb--landscape .template-thumb__page{width:33px;height:24px;padding:4px 3px;gap:2px}.template-thumb--square .template-thumb__page{width:28px;height:28px;padding:4px 3px;gap:2px}.template-thumb__line{height:2px;width:100%;border-radius:1px;background:#dfe5ef}.template-thumb__line--title{width:58%;background:var(--thumb-accent, #4c7df0);opacity:.62}.template-thumb__line--short{width:42%}.template-card__body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.template-card__name{font-size:12.5px;font-weight:600;color:#26303f}.template-card__size{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card__arrow{color:#b5bdca;flex:none;opacity:.7}.template-card:hover .template-card__arrow{color:var(--accent);opacity:1}.recent-list{display:flex;flex-direction:column;gap:6px}.recent-row{width:100%;display:flex;align-items:center;gap:11px;padding:8px 12px;text-align:left;background:#fffc;border:1px solid var(--border);border-radius:9px;transition:background .15s ease,border-color .15s ease}.recent-row:hover{background:#fff;border-color:#d5deee}.recent-row__icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:8px;background:#f1f4fa;color:#5f6c85}.recent-row__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.recent-row__name{font-size:12.5px;font-weight:600;color:#2a3345}.recent-row__meta{font-size:10.5px;color:var(--text-3)}.recent-row__time{font-size:10.5px;color:var(--text-3);flex:none}.recent-empty{display:flex;align-items:center;gap:11px;padding:15px 16px;border:1px dashed #d6ddea;border-radius:10px;background:#ffffff8c;color:#a4adbd}.recent-empty p{font-size:12px;font-weight:600;color:#6a7488;margin-bottom:2px}.recent-empty span{font-size:10.5px;color:var(--text-3)}.start-visual{position:sticky;top:24px;display:flex;flex-direction:column;min-width:0}.hero-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px #1e2e541a,0 2px 6px #1e2e540a}.hero-art{width:100%;height:auto;display:block}.hero-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-top:1px solid #eef1f6}.hero-card__footer strong{display:block;font-size:12.5px;font-weight:650;color:#26303f;margin-bottom:3px}.hero-card__footer span{font-size:10.5px;color:var(--text-3)}.hero-card__badge{font-size:8.5px;letter-spacing:.12em;color:#3f6df0;background:var(--accent-soft);border:1px solid #dbe5ff;padding:4px 7px;border-radius:5px;flex:none;font-weight:600}.feature-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.feature-list li{display:flex;align-items:flex-start;gap:11px}.feature-list__icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex:none}.feature-list__icon--blue{background:#eef3ff;color:#3f6df0}.feature-list__icon--teal{background:var(--chem-soft);color:var(--chem)}.feature-list__icon--amber{background:#fff6e8;color:#d97706}.feature-list strong{display:block;font-size:12px;font-weight:600;color:#2a3345;margin-bottom:2px}.feature-list span{font-size:10.5px;color:var(--text-3);line-height:1.55}.start-footer{max-width:1280px;margin:0 auto;padding:13px 40px 18px;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-3);border-top:1px solid rgba(214,221,234,.7)}.start-footer__dot{width:3px;height:3px;border-radius:50%;background:#c1c8d5}.start-footer__spacer{flex:1}.start-page--launcher{display:flex;flex-direction:column;min-height:100vh;padding:0;gap:0}.launcher-bar{flex:none;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 16px;background:#ffffffc7;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.launcher-bar__actions{display:flex;align-items:center;gap:2px;-webkit-app-region:no-drag}.launcher-icon-btn{width:34px;height:30px;border-radius:6px;display:grid;place-items:center;color:var(--text-2);transition:background .12s ease,color .12s ease}.launcher-icon-btn:hover:not(:disabled){background:#eef1f6;color:var(--text)}.launcher-icon-btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.launcher-icon-btn:disabled{opacity:.4;cursor:default}.launcher-main{flex:1;width:min(780px,100%);margin:0 auto;padding:46px 28px 34px;display:flex;flex-direction:column;gap:34px}.launcher-actions{display:flex;justify-content:center;gap:20px}.launcher-card{width:196px;max-width:44vw;aspect-ratio:1;border:1px solid #e3e8f1;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 26px #161e300d;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.launcher-card:hover{transform:translateY(-2px);border-color:#3f6df066;box-shadow:0 18px 38px #3f6df024}.launcher-card__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.launcher-card strong{font-size:14px;font-weight:650;color:#232d3e}.launcher-card em{font-style:normal;font-size:10.5px;color:var(--text-3)}.launcher-recent{display:flex;flex-direction:column;gap:10px;min-height:0}.launcher-recent__head{display:flex;align-items:baseline;justify-content:space-between}.launcher-recent__head h2{font-size:13px;font-weight:650;color:#26303f}.launcher-recent__head span{font-size:10px;color:var(--text-3)}.recent-list--launcher{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.recent-item{display:flex;align-items:center;gap:4px;padding-right:6px;border:1px solid #e8ecf3;border-radius:10px;background:#fff;transition:border-color .12s ease,background .12s ease}.recent-item:hover{border-color:#d7e0f1;background:#fcfdff}.recent-item__main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;border-radius:10px;text-align:left}.recent-item__icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eef3ff;color:#4c7df0;flex:none}.recent-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recent-item__body strong{font-size:11.5px;font-weight:600;color:#2a3547;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item__body span{font-size:9.5px;color:var(--text-3)}.recent-item__arrow{color:#c3cad6;flex:none}.recent-item__delete{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#9aa3b2;flex:none;transition:background .12s ease,color .12s ease}.recent-item__delete:hover{background:#fdeaea;color:#d3383d}.recent-empty--launcher{border:1px dashed #e1e6ef;border-radius:10px;padding:18px 16px;background:#fcfdff}.new-canvas{display:flex;flex-direction:column;gap:16px}.new-canvas__field{display:flex;flex-direction:column;gap:6px;font-size:10.5px;color:var(--text-2)}.new-canvas__field .input{height:32px;font-size:12px}.new-canvas__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.new-canvas__section{display:flex;flex-direction:column;gap:8px}.new-canvas__section-head{display:flex;align-items:baseline;justify-content:space-between;font-size:10.5px;color:var(--text-2)}.new-canvas__section-head em{font-style:normal;font-size:9.5px;color:var(--text-3)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-chip{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e5eaf2;border-radius:9px;background:#fff;text-align:left;transition:border-color .12s ease,background .12s ease}.template-chip:hover{border-color:#3f6df066}.template-chip.is-active{border-color:#3f6df099;background:var(--accent-soft)}.template-chip__icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#f4f6fb;flex:none}.template-chip__body{display:flex;flex-direction:column;gap:1px;min-width:0}.template-chip__body strong{font-size:11px;font-weight:600;color:#2a3547}.template-chip__body em{font-style:normal;font-size:9.5px;color:var(--text-3)}.template-chip--infinite{grid-column:1 / -1;border-style:dashed}@media (max-width: 1200px){.start-main{gap:36px;padding:24px 32px 40px}.start-header,.start-footer{padding-left:32px;padding-right:32px}.start-title{font-size:37px}.start-desc{font-size:13px}}@media (max-width: 1080px){.start-main{grid-template-columns:1fr}.start-visual{position:static;max-width:620px}}.editor-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}.titlebar{position:relative;height:var(--titlebar-h);flex:0 0 auto;display:flex;align-items:center;padding-left:12px;background:linear-gradient(180deg,#fff,#fbfcfe);border-bottom:1px solid var(--border);-webkit-app-region:drag;-webkit-user-select:none;user-select:none;z-index:70}.titlebar__brand{display:flex;align-items:center;gap:8px;height:28px;padding:0 7px 0 5px;margin-left:-5px;border-radius:6px;-webkit-app-region:no-drag}.titlebar__brand:hover{background:#eef1f6}.titlebar__app{font-size:12.5px;font-weight:700;letter-spacing:.2px;color:#202a3a}.titlebar__app em{font-style:normal;font-weight:500;color:var(--text-3);margin-left:3px}.titlebar__center{display:flex;align-items:center;justify-content:center;justify-self:center;gap:8px;min-width:0;max-width:min(30vw,380px);height:100%;font-size:12px;color:var(--text-2);overflow:hidden;pointer-events:none}.titlebar__doc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titlebar__doc{font-weight:600;color:#253044;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar__unsaved{font-size:9.5px;color:#a97716;background:#fff7e8;border:1px solid #f5e3bd;padding:2px 5px;border-radius:4px;white-space:nowrap}.titlebar__unsaved.is-saved{color:#0b7f73;background:#e9f7f5;border-color:#cdeae5}.titlebar__unsaved.is-new{color:#7c8698;background:#f3f5f9;border-color:#e6eaf1}.titlebar__phase{font-size:9.5px;color:var(--text-3);background:#f2f4f8;border:1px solid var(--border);padding:2px 7px;border-radius:10px;white-space:nowrap}.titlebar__controls{margin-left:0;height:100%;display:flex;-webkit-app-region:no-drag}.window-btn{width:44px;height:100%;display:grid;place-items:center;color:var(--text-2);border-radius:0;transition:background .12s ease,color .12s ease}.window-btn:hover{background:#eef1f6;color:var(--text)}.window-btn--close:hover{background:var(--danger);color:#fff}.titlebar__browser{font-size:10.5px;color:var(--text-3);padding-right:14px;align-self:center}.menubar{position:relative;height:var(--menubar-h);flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fcfcfd;border-bottom:1px solid var(--border);z-index:65}.menubar__menus{display:flex;align-items:center;height:100%;gap:1px}.menubar__smoothing-divider{width:1px;height:16px;margin:0 6px;background:var(--border);flex:none}.menubar__smoothing{height:100%;align-items:center}.menubar__trigger--icon{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px}.menubar__item{position:relative;height:100%;display:flex;align-items:center}.menubar__trigger{height:25px;padding:0 9px;border-radius:5px;font-size:12px;color:var(--text-2);transition:background .12s ease,color .12s ease}.menubar__trigger:hover,.menubar__trigger.is-open{background:#eef1f6;color:var(--text)}.menu-dropdown{position:absolute;top:calc(100% - 3px);left:0;min-width:252px;padding:5px;background:#fff;border:1px solid #e2e6ee;border-radius:9px;box-shadow:0 18px 44px #161e3029,0 2px 6px #161e300f;z-index:120;animation:menu-in .12s ease-out}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;width:100%;height:29px;padding:0 8px 0 4px;border-radius:5px;font-size:12px;color:var(--text);gap:6px;text-align:left}.menu-item:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-2)}.menu-item.is-disabled{color:#a4abba}.menu-item__check{width:16px;display:inline-flex;justify-content:center;flex:none;color:var(--accent)}.menu-item__label{flex:1;white-space:nowrap}.menu-item__shortcut{font-size:10px;color:#a7aebb;letter-spacing:.01em}.menu-item__pending{font-size:9px;color:#98a1b1;background:#f2f4f8;border-radius:4px;padding:2px 5px;white-space:nowrap}.menu-sep{height:1px;background:#dde3ed;margin:5px 6px}.menubar__meta{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--text-3)}.menubar__offline{display:inline-flex;align-items:center;gap:5px}.menubar__offline-dot{width:5px;height:5px;border-radius:50%;background:#14a37f;box-shadow:0 0 0 2.5px #14a37f1f}.menubar__phase{padding:2px 7px;border-radius:9px;background:#f4f6fa;border:1px solid #e6eaf1}.toolbar{position:relative;height:var(--toolbar-h);flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;border-bottom:1px solid var(--border);z-index:55}.toolbar__groups{display:flex;align-items:center;height:100%;min-width:0}.tool-group{display:flex;align-items:center;gap:2px;height:100%}.toolbar__divider{display:inline-block;width:1px;height:22px;background:var(--border);margin:0 7px;flex:none}.tool-btn{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:7px;color:#4c5668;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.tool-btn:hover{background:#f1f4f9;color:#243049}.tool-btn.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #3f6df02e}.tool-btn__chem{position:absolute;top:6px;right:7px;width:4px;height:4px;border-radius:50%;background:var(--chem);opacity:.7}.tool-btn:after{content:attr(data-tip);position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(-2px);padding:4px 7px;border-radius:5px;background:#1f2735;color:#fff;font-size:10.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:90}.tool-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.toolbar__right{display:flex;align-items:center;gap:2px;flex:none}.toolbar__cluster{display:flex;align-items:center;gap:2px}.toolbar__export{position:relative;margin-left:8px}.tool-popover-anchor{position:absolute;top:calc(100% + 8px);z-index:80;width:340px}.tool-popover{display:flex;flex-direction:column;max-height:min(520px,calc(100vh - 200px));background:#fff;border:1px solid #e2e8f3;border-radius:12px;box-shadow:0 18px 42px #161e302e,0 2px 8px #161e3014;overflow:hidden;animation:tool-popover-in .12s ease}@keyframes tool-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tool-popover__head{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #eef1f6;background:#fbfcff;flex:none}.tool-popover__icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}.tool-popover__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tool-popover__title strong{font-size:11.5px;font-weight:650;color:#232d3e}.tool-popover__title span{font-size:9.5px;color:var(--text-3)}.tool-popover__body{padding:10px 12px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.tool-popover__hint{margin:0}.export-menu{position:absolute;top:calc(100% + 8px);right:0;width:210px;padding:5px;background:#fff;border:1px solid #e2e6ee;border-radius:9px;box-shadow:0 18px 44px #161e302e;z-index:130;animation:menu-in .12s ease-out}.export-menu button{display:flex;align-items:center;gap:7px;width:100%;height:34px;padding:0 8px;border-radius:6px;font-size:11.5px;color:var(--text);text-align:left}.export-menu button:hover{background:var(--accent-soft);color:var(--accent-2)}.export-menu button em{margin-left:auto;font-style:normal;font-size:9px;color:#9aa3b3;white-space:nowrap}.export-menu__toggle{height:32px!important;gap:7px!important;font-size:10.5px!important;color:var(--text-2)!important}.export-menu__toggle:hover{background:#f6f8fc!important;color:var(--text)!important}.export-menu__check{width:14px;height:14px;display:grid;place-items:center;border:1px solid var(--border-2);border-radius:3px;background:#fff;color:#fff;flex:none}.export-menu__toggle.is-checked .export-menu__check{background:var(--accent);border-color:var(--accent)}.export-menu__sep{height:1px;background:#eef1f5;margin:4px 6px}.workspace{flex:1;min-height:0;display:flex;overflow:hidden}.statusbar{height:var(--statusbar-h);flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#fbfcfd;border-top:1px solid var(--border);font-size:11px;color:var(--text-3);z-index:30}.statusbar__left{display:flex;align-items:center;gap:10px;min-width:0}.statusbar__tool{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:11px;flex:none}.statusbar__tool strong{font-weight:600}.statusbar__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.statusbar__hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}.statusbar__phase{flex:none;font-size:9px;color:#98772e;background:#fdf9ee;border:1px solid #f0e6cc;padding:2px 6px;border-radius:8px;white-space:nowrap}.statusbar__right{display:flex;align-items:center;gap:7px;flex:none}.statusbar__coord{font-variant-numeric:tabular-nums;color:var(--text-2);min-width:108px;text-align:right}.statusbar__meta{color:#a9b0bd}.statusbar__toggle{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:4px;color:var(--text-3);font-size:10px}.statusbar__toggle:hover{background:var(--bg-hover);color:var(--text-2)}.statusbar__toggle.is-active{background:var(--accent-soft);color:var(--accent)}.statusbar__zoom{display:flex;align-items:center;gap:5px;margin-left:2px}.statusbar__zoom input[type=range]{width:86px;height:3px}.zoom-step{width:20px;height:20px;display:grid;place-items:center;border-radius:4px;color:var(--text-2)}.zoom-step:hover{background:var(--bg-hover)}.statusbar__percent{width:42px;text-align:right;font-size:10px;color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:3px;padding:2px 0}.statusbar__percent:hover{background:var(--bg-hover)}@media (max-width: 1320px){.tool-btn{width:33px}.toolbar__divider{margin:0 5px}}.titlebar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px;padding-left:0;padding-right:0}.titlebar__left{display:flex;align-items:center;gap:4px;min-width:0;padding-left:12px}.titlebar__right{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0;height:100%;align-self:stretch}.titlebar .menubar{position:static;height:auto;flex:0 1 auto;min-width:0;margin-left:6px;padding:0;background:transparent;border:none;justify-content:flex-start;-webkit-app-region:no-drag}.titlebar .menubar__menus{height:auto}.titlebar .menubar__meta{display:none}.top-actions,.top-actions *{-webkit-app-region:no-drag}.top-actions{display:flex;align-items:center;gap:2px;margin-left:0;padding-left:12px;flex:none}.titlebar .menubar,.titlebar .menubar *{-webkit-app-region:no-drag}.top-actions__cluster{display:flex;align-items:center;gap:2px}.top-actions__divider{width:1px;height:18px;background:var(--border);margin:0 6px;flex:none}.top-smoothing{position:relative;display:flex;align-items:center}.top-smoothing__popover{position:absolute;top:calc(100% + 9px);right:0;z-index:120;width:214px;padding:11px 12px 10px;border:1px solid #e1e6ef;border-radius:9px;background:#fff;box-shadow:0 14px 34px #161e302e,0 2px 6px #161e300f}.top-smoothing__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--text-1);font-size:11.5px;font-weight:600}.top-smoothing__head em{font-style:normal;color:var(--accent-2);font-size:11px}.top-smoothing__popover input[type=range]{width:100%;accent-color:var(--accent)}.top-smoothing__popover p{margin:5px 0 0;color:var(--text-3);font-size:9.5px;line-height:1.5}.tool-rail{width:var(--rail-w);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;background:#fff;border-right:1px solid var(--border);overflow-y:auto;overflow-x:visible}.tool-rail__group{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.rail-btn{position:relative;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#4c5668;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.rail-btn:hover{background:#f1f4f9;color:#243049}.rail-btn.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #3f6df02e}.rail-btn__chem{position:absolute;top:5px;right:6px;width:4px;height:4px;border-radius:50%;background:var(--chem);opacity:.75}.rail-btn__more{position:absolute;right:4px;bottom:4px;width:0;height:0;border-left:4px solid transparent;border-bottom:4px solid #a9b3c4}.tool-rail__group--tail{margin-top:auto}.rail-btn--expand{color:#7c8698}.rail-manager-wrap{position:relative}.rail-manager__fade{position:absolute;left:0;right:0;bottom:0;height:22px;pointer-events:none;background:linear-gradient(#fff0,#fff 82%)}.rail-manager{display:flex;flex-direction:column;gap:4px;max-height:423px;overflow-y:auto;padding-right:2px;padding-bottom:0;scrollbar-gutter:stable}.rail-manager__row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e8ecf3;border-radius:8px;background:#fff;transition:border-color .12s ease,background .12s ease}.rail-manager__row:hover{border-color:#d7e0f1}.rail-manager__row.is-resident{background:#fbfcff}.rail-manager__row.is-dragging{opacity:.5}.rail-manager__handle{width:18px;display:grid;place-items:center;color:#b7bfcc;cursor:grab;flex:none}.rail-manager__icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#f1f4f9;color:#4c5668;flex:none}.rail-manager__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.rail-manager__body strong{font-size:11.5px;font-weight:600;color:#2a3547}.rail-manager__body em{font-style:normal;font-size:9.5px;color:var(--text-3)}.rail-manager__toggle{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:#9aa3b2;border:1px solid transparent;flex:none}.rail-manager__toggle:hover{background:#f1f4f9;color:#4c5668}.rail-manager__toggle.is-on{color:var(--accent);border-color:#3f6df040;background:var(--accent-soft)}.tool-rail__divider{width:22px;height:1px;background:#d5dbe6;margin:4px 0;flex:none}.rail-btn.is-active .rail-btn__more{border-bottom-color:var(--accent)}.chem-rail{width:66px;flex:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:8px 6px;background:#fbfcff;border-right:1px solid var(--border);overflow-y:auto}.chem-rail__head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 5px;font-size:10px;font-weight:600;color:var(--text-2)}.chem-rail__close{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;color:#98a1b0}.chem-rail__close:hover{background:#eef1f7;color:var(--text)}.chem-rail__btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:7px;color:#5a6477;font-size:9px;line-height:1.1;transition:background .12s ease,color .12s ease}.chem-rail__btn:hover{background:#eef2f9;color:#2d3a4f}.chem-rail__btn.is-active{background:var(--accent-soft);color:var(--accent)}.rail-btn:after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-3px);padding:4px 8px;border-radius:5px;background:#1f2735;color:#fff;font-size:10.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:90}.rail-btn:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.left-dock{width:var(--dock-w);flex:0 0 auto;display:flex;flex-direction:column;min-height:0;background:#fdfdff;border-right:1px solid var(--border);overflow-y:auto}.dock-block--palette{padding:8px 10px 10px;max-height:min(46vh,372px);overflow-y:auto}.dock-block--palette .color-panel{gap:6px}.dock-block--indicator{display:flex;align-items:center;gap:9px}.dock-color-square{width:34px;height:34px;border-radius:6px;border:1px solid rgba(22,30,48,.18);box-shadow:inset 0 0 0 2px #ffffff8c;flex:none}.dock-block{position:relative;padding:10px 12px;border-bottom:1px solid #eef1f6;flex:none}.dock-block--color{display:flex;align-items:center;gap:9px}.dock-swatch{width:38px;height:38px;padding:3px;border-radius:9px;border:1px solid #dbe2ee;background:#fff;flex:none;transition:border-color .12s ease,box-shadow .12s ease}.dock-swatch:hover,.dock-swatch.is-open{border-color:#3f6df080;box-shadow:0 0 0 3px #3f6df01a}.dock-swatch__square{display:grid;place-items:center;width:100%;height:100%;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #161e3014}.dock-swatch__circle{width:16px;height:16px;border-radius:50%;border:2.5px solid #1b1b1b;background:transparent}.dock-block__label{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dock-block__label strong{font-size:11px;font-weight:600;color:#2a3547}.dock-block__label span{font-size:9.5px;color:var(--text-3)}.dock-mini-btn{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:#7c8698;border:1px solid #e6eaf1;background:#fff;flex:none}.dock-mini-btn:hover{color:var(--accent);border-color:#c8d5f4}.dock-palette{position:absolute;left:10px;right:10px;top:calc(100% - 4px);z-index:60;padding:10px;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e2e8f3;border-radius:10px;box-shadow:0 14px 34px #161e3029}.dock-block--sliders{display:flex;flex-direction:column;gap:9px}.dock-slider__head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--text-2)}.dock-slider .range{width:100%;margin-top:4px;accent-color:var(--accent)}.dock-slider__hint{margin:4px 0 0;font-size:9.5px;color:var(--text-3)}.dock-slider .input-unit--compact{width:64px}.dock-tools{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:10px}.dock-tools__head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 8px;font-size:11px;font-weight:600;color:#2a3547;flex:none}.dock-tools__head em{font-style:normal;font-size:9.5px;font-weight:500;color:var(--text-3)}.dock-tools__hint{margin:0 12px;font-size:10px;line-height:1.7;color:var(--text-3)}.tool-popover--dock{width:100%;max-height:none;border:none;border-radius:0;box-shadow:none;background:transparent;overflow:visible;display:flex;flex-direction:column;min-height:0;flex:1}.tool-popover--dock .tool-popover__head{display:none}.tool-popover--dock .tool-popover__body{padding:0 12px 14px;overflow-y:auto;min-height:0}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shape-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 7px;border:1px solid #e6eaf2;border-radius:8px;background:#fff;color:#4c5668;font-size:9.5px}.shape-tile:hover{border-color:#3f6df066;color:var(--accent)}.shape-tile.is-active{border-color:#3f6df08c;background:var(--accent-soft);color:var(--accent)}.brush-grid{display:flex;flex-direction:column;gap:6px}.brush-card{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e6eaf2;border-radius:8px;background:#fff;color:#3a4557;font-size:11px}.brush-card:hover{border-color:#3f6df066}.brush-card.is-active{border-color:#3f6df08c;background:var(--accent-soft)}.brush-card__sample{flex:1;border-radius:999px;background:#2a3444}.brush-card span:last-child{flex:none;width:34px;text-align:right}.atom-category{display:flex;padding:2px;background:#f1f4f9;border-radius:7px}.atom-category button{flex:1;padding:4px 0;border-radius:5px;font-size:10px;color:#6b7484}.atom-category button.is-active{background:#fff;color:#26303f;box-shadow:0 1px 2px #161e301a}.dock-palette--color{padding:8px;max-height:min(60vh,560px);overflow-y:auto}.color-panel{display:flex;flex-direction:column;gap:8px}.color-panel__modes{display:flex;align-items:center;gap:2px}.color-panel__modes>button{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;color:#8a93a3}.color-panel__modes>button:hover{background:#f1f4f9}.color-panel__modes>button.is-active{background:var(--accent-soft);color:var(--accent)}.color-panel__target{margin-left:auto;display:flex;padding:2px;background:#f1f4f9;border-radius:6px}.color-panel__target button{padding:2px 7px;border-radius:4px;font-size:9.5px;color:#6b7484}.color-panel__target button.is-active{background:#fff;color:#26303f;box-shadow:0 1px 2px #161e301a}.color-panel__preview{display:flex;gap:2px;margin-left:4px}.color-panel__preview span{width:14px;height:14px;border-radius:3px;border:1px solid rgba(22,30,48,.12)}.color-wheel{display:grid;place-items:center;padding:2px 0 4px}.color-wheel__ring{position:relative;width:196px;height:196px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:grid;place-items:center;cursor:crosshair;touch-action:none}.color-wheel__knob{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1px #0000004d;pointer-events:none}.color-wheel__square{position:relative;width:110px;height:110px;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040;cursor:crosshair;touch-action:none}.color-wheel__white,.color-wheel__black{position:absolute;inset:0;pointer-events:none}.color-wheel__white{background:linear-gradient(90deg,#fff,#fff0)}.color-wheel__black{background:linear-gradient(0deg,#000,#0000)}.color-wheel__cursor{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000059;pointer-events:none}.color-palette{display:flex;flex-direction:column;gap:8px}.color-palette h4{margin:0 0 4px;font-size:10px;font-weight:600;color:#5d6878}.color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.color-grid .swatch{width:100%;height:16px;border-radius:3px}.color-sliders{display:flex;flex-direction:column;gap:5px}.color-sliders__hex{display:flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #e3e8f1;border-radius:6px;background:#fff}.color-sliders__hex span{font-size:10px;color:#8a93a3}.color-sliders__hex input{flex:1;min-width:0;border:none;outline:none;font-size:11px;letter-spacing:.06em;color:#2a3444;background:transparent}.color-sliders__solid{width:22px;height:18px;border-radius:4px;border:1px solid rgba(22,30,48,.14)}.color-slider-row{display:grid;grid-template-columns:12px 1fr 46px;align-items:center;gap:6px;font-size:9.5px;color:#7b8494}.color-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;border-radius:4px;outline:none}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #39445a;box-shadow:0 1px 2px #161e3040}.color-slider--r{background:linear-gradient(90deg,#000,red)}.color-slider--g{background:linear-gradient(90deg,#000,#0f0)}.color-slider--b{background:linear-gradient(90deg,#000,#00f)}.color-slider--h{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-slider--s{background:linear-gradient(90deg,gray,red)}.color-slider--v{background:linear-gradient(90deg,#000,#fff)}.color-slider--c{background:linear-gradient(90deg,#fff,#0ff)}.color-slider--m{background:linear-gradient(90deg,#fff,#f0f)}.color-slider--y{background:linear-gradient(90deg,#fff,#ff0)}.color-slider--k{background:linear-gradient(90deg,#fff,#000)}.color-slider__value{width:100%;padding:2px 4px;border:1px solid #e3e8f1;border-radius:4px;font-size:10px;color:#39445a;text-align:center;background:#fff}.color-panel__recent{display:flex;align-items:center;gap:6px}.color-panel__recent>span{font-size:9.5px;color:#8a93a3;flex:none}.color-panel__recent-list{flex:1;display:flex;gap:3px;min-width:0;overflow:hidden}.color-panel__recent-list .swatch{width:14px;height:14px;border-radius:3px;flex:none}.color-panel__add{width:18px;height:18px;border-radius:4px;display:grid;place-items:center;color:#7b8494;border:1px solid #e3e8f1;flex:none}.color-panel__add:hover{color:var(--accent);border-color:#c8d5f4}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.option-grid--three{grid-template-columns:1fr 1fr 1fr}.option-tile{padding:7px 4px;border:1px solid #e6eaf2;border-radius:7px;background:#fff;font-size:10px;color:#4c5668;transition:border-color .12s ease,background .12s ease}.option-tile:hover{border-color:#3f6df066;color:var(--accent)}.option-tile.is-active{border-color:#3f6df08c;background:var(--accent-soft);color:var(--accent)}.assist-toggle{width:100%;padding:7px 8px;border-radius:7px;border:1px solid #dbe3f0;background:#fff;font-size:10.5px;color:#4c5668}.assist-toggle.is-active{border-color:#3f6df08c;background:var(--accent-soft);color:var(--accent)}.assist-toggle:disabled{opacity:.45;cursor:not-allowed}.guide-menu button{grid-template-columns:14px 1fr}.guide-menu button svg{opacity:0}.guide-menu button.is-checked svg{opacity:1;color:var(--accent)}.mode-bars{position:absolute;top:12px;right:12px;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mode-bar{display:flex;align-items:center;gap:4px;padding:4px;border-radius:8px;background:#26292ef0;box-shadow:0 8px 22px #0f141c47}.mode-bar__icon{width:34px;height:30px;display:grid;place-items:center;color:#5aa0ff;border-right:1px solid rgba(255,255,255,.12)}.mode-bar__button{height:30px;min-width:92px;padding:0 12px;border-radius:6px;background:#ffffff14;color:#e8eaed;font-size:12px;white-space:nowrap}.mode-bar__button:hover,.mode-bar__button.is-active{background:#ffffff29}.mode-docks{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 36px)}.mode-dock{display:flex;align-items:center;gap:3px;padding:5px 6px;max-width:100%;overflow-x:auto;border-radius:8px;background:#26292ef0;box-shadow:0 10px 26px #0f141c4d}.mode-dock--chem{flex-wrap:nowrap}.mode-dock__note{padding:0 6px;font-size:10px;color:#aab4c3;white-space:nowrap}.chem-stack{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%}.chem-subpanels{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%;max-height:42vh;overflow-y:auto}.chem-subpanel{position:relative;width:max-content;max-width:min(600px,calc(100vw - 606px));padding:5px 28px 5px 5px;border-radius:8px;background:#26292ef5;color:#e8eaed;box-shadow:0 10px 26px #0f141c52;overflow:hidden}.chem-subpanel__head{position:absolute;top:4px;right:4px;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:0;border:none;font-size:11px}.chem-subpanel__head strong{font-weight:600;color:#dfe5ee}.bond-mini{flex:none}.chem-subpanel__close{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;color:#aab4c3}.chem-subpanel__close:hover{background:#ffffff1f;color:#fff}.chem-subpanel__body{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,30px);align-items:center;gap:3px;max-width:100%;padding:0;overflow-x:auto;flex-wrap:nowrap}.chem-subpanel__body .mode-dock__item{height:30px;padding:0 8px}@media (max-width: 1240px){.chem-subpanel__body{gap:2px}.chem-subpanel__body .mode-dock__item{gap:4px;padding:0 5px;font-size:11px}}.chem-subpanel__hint{display:block;padding:8px 4px;font-size:10.5px;color:#c3cbd8;white-space:normal}.mode-dock--text{flex-wrap:nowrap;gap:6px}.mode-field{display:flex;align-items:center;gap:4px;color:#cfd5df;font-size:10.5px;white-space:nowrap}.mode-field select,.mode-field input[type=number]{height:26px;padding:0 4px;border-radius:4px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#fff;font-size:11px}.mode-field--num input[type=number]{width:54px}.mode-field--color input[type=color]{width:30px;height:26px;padding:1px;border:none;border-radius:4px;background:transparent}.mode-segment{display:flex;padding:2px;border-radius:4px;background:#ffffff14}.mode-segment button{padding:2px 7px;border-radius:3px;color:#cfd5df;font-size:10.5px}.mode-segment button.is-active{background:#5fa0ff4d;color:#9fc4ff}.mode-dock__item{height:30px;padding:0 10px;border-radius:6px;display:flex;align-items:center;gap:5px;color:#dfe3e8;font-size:11.5px;white-space:nowrap}.mode-dock__item:hover{background:#ffffff14}.mode-dock__item.is-active{background:#5fa0ff38;color:#8cb9ff}.mode-dock__item:disabled{opacity:.4}.mode-dock__divider{width:1px;height:18px;margin:0 4px;background:#ffffff29;flex:none}.mode-radius{display:flex;align-items:center;gap:6px;padding:0 2px;color:#cfd5df;font-size:10.5px;white-space:nowrap}.mode-radius input[type=range]{width:62px;accent-color:#7aa7ff}.mode-radius__value{display:inline-flex;align-items:center;gap:2px;color:#9fb0ca;font-size:10px;font-variant-numeric:tabular-nums}.mode-radius__value input{width:40px;height:22px;padding:0 4px;border:1px solid rgba(255,255,255,.22);border-radius:4px;outline:none;background:#ffffff14;color:#e4e9f2;font-size:10.5px;text-align:right}.mode-radius__value input:focus{border-color:#7aa7ff;background:#7aa7ff29}.mode-dock__icon{width:32px;height:30px;border-radius:6px;display:grid;place-items:center;color:#c9ced6;flex:none}.mode-dock__icon:hover{background:#ffffff1a}.mode-dock__icon--primary{background:#5fa0ff3d;color:#8cb9ff}@media (max-width: 1240px){:root{--left-w: 238px;--right-w: 278px;--dock-w: 224px}html[data-density=compact]{--left-w: 232px;--right-w: 270px;--dock-w: 220px}html[data-density=comfortable]{--left-w: 258px;--right-w: 294px;--dock-w: 234px}.statusbar__hint{max-width:30vw}.statusbar__meta{display:none}.statusbar__zoom input[type=range]{width:64px}.toolbar__export{padding:0 8px}.toolbar__export .btn__label{display:none}.top-actions [data-testid=save-button]{width:30px;padding:0;justify-content:center}.top-actions [data-testid=save-button] .btn__label,.titlebar__phase,.menubar__meta,.menubar__smoothing .menubar__trigger span{display:none}.menubar__smoothing .menubar__trigger{width:26px;padding:0}}.settings-layout{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:380px}.settings-tabs{display:flex;flex-direction:column;gap:3px;padding-right:10px;border-right:1px solid var(--border)}.settings-tabs button{display:flex;align-items:center;gap:7px;padding:8px 9px;border:0;border-radius:6px;background:transparent;color:var(--text-2);font:inherit;font-size:12px;text-align:left;cursor:pointer}.settings-tabs button:hover{background:var(--bg-hover)}.settings-tabs button.is-active{background:#eaf1ff;color:var(--accent);font-weight:600}.settings-body{padding-left:16px;max-height:56vh;overflow-y:auto}.settings-section h3{margin:0 0 4px;font-size:14px;color:var(--text-1)}.settings-note{margin:0 0 12px;font-size:11px;line-height:1.6;color:var(--text-3)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:10px 0;border:0;border-bottom:1px solid #edf0f5;background:transparent;text-align:left;cursor:pointer}.settings-toggle__text{display:flex;flex-direction:column;gap:3px}.settings-toggle__text strong{font-size:12.5px;color:var(--text-1)}.settings-toggle__text em{font-style:normal;font-size:10.5px;color:var(--text-3)}.settings-switch{flex:0 0 auto;width:32px;height:18px;padding:2px;border-radius:9px;background:#cfd6e2;transition:background .16s ease}.settings-switch span{display:block;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #141e3238;transition:transform .16s ease}.settings-toggle.is-on .settings-switch{background:var(--accent)}.settings-toggle.is-on .settings-switch span{transform:translate(14px)}.settings-field{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f5}.settings-field>span{display:flex;flex-direction:column;gap:3px}.settings-field strong{font-size:12.5px;color:var(--text-1)}.settings-field em{font-style:normal;font-size:10.5px;color:var(--text-3)}.settings-field--stack select,.settings-field select{align-self:flex-start;min-width:140px;height:28px;padding:0 8px;border:1px solid var(--border-strong);border-radius:5px;background:#fff;font:inherit;font-size:12px}.settings-segments{display:inline-flex;align-self:flex-start;padding:2px;gap:2px;border:1px solid var(--border);border-radius:6px;background:#f5f7fb}.settings-segments button{min-width:54px;height:24px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:var(--text-2);font:inherit;font-size:11px;cursor:pointer}.settings-segments button:hover{background:#e9eef8}.settings-segments button.is-active{background:#fff;color:var(--accent);font-weight:600;box-shadow:0 1px 3px #18264024}.settings-range{display:flex;align-items:center;gap:8px}.settings-range input[type=range]{flex:1;min-width:80px;accent-color:var(--accent)}.settings-range b{min-width:42px;font-size:11px;font-weight:600;color:var(--text-2);text-align:right}.settings-number{width:54px;height:26px;padding:0 5px;border:1px solid var(--border-strong);border-radius:5px;font:inherit;font-size:11px;text-align:center}.settings-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.settings-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #f0f2f6;font-size:11.5px;color:var(--text-2)}.settings-shortcut-row>span{display:flex;align-items:center;gap:6px;min-width:0}.settings-shortcut-row input{width:42px;height:24px;border:1px solid var(--border-strong);border-radius:4px;font:inherit;font-size:11px;text-align:center;text-transform:uppercase}.left-panel{width:var(--left-w);flex:0 0 auto;display:flex;flex-direction:column;min-height:0;background:var(--bg-panel);border-right:1px solid var(--border)}.right-panel{width:var(--right-w);flex:0 0 auto;display:flex;flex-direction:column;min-height:0;background:#fdfdff;border-left:1px solid var(--border)}.appearance-panel__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:18px}.appearance-panel .panel-head{border-bottom:1px solid #eef1f5;padding-bottom:12px}.appearance-panel .ghost-action.appearance-none{width:100%;flex:none;height:28px;margin-top:1px;background:#fff}.appearance-panel .ghost-action.appearance-none:hover{border-color:#c8d5f4;background:#fbfcff;color:var(--accent)}.opacity-presets{display:flex;gap:5px}.opacity-presets .mini-btn{flex:1;height:23px}.opacity-presets .mini-btn.is-active{border-color:#3f6df066;background:var(--accent-soft);color:var(--accent)}.right-sidebar__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.layers-panel{flex:1;min-height:0;display:flex;flex-direction:column}.props-inline{flex:0 0 auto;max-height:52%;display:flex;flex-direction:column;min-height:0;background:#fff;border-top:1px solid var(--border)}.props-inline__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid #eef1f6;background:#fbfcff}.props-inline__title{display:flex;flex-direction:column;gap:1px;min-width:0}.props-inline__title strong{font-size:11.5px;font-weight:650;color:#232d3e}.props-inline__title span{font-size:10px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.props-inline__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 12px 8px}.props-inline__foot{flex:none;display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #eef1f6}.props-inline .object-props .panel-section:first-child{padding-top:8px}.props-inline .object-props .panel-section{padding:9px 10px 10px}.props-inline .object-props .panel-section__head{margin-bottom:6px}.props-inline .object-props .panel-section__body{gap:6px}.panel-tabs{display:flex;gap:4px;padding:8px 10px;background:#fff;border-bottom:1px solid var(--border);flex:none}.panel-tab{flex:1;height:30px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;font-size:11.5px;font-weight:550;color:var(--text-2);transition:background .12s ease,color .12s ease,box-shadow .12s ease}.panel-tab:hover{background:#f4f6fa}.panel-tab.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #3f6df024}.left-panel__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.right-panel__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 14px 10px}.panel-head h3{font-size:12px;font-weight:650;letter-spacing:.01em;color:#232d3e}.panel-head>div>span{display:block;margin-top:3px;font-size:10px;color:var(--text-3)}.panel-head__actions{display:flex;gap:2px}.panel-head--sticky{position:sticky;top:0;z-index:6;background:linear-gradient(#fdfdff 72%,#fdfdffeb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #f0f2f7;padding-bottom:11px}.selection-chip{font-size:9.5px;color:#7c8698;background:#f3f5f9;border:1px solid #e8ecf2;border-radius:10px;padding:3px 7px;white-space:nowrap;margin-top:3px}.layer-list{padding:0 8px;display:flex;flex-direction:column;gap:2px}.layer-row{display:flex;align-items:center;gap:5px;padding:6px 5px;border-radius:7px;border:1px solid transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease;outline:none}.layer-row:hover{background:#f2f5fa}.layer-row.is-active{background:#fff;border-color:#e2e8f3;box-shadow:0 1px 3px #161e300d}.layer-row.is-hidden{opacity:.55}.layer-row__chevron{width:12px;display:flex;justify-content:center;color:#a8b0bf;flex:none}.layer-row__toggle{width:20px;height:20px;display:grid;place-items:center;border-radius:4px;color:#929bad;flex:none}.layer-row__toggle:hover{background:#e9edf4;color:var(--text-2)}.layer-row__toggle.is-locked{color:#c98a1c}.layer-row__thumb{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;flex:none}.layer-row__thumb--vector{background:#eef3ff;color:#4c7df0}.layer-row__thumb--chemistry{background:var(--chem-soft);color:var(--chem)}.layer-row__thumb--annotation{background:#fff6e8;color:#c98a1c}.layer-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.layer-rename{width:100%;height:20px;padding:0 4px;border:1px solid var(--accent);border-radius:4px;background:#fff;font-size:11.5px;outline:none}.layer-tools{display:flex;align-items:center;gap:0;flex:none}.rotate-180{transform:rotate(180deg)}.object-list{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1 1 auto;min-height:82px;overflow-y:auto;scrollbar-gutter:stable}.object-row{flex:none;display:flex;align-items:center;gap:6px;height:26px;padding:0 6px;border-radius:5px;color:var(--text-2);font-size:10.5px;text-align:left;cursor:pointer}.object-row:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.object-row:hover{background:#f2f5fa}.object-row.is-active{background:var(--accent-soft);color:var(--accent-2)}.object-row--child{padding-left:20px;color:#7c8698}.object-row__icon{display:flex;color:#8b96aa;flex:none}.object-branch{flex:none}.object-row__chevron{width:12px;height:18px;display:flex;align-items:center;justify-content:center;flex:none;border:0;background:transparent;color:#a8b0bf;padding:0;cursor:pointer}.object-row__chevron .icon,.object-row__chevron svg{transition:transform .14s ease}.object-row__chevron.is-collapsed svg,.layer-row__chevron.is-collapsed svg,.object-collapse.is-collapsed svg{transform:rotate(-90deg)}.object-row__chevron--empty{cursor:default}.panel-subhead__right{display:flex;align-items:center;gap:6px}.object-collapse{width:18px;height:18px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#9aa3b3;cursor:pointer}.object-collapse:hover{background:#eef1f6;color:var(--text-2)}.object-collapse svg{transition:transform .14s ease}.objects-empty--collapsed{gap:6px}.objects-empty--collapsed .btn{margin-top:6px}.object-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-row__eye{display:flex;color:#a1a9b8;padding:2px;border-radius:3px}.object-row__eye:hover{color:var(--text-2);background:#161e300f}.layer-row__name{font-size:11.5px;font-weight:600;color:#303a4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row__meta{font-size:10.5px;color:var(--text-3)}.panel-subhead{display:flex;align-items:center;justify-content:space-between;margin:12px 14px 7px;padding-top:12px;border-top:1px solid #eef1f5;font-size:10px;color:var(--text-3);letter-spacing:.03em}.objects-empty{margin:0 12px;padding:15px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:1px dashed #d9e0eb;border-radius:8px;background:#fff9}.objects-empty__icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f2f5fa;color:#93a0b6;margin-bottom:2px}.objects-empty p{font-size:11px;font-weight:600;color:#6d778a}.objects-empty span:last-child{font-size:9.5px;line-height:1.55;color:#a3abba}.panel-section{padding:13px 14px 15px;border-bottom:1px solid #eef1f5}.panel-section--tight{padding:13px 14px;border-top:1px solid #eef1f5;border-bottom:none;margin-top:12px}.panel-section__head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:9px}.panel-section__head h3{font-size:10.5px;font-weight:650;letter-spacing:.03em;color:#465167}.panel-section__hint{margin-left:auto;font-size:9px;color:#a3abba}.panel-section__body{display:flex;flex-direction:column;gap:9px}.section-note{font-size:10px;color:#9aa3b3;line-height:1.55}.section-divider{height:1px;background:#f0f2f6;margin:2px 0}.info-rows{display:flex;flex-direction:column;gap:7px}.info-rows>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10.5px}.info-rows span{color:var(--text-3)}.info-rows strong{font-weight:500;color:#5b6577;font-variant-numeric:tabular-nums}.layer-delete-hint{margin:10px 12px 16px;padding:8px 9px;display:flex;align-items:flex-start;gap:6px;text-align:left;font-size:9.5px;line-height:1.5;color:#99a2b2;background:#f5f7fa;border-radius:6px}.layer-delete-hint svg{flex:none;margin-top:1px}.layer-delete-hint:hover{color:#6c7688}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 8px}.field-grid--transform{grid-template-columns:repeat(4,1fr)}.field-grid--transform .field--wide{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:4px}.prop-textarea{height:62px;padding:6px 8px;resize:vertical;line-height:1.5}.input--mini{width:72px;height:26px;font-size:11px}.prop-actions{display:flex;gap:6px;margin-top:2px}.prop-actions--wrap{flex-wrap:wrap}.prop-actions--wrap .ghost-action{flex:1 1 52px;min-width:52px;height:26px;font-size:9.5px}.ghost-action:disabled{opacity:.4;cursor:default}.field>span{font-size:10px;color:var(--text-3)}.field--wide{grid-column:1 / -1}.input-unit{position:relative;display:flex;align-items:center}.input-unit .input{padding-right:22px}.input-unit em{position:absolute;right:7px;font-style:normal;font-size:9.5px;color:#a3abba;pointer-events:none}.input-unit--compact{width:92px;flex:none}.color-field{display:flex;flex-direction:column;gap:7px}.color-field__row{display:flex;align-items:center;gap:8px}.color-field__palette{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding-left:38px}.swatch.swatch--quick{width:100%;height:15px;border-radius:4px}.color-field__label{width:30px;flex:none;font-size:10.5px;color:var(--text-2)}.color-swatch__slash{position:absolute;inset:0;background:linear-gradient(135deg,transparent 46%,#e5484d 46% 54%,transparent 54%)}.swatch-row{display:flex;gap:5px;flex-wrap:wrap;padding-left:38px}.swatch{width:15px;height:15px;border-radius:4px;border:1px solid rgba(22,30,48,.1);flex:none}.swatch:hover{transform:scale(1.12)}.swatch.is-active{outline:2px solid var(--accent);outline-offset:1px}.field-row{display:flex;align-items:center;gap:8px;min-height:28px}.field-row__label{flex:1;font-size:10.5px;color:var(--text-2)}.field-row--slider input[type=range]{flex:1;min-width:40px}.field-row__value{width:32px;text-align:right;font-size:10px;color:var(--text-3);font-variant-numeric:tabular-nums}.field-row--spaced{margin-top:2px}.field-label{font-size:10px;color:var(--text-3);margin-bottom:5px}.align-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.align-grid .icon-btn{width:100%;height:28px;border:1px solid #edf0f5;background:#fff}.type-chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.type-chip{height:25px;border:1px solid var(--border);border-radius:5px;background:#fff;font-size:9.5px;color:var(--text-2);white-space:nowrap}.type-chip:hover{border-color:#cbd8f5;color:var(--accent)}.type-chip.is-active{background:var(--accent-soft);border-color:#3f6df06b;color:var(--accent)}.atom-summary{display:inline-flex;align-items:baseline;gap:6px;padding:3px 8px;border-radius:5px;background:#f7f9fc;border:1px solid #edf0f5}.atom-summary strong{font-size:12px;font-weight:600;color:#37435a;font-family:Cambria,Times New Roman,serif}.atom-summary em{font-style:normal;font-size:9px;color:#9aa3b3}.stepper{display:inline-flex;align-items:center;height:26px;border:1px solid var(--border);border-radius:6px;background:#fff;overflow:hidden;flex:none}.stepper button{width:22px;height:24px;display:grid;place-items:center;color:var(--text-2)}.stepper button:hover:not(:disabled){background:#f1f4f9}.stepper button:disabled{opacity:.28}.stepper span{min-width:28px;text-align:center;font-size:10.5px;color:#465167;font-variant-numeric:tabular-nums}.chem-verify{display:flex;gap:6px;margin-top:2px}.ghost-action{flex:1;height:28px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:9.5px;color:var(--text-2);white-space:nowrap}.ghost-action:hover{border-color:#c8d5f4;color:var(--accent)}.ghost-action .tiny-badge{font-size:7.5px;padding:2px 3px}.phase-card{margin:14px;padding:11px 12px;display:flex;gap:8px;border-radius:8px;background:linear-gradient(180deg,#f7f9ff,#f3f6fd);border:1px solid #e4ebf8;color:#5c6b88}.phase-card__icon{color:var(--accent);flex:none;margin-top:1px}.phase-card strong{display:block;font-size:10.5px;font-weight:600;color:#44526c;margin-bottom:2px}.phase-card p{font-size:9.5px;line-height:1.6;color:#7d89a0}.layers-panel .panel-head__actions{flex-wrap:wrap;justify-content:flex-end;max-width:148px}.layer-branch{display:flex;flex-direction:column;gap:2px}.layer-row{position:relative;-webkit-user-select:none;user-select:none}.layer-row.is-dragging{opacity:.5}.layer-row.is-drop-before:before,.layer-row.is-drop-after:after{content:"";position:absolute;left:6px;right:6px;height:2px;border-radius:2px;background:var(--accent)}.layer-row.is-drop-before:before{top:-2px}.layer-row.is-drop-after:after{bottom:-2px}.layer-row.is-drop-inside{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px #3f6df073}.layer-row__chevron{padding:0;background:transparent}.layer-row__chevron.is-collapsed{transform:rotate(-90deg)}.layer-row__chevron--empty{height:13px}.layer-row--folder{background:#fbfcff;border-color:#eef1f7}.layer-row--folder .layer-row__name{color:#3a4763}.layer-row__thumb--folder{background:#eef2fb;color:#6a7ba0}.layer-row__thumb--background{background:#f3f4f7;color:#7c8698}.layer-row--background{margin:4px 8px 0;background:#f7f8fb;border-color:#edf0f5;cursor:default}.layer-row--background.is-hidden .layer-row__thumb,.layer-row--background.is-hidden .layer-bg-color{opacity:.45}.layer-bg-color{position:relative;width:22px;height:22px;border-radius:5px;overflow:hidden;border:1px solid rgba(22,30,48,.12);cursor:pointer;flex:none}.layer-bg-color span{position:absolute;inset:0}.layer-bg-color input[type=color]{position:absolute;inset:0;opacity:0;width:100%;height:100%;border:none;padding:0;cursor:pointer}.layer-drag-hint{margin:6px 12px 2px;font-size:9.5px;line-height:1.5;color:var(--text-3)}.field-row--stroke .field-row__label{flex:none;width:30px}.range--stroke{flex:1;min-width:54px;accent-color:var(--accent)}@media (max-height: 800px){.layers-panel>.panel-section--tight{display:none}.right-sidebar:has(.props-inline) .object-list{flex:0 0 82px;max-height:82px}}.canvas-area{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(1200px 760px at 50% 30%,#eff1f6,#e7e9ef 72%,#e3e6ed)}.canvas-area--no-rulers .canvas-viewport{inset:0!important}.canvas-viewport{position:absolute;overflow:hidden;background:radial-gradient(900px 620px at 50% 42%,#f0f2f7,#e9ebf1 70%,#e5e8ee);touch-action:none}.canvas-svg{display:block;width:100%;height:100%}.ruler{position:absolute;background:#f7f8fb;z-index:3;-webkit-user-select:none;user-select:none}.ruler--top{top:0;left:22px;right:0;height:22px;border-bottom:1px solid var(--border);overflow:hidden}.ruler--left{top:22px;left:0;bottom:0;width:22px;border-right:1px solid var(--border);overflow:hidden}.ruler svg{display:block}.ruler__label{font-size:8px;fill:#98a1b1;font-family:Segoe UI,Microsoft YaHei,sans-serif}.ruler-corner{position:absolute;top:0;left:0;width:22px;height:22px;display:grid;place-items:center;background:#f2f4f8;border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-size:8px;color:#a3abb9;z-index:4;-webkit-user-select:none;user-select:none}.canvas-badge{position:absolute;top:14px;left:16px;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:12px;background:#ffffffeb;border:1px solid #e1e6ef;box-shadow:0 1px 3px #161e300f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;color:#6a7488;pointer-events:none;z-index:5}.canvas-badge__dot{width:5px;height:5px;border-radius:50%;background:#e0a127;box-shadow:0 0 0 2.5px #e0a12724}.canvas-hints{position:absolute;left:16px;bottom:14px;display:flex;align-items:center;gap:13px;padding:5px 9px;border-radius:6px;background:#ffffffb3;color:#8a93a5;font-size:9.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:5}.canvas-hints span{display:inline-flex;align-items:center;gap:4px}.canvas-hints kbd{font-size:9px;padding:2px 4px;background:#ffffffe6}.zoom-dock{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:1px;height:32px;padding:0 5px;border-radius:8px;background:#fffffff2;border:1px solid #e1e6ef;box-shadow:0 4px 16px #161e3017;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6}.zoom-dock__value{min-width:46px;height:24px;border-radius:5px;font-size:10.5px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.zoom-dock__value:hover{background:var(--bg-hover)}.zoom-dock__sep{width:1px;height:15px;background:var(--border);margin:0 3px}.object-menu{position:absolute;z-index:30;width:206px;padding:5px;background:#fff;border:1px solid #e2e6ee;border-radius:9px;box-shadow:0 16px 38px #161e3033,0 2px 6px #161e300f;user-select:none;-webkit-user-select:none;animation:menu-in .1s ease-out}.object-menu__head{display:flex;align-items:center;gap:6px;padding:6px 8px 7px;color:#6b7280;font-size:10px;border-bottom:1px solid #eef1f5;margin-bottom:4px}.object-menu__head span{color:#2a3345;font-weight:600;font-size:11.5px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-menu__head em{margin-left:auto;font-style:normal;font-size:8.5px;color:#a3abba;white-space:nowrap}.object-menu button{display:flex;align-items:center;gap:7px;width:100%;height:28px;padding:0 8px;border-radius:5px;font-size:11.5px;color:var(--text);text-align:left}.object-menu button:hover{background:var(--accent-soft);color:var(--accent-2)}.object-menu button.object-menu__primary{background:var(--accent-soft);color:var(--accent);font-weight:600}.object-menu button.object-menu__danger{color:var(--danger)}.object-menu button.object-menu__danger:hover{background:#fdf0f0;color:var(--danger)}.object-menu__sep{height:1px;background:#eef1f5;margin:4px 6px}.canvas-text-editor{position:absolute;z-index:20;resize:none;padding:2px 4px;border:1px solid var(--accent);border-radius:4px;background:#fffffff7;color:#1c2330;font-family:Segoe UI,Microsoft YaHei,sans-serif;line-height:1.32;box-shadow:0 4px 16px #161e3029;outline:none;overflow:hidden}.scene-layer text{-webkit-user-select:none;user-select:none}.cursor-default{cursor:default}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-zoom{cursor:zoom-in}.cursor-text{cursor:text}.chem-panel{display:flex;flex-direction:column;padding-bottom:18px}.chem-section{padding:12px 12px 13px;border-bottom:1px solid #eef1f5}.chem-section:last-child{border-bottom:none}.chem-section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.chem-section__head span{font-size:10.5px;font-weight:650;letter-spacing:.02em;color:#3d4759}.chem-section__head em{font-style:normal;font-size:9px;color:#9aa3b3}.bond-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.bond-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 1px 4px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#3d4759;transition:border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease}.bond-card:hover{border-color:#cbd8f5;background:#fbfcff;color:var(--accent)}.bond-card.is-active{border-color:#3f6df073;background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 2px #3f6df014}.bond-card__glyph{height:24px;display:flex;align-items:center}.bond-card__label{font-size:8.5px;color:inherit;opacity:.92;white-space:nowrap}.atom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.atom-chip{height:28px;border:1px solid var(--border);border-radius:6px;background:#fff;font-family:Cambria,Times New Roman,Microsoft YaHei,serif;font-size:12px;font-weight:600;color:#39435a;transition:border-color .12s ease,background .12s ease,color .12s ease}.atom-chip:hover{border-color:#cbd8f5;color:var(--accent)}.atom-chip.is-active{background:var(--accent-soft);border-color:#3f6df06b;color:var(--accent)}.atom-chip--group{font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:10px;font-weight:600;letter-spacing:.01em;background:#fbfcfe}.benzene-tool{display:flex;flex-direction:column;gap:7px;padding:7px;border:1px solid #e3e9f4;border-radius:9px;background:linear-gradient(180deg,#fbfcff,#fff)}.benzene-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px}.benzene-mode{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 3px 4px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#3d4759;transition:border-color .12s ease,background .12s ease,color .12s ease}.benzene-mode:hover{border-color:#cbd8f5;color:var(--accent)}.benzene-mode.is-active{border-color:#3f6df07a;background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 2px #3f6df014}.benzene-mode__label{display:flex;align-items:baseline;gap:4px;font-size:9.5px;font-weight:600}.benzene-mode__label em{font-style:normal;font-size:8px;font-weight:400;color:#9aa3b3}.benzene-mode.is-active .benzene-mode__label em{color:#6f8fe8}.benzene-insert{display:flex;align-items:center;justify-content:center;gap:6px;height:29px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:10px;color:var(--text-2)}.benzene-insert:hover{border-color:#c8d5f4;color:var(--accent);background:#fbfcff}.benzene-insert em{font-style:normal;font-size:8.5px;color:var(--text-3)}.benzene-tool .chem-hint{margin-top:0}.ring-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ring-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 5px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#3d4759;transition:border-color .12s ease,background .12s ease,color .12s ease}.ring-card:hover{border-color:#cbd8f5;background:#fbfcff;color:var(--accent)}.ring-card.is-active{border-color:#3f6df073;background:var(--accent-soft);color:var(--accent)}.ring-card__glyph{height:52px;display:flex;align-items:center;justify-content:center}.ring-card__body{display:flex;flex-direction:column;align-items:center;gap:1px}.ring-card__name{font-size:10px;font-weight:600;color:inherit}.ring-card__meta{font-size:8px;color:#9aa3b3}.arrow-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.arrow-card{display:flex;align-items:center;gap:4px;padding:5px 6px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#4a5468;transition:border-color .12s ease,background .12s ease,color .12s ease}.arrow-card svg{flex:none}.arrow-card span{font-size:8.5px;white-space:nowrap}.arrow-card:hover{border-color:#cbd8f5;color:var(--accent)}.arrow-card.is-active{background:var(--accent-soft);border-color:#3f6df06b;color:var(--accent)}.chem-hint{margin:8px 0 0;font-size:9px;line-height:1.6;color:#9aa3b3}.chem-check-list{display:flex;flex-direction:column;gap:5px}.chem-check{display:flex;align-items:center;gap:7px;width:100%;padding:6px 7px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text-2);text-align:left}.chem-check:hover{border-color:#cbd8f5;background:#fbfcff;color:var(--accent)}.chem-check__icon{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:5px;background:#f2f6fb;color:#6f7f9b}.chem-check__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.chem-check__body strong{font-size:9.5px;font-weight:600;color:#465167}.chem-check__body span{font-size:8.5px;color:#9aa3b3;line-height:1.35}.ring-card .ring-card__glyph{--ring-label-bg: #ffffff}:focus-visible{outline:2px solid rgba(63,109,240,.5);outline-offset:2px}.start-page--web{min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.start-page__glow{position:fixed;top:-160px;right:-120px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#7c5cf029,#7c5cf000 62%);pointer-events:none;z-index:0}.start-page--web .start-header{flex:none;width:100%;max-width:1240px;height:68px;padding:0 32px}.start-header__meta{display:flex;align-items:center;gap:10px}.contest-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid #dbe5ff;background:linear-gradient(135deg,#eef3ff,#e9f7f5);color:#3c5dbd;font-size:10.5px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.start-page--web .btn--ghost{color:var(--text-2);border-color:transparent}.start-page--web .btn--ghost:hover{background:#ffffffd9;border-color:var(--border);color:var(--text)}.start-page--web .start-main{width:100%;max-width:1240px;margin:0 auto;padding:18px 32px 38px;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);gap:52px;align-items:start}.start-page--web .start-title{margin:16px 0 14px;font-size:clamp(34px,3.5vw,46px);line-height:1.14;letter-spacing:-1.1px}.start-page--web .start-desc{max-width:580px;font-size:13.5px;line-height:1.75;margin-bottom:20px}.start-page--web .start-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px}.start-page--web .start-actions .btn{height:36px;padding:0 15px;font-size:12.5px}.start-page--web .start-actions__main{padding:0 20px;font-weight:600}.start-metrics{display:flex;flex-wrap:wrap;gap:6px 22px;padding:12px 2px;margin-bottom:14px;border-top:1px solid rgba(214,221,234,.7);border-bottom:1px solid rgba(214,221,234,.7);font-size:11px;color:var(--text-3)}.start-metrics span{display:inline-flex;align-items:baseline;gap:5px}.start-metrics strong{font-size:15px;font-weight:700;color:#2c3a55;letter-spacing:-.3px}.start-metrics span:nth-child(2) strong{color:#0f9d8f}.start-metrics span:nth-child(3) strong{color:#7c5cf0}.start-page--web .start-note{margin-bottom:22px;font-size:10.5px;line-height:1.65}.start-page--web .start-note svg{margin-top:2px}.recent-note{font-size:10.5px;color:var(--text-3)}.start-browser-note{display:flex;align-items:center;gap:8px;margin-top:18px;padding:9px 12px;border-radius:8px;border:1px dashed #dbe2ef;background:#fff9;color:var(--text-3);font-size:10.5px}.start-browser-note__dot{width:6px;height:6px;border-radius:50%;background:#0f9d8f;box-shadow:0 0 0 3px #0f9d8f24;flex:none}.start-page--web .start-footer{flex:none;width:100%;max-width:1240px;padding:14px 32px 20px;font-size:10.5px}.start-page--web .template-thumb__page{box-shadow:0 1px 3px #161e3014}.start-page--web .template-card{padding:10px 12px}.start-page--web .recent-list{gap:6px}.start-page--web .recent-item{border-color:#e8ecf3;border-radius:9px}.help-guide{display:flex;flex-direction:column;gap:18px}.help-guide__steps{display:grid;gap:10px}.help-guide__step{display:flex;gap:11px;padding:10px 12px;border:1px solid #e8edf6;border-radius:9px;background:#fbfcff}.help-guide__step>span{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:700}.help-guide__step strong{display:block;font-size:12px;font-weight:650;color:#26303f;margin-bottom:2px}.help-guide__step p{font-size:10.5px;line-height:1.6;color:var(--text-2)}.help-guide__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help-guide__grid h4{margin:0 0 8px;font-size:11.5px;font-weight:650;color:#2a3345}.help-guide__grid ul{display:flex;flex-direction:column;gap:6px;font-size:10.5px;line-height:1.55;color:var(--text-2)}.help-guide__grid kbd{margin:0 1px}.file-drop-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:#11192875;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.file-drop-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:300px;max-width:440px;padding:30px 36px;border-radius:18px;border:1px dashed rgba(255,255,255,.5);background:#fffffff5;box-shadow:0 28px 80px #09101e59;text-align:center}.file-drop-card__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--accent);margin-bottom:4px}.file-drop-card strong{font-size:15px;font-weight:700;color:#1f2937}.file-drop-card p{font-size:11.5px;color:var(--text-3)}.titlebar__right{min-width:0}.titlebar__controls{flex:none}.btn__dot{width:5px;height:5px;margin-left:2px;border-radius:50%;background:#ffd27a;box-shadow:0 0 0 2px #ffd27a47}.workspace{position:relative}.workspace.is-left-closed>.left-dock,.workspace.is-right-closed>.right-sidebar{display:none}.dock-scrim{display:none}@media (max-width: 1360px){:root{--dock-w: 228px;--right-w: 282px}html[data-density=comfortable]{--dock-w: 238px;--right-w: 300px}.top-actions__divider{margin:0 3px}}@media (max-width: 1180px){.left-dock{position:absolute;left:var(--rail-w);top:0;bottom:0;z-index:62;width:min(304px,72vw);box-shadow:18px 0 48px #121c302e}.right-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:62;width:min(336px,82vw);box-shadow:-18px 0 48px #121c302e}.dock-scrim{display:block;position:absolute;inset:0;z-index:58;border:0;background:#0f172a42;cursor:pointer;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.start-page--web .start-main{gap:38px}}@media (max-width: 1080px){.start-page--web .start-main{grid-template-columns:minmax(0,1fr) minmax(330px,.86fr);gap:26px}.start-page--web .start-title{font-size:34px}.start-page--web .start-visual{top:12px}}@media (max-width: 900px){.start-page--web .start-main{grid-template-columns:1fr;padding-bottom:30px}.start-page--web .start-visual{position:static;max-width:680px}.start-page--web .start-footer{flex-wrap:wrap;row-gap:6px}}@media (max-width: 980px){.titlebar__center,.top-actions__divider,.statusbar__hint{display:none}.start-page--web .start-header{height:60px;padding:0 20px}.contest-badge{display:none}.start-page--web .start-main{padding:14px 20px 28px}}@media (max-width: 760px){.start-page--web .start-actions{flex-direction:column;align-items:stretch}.start-page--web .start-actions .btn{justify-content:flex-start}.start-page--web .template-grid,.help-guide__grid{grid-template-columns:1fr}.start-page--web .start-footer{padding:12px 20px 18px}.start-page--web .start-footer__spacer{display:none}.start-metrics{gap:4px 14px}.start-metrics span:nth-child(4){display:none}}@media (max-width: 640px){.start-page--web .start-header{padding:0 14px}.start-page--web .start-main{padding:10px 14px 24px}.start-page--web .start-title{font-size:31px}.start-page--web .start-desc{font-size:12.5px}.start-page--web .start-footer{padding:10px 14px 16px}}@media (max-height: 760px) and (min-width: 1081px){.start-page--web .start-header{height:56px}.start-page--web .start-main{padding-top:8px}.start-page--web .start-title{margin:10px 0;font-size:34px}.start-page--web .start-desc{margin-bottom:14px;line-height:1.65}.start-page--web .start-note{display:none}.start-page--web .start-visual{top:10px}}