:root{--brand: #005a6e;--brand-strong: #004a5e;--brand-light: #006d84;--brand-soft: #e6eff1;--brand-ring: rgba(0, 90, 110, .2);--brand-gradient: linear-gradient(135deg, #005a6e 0%, #006d84 100%);--ink: #181d25;--ink-2: #4b5563;--muted: #656e81;--line: #e5e7eb;--line-strong: #d1d5db;--surface: #ffffff;--surface-2: #f6f7f9;--canvas-bg: #eff3f5;--danger: #e23636;--success: #1fad53;--select: #0083a3;--select-hover: #5ac7e2;--select-fill: rgba(0, 131, 163, .08);--shadow-1: 0 1px 3px 0 rgba(0, 0, 0, .07), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-2: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-3: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: 8px;--ease: cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font-weight:500;white-space:nowrap;transition:background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),transform .1s var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-light);border-color:var(--brand-light);box-shadow:var(--shadow-1)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);border:none;background:transparent;cursor:pointer;color:var(--ink-2);transition:background-color .15s var(--ease),color .15s var(--ease)}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.icon-btn.active{background:var(--brand-soft);color:var(--brand)}.icon-btn:disabled{opacity:.35;cursor:default}.field{height:32px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:0 8px;background:var(--surface);min-width:0}.field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.menu{position:absolute;z-index:50;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-3);padding:6px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;border-radius:6px;cursor:pointer;text-align:left}.menu-item:hover:not(:disabled){background:var(--surface-2)}.menu-item:disabled{opacity:.4;cursor:default}.menu-item .kbd{margin-left:auto;color:var(--muted);font-size:12px}.menu-sep{height:1px;background:var(--line);margin:6px 4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#181d2566;z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-3);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px;font-weight:600}.modal-body{padding:16px 20px;display:grid;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.toast{position:fixed;left:50%;bottom:72px;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--shadow-3);z-index:200;font-size:13px}.select-btn{display:inline-flex;align-items:center;gap:6px;justify-content:space-between;text-align:left;cursor:pointer;min-width:0;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}.select-btn:hover{border-color:var(--muted)}.select-btn[aria-expanded=true]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chev{flex-shrink:0;color:var(--muted);transition:transform .15s}.select-chev.open{transform:rotate(180deg)}.select-menu{position:fixed;z-index:1000;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-3);padding:4px;font-size:13px;animation:select-in .08s ease-out}@keyframes select-in{0%{opacity:0;transform:translateY(-3px)}}.select-menu.up{animation-name:select-in-up}@keyframes select-in-up{0%{opacity:0;transform:translateY(3px)}}.select-option{display:flex;align-items:flex-start;gap:6px;padding:7px 10px 7px 6px;border-radius:6px;cursor:pointer;color:var(--ink);line-height:1.3}.select-option.active{background:var(--surface-2)}.select-option.selected{color:var(--brand-strong);font-weight:600}.select-option.disabled{opacity:.45;cursor:default}.select-check{width:16px;flex-shrink:0;display:inline-flex;padding-top:1px}.select-text{display:flex;flex-direction:column;gap:1px;min-width:0}.select-hint{font-size:11.5px;font-weight:400;color:var(--muted)}.editor{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--canvas-bg);overflow:hidden;-webkit-user-select:none;user-select:none}.editor.grayscale .canvas-svg,.export-stage.grayscale{filter:grayscale(1)}.editor-loading,.editor-missing{height:100%;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;color:var(--muted)}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;outline:none;touch-action:none}.canvas-svg{display:block}.overlay{pointer-events:none}.overlay .handle,.overlay [data-handle]{pointer-events:all}.sel-outline,.hover-outline,.sel-frame,.focus-frame{fill:none;vector-effect:non-scaling-stroke}.sel-outline{stroke:var(--select);stroke-width:1.5}.sel-outline.key-outline{stroke-width:3.5}.sel-frame{stroke:var(--select);stroke-width:1;stroke-dasharray:4 3}.hover-outline{stroke:var(--select-hover);stroke-width:1.5}.crop-frame{fill:none;stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke}.crop-source{stroke:var(--select)}.focus-frame{stroke:var(--muted);stroke-width:1;stroke-dasharray:6 4}.handle{fill:#fff;stroke:var(--select);stroke-width:1.5}.handle.rot{cursor:grab}.handle.point{fill:var(--select);stroke:#fff;stroke-width:2;cursor:move}.handle.point.glued{fill:#16a34a}.glue-outline{fill:none;stroke:#16a34a;stroke-width:1.5;stroke-dasharray:4 3}.glue-anchor{fill:#fff;stroke:#16a34a;stroke-width:2;pointer-events:none}.handle.bend{fill:#fff;stroke:#f59e0b;stroke-width:2;cursor:move}.rot-stem{stroke:var(--select);stroke-width:1}.snap-guide{stroke:#ec4899;stroke-width:1}.marquee{fill:var(--select-fill);stroke:var(--select);stroke-width:1}.text-edit{position:absolute;margin:0;padding:0;border:none;outline:1.5px solid var(--select);outline-offset:2px;background:transparent;resize:none;overflow:hidden;z-index:5;-webkit-user-select:text;user-select:text}.ruler{position:absolute;z-index:3;pointer-events:none}.ruler-h{left:20px;right:0;top:0;height:20px;width:calc(100% - 20px)}.ruler-v{top:20px;left:0;width:20px;height:calc(100% - 20px)}.ruler-corner{position:absolute;left:0;top:0;width:20px;height:20px;background:#f7f9fb;z-index:4;font-size:9px;color:var(--muted);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.canvas-wrap .menu{position:absolute}.topbar-card{position:absolute;top:10px;z-index:20;display:flex;align-items:center;gap:4px;height:48px;padding:0 8px;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-2)}.topbar-left{left:10px;max-width:calc(100vw - 340px)}.topbar-right{right:10px;gap:8px}.logo-btn{border:none;background:none;padding:4px;cursor:pointer;display:inline-flex}.tb-sep{width:1px;height:24px;background:var(--line);margin:0 6px}.title-btn{border:1px solid transparent;background:none;font-size:15px;font-weight:500;padding:5px 8px;border-radius:6px;cursor:text;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-btn:hover{border-color:var(--line-strong)}.title-input{font-size:15px;font-weight:500;padding:5px 8px;border:1px solid var(--brand);border-radius:6px;width:260px;outline:none}.save-state{display:inline-flex;color:var(--muted);padding:0 4px}.save-state.saved{color:var(--success)}.save-state.error{color:var(--danger)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-menu{width:230px}.submenu{min-width:240px}.menu-item.hover{background:var(--surface-2)}.rail{position:absolute;left:10px;top:72px;bottom:12px;z-index:15;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:visible;scrollbar-width:none}.rail-card{width:64px;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-2);padding:4px;display:flex;flex-direction:column;gap:2px}.rail-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;border:none;background:none;border-radius:7px;cursor:pointer;color:var(--ink-2);font-size:11px}.rail-btn:hover{background:var(--surface-2)}@media (max-height: 880px){.rail{gap:6px}.rail-btn{padding:4px 2px 3px;gap:1px;font-size:10px}.rail-btn svg{width:18px;height:18px}}@media (max-height: 760px){.rail-card{width:48px}.rail-btn{padding:7px 2px}.rail-btn span{display:none}}@media (max-height: 690px){.rail-btn{padding:5px 2px}}.rail-btn.active{background:var(--brand-soft);color:var(--brand)}.rail-menu{position:fixed;left:82px;z-index:40;display:flex;align-items:flex-start;gap:6px}.rail-menu-list{background:var(--surface);border-radius:10px;box-shadow:var(--shadow-3);border:1px solid var(--line);padding:6px;min-width:190px}.rail-menu-list .menu-item svg{flex-shrink:0}.tint{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.tint.amber{background:#fff4dc;color:#b7791f}.tint.blue{background:var(--brand-soft);color:var(--brand)}.tint.teal{background:#e0f5f4;color:#1b9a8f}.rail-submenu{background:var(--surface);border-radius:10px;box-shadow:var(--shadow-3);border:1px solid var(--line);padding:10px;width:292px;max-height:70vh;overflow-y:auto}.submenu-title{font-weight:600;margin:0 2px 8px}.submenu-hint{margin-top:8px;font-size:12px;color:var(--muted)}.tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.tile{height:50px;border:1px solid transparent;border-radius:6px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.tile:hover{background:var(--surface-2);border-color:var(--line)}.table-menu{flex-direction:column;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-3);border:1px solid var(--line);padding:12px}.table-grid{display:grid;grid-template-columns:repeat(10,18px);gap:3px}.table-cell{width:18px;height:14px;border:1px solid var(--line-strong);border-radius:2px;background:#fff;cursor:pointer;padding:0}.table-cell.on{background:var(--brand-soft);border-color:var(--brand)}.table-caption{text-align:center;font-size:13px;color:var(--ink-2);margin-top:6px;width:100%}.flyout{position:absolute;left:82px;top:72px;bottom:64px;width:344px;z-index:14;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-3);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.flyout-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 16px;border-bottom:1px solid var(--line)}.flyout-head h2{margin:0;font-size:16px;font-weight:600}.flyout-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 16px}.flyout-body:has(.icons-panel){overflow:hidden;display:flex;flex-direction:column}.panel-empty{color:var(--muted);text-align:center;padding:24px 8px;line-height:1.5}.edit-empty{display:flex;flex-direction:column;align-items:center;gap:4px}.edit-empty b{color:var(--ink);font-size:15px}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 8px}.muted{color:var(--muted)}.small{font-size:12px}.link-btn{border:none;background:none;color:var(--brand);cursor:pointer;font-size:13px;padding:2px 4px;display:inline-flex;align-items:center;gap:2px}.link-btn:hover{text-decoration:underline}.icons-panel{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.panel-search{display:flex;align-items:center;gap:8px;height:38px;border:1px solid var(--line-strong);border-radius:8px;padding:0 10px;color:var(--muted)}.panel-search:focus-within{border-color:var(--brand)}.panel-search input{border:none;outline:none;flex:1;min-width:0;color:var(--ink);background:transparent}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{height:26px;padding:0 10px;border-radius:13px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:4px}.chip.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong)}.smart-chip.loading svg{animation:smart-pulse 1s ease-in-out infinite}.smart-chip.active.error{background:var(--surface);border-color:var(--line-strong);color:var(--muted)}@keyframes smart-pulse{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.smart-chip.loading svg{animation:none}}.icons-scroll{flex:1;min-height:0;overflow-y:auto;margin:0 -14px;padding:0 14px 16px}.carousel{margin-bottom:14px}.carousel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.icon-tile{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:grab;padding:6px;display:flex;align-items:center;justify-content:center}.icon-tile:hover{background:var(--surface-2);border-color:var(--line-strong)}.icon-tile img{max-width:100%;max-height:100%;pointer-events:none}.icon-tile .fav{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:10px;display:none;align-items:center;justify-content:center;color:var(--muted);background:#ffffffe6;cursor:pointer}.icon-tile:hover .fav,.icon-tile .fav.on{display:flex}.icon-tile .fav.on{color:#d9a01b}.icon-tile .fav.on svg{fill:#f5c542}.cat-list{display:flex;flex-direction:column;gap:6px}.cat-row{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer;text-align:left}.cat-row span:first-child{flex:1}.cat-row:hover{background:var(--surface-2)}.lib-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;text-align:left;color:var(--ink)}.lib-row:hover:not(:disabled){background:var(--surface-2)}.lib-row:disabled{opacity:.5;cursor:not-allowed}.lib-name{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lib-name b{display:inline-flex;align-items:center;gap:4px}.lib-head{display:flex;flex-direction:column;gap:2px;margin:4px 0 10px}.section-label svg{vertical-align:-2px}.icon-tile .tile-badge{position:absolute;left:3px;bottom:3px;font-size:9px;font-weight:600;letter-spacing:.03em;padding:0 3px;border-radius:3px;background:var(--surface-2);color:var(--muted)}.result-count{font-size:12px;color:var(--muted);margin:4px 0 8px}.back{margin-bottom:4px}.panel-credit{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.5}.icon-preview{position:fixed;left:436px;width:180px;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-3);border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:3px;z-index:60;pointer-events:none;font-size:12px;color:var(--muted)}.icon-preview img{width:100%;height:140px;object-fit:contain;margin-bottom:6px}.icon-preview b{color:var(--ink);font-size:13px;text-transform:capitalize}.dropzone{border:2px dashed var(--line-strong);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);text-align:center}.dropzone.over{border-color:var(--brand);background:var(--brand-soft)}.dropzone p{margin:0}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.upload-tile{position:relative}.upload-tile>button:first-child{width:100%;aspect-ratio:1;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer;padding:6px}.upload-tile img{max-width:100%;max-height:100%}.upload-tile .del{position:absolute;top:2px;right:2px;width:26px;height:26px;background:#ffffffe6;display:none}.upload-tile:hover .del{display:inline-flex}.templates-panel{display:flex;flex-direction:column;gap:10px}.tpl-chips .chip{height:24px;font-size:11.5px}.tpl-chips .chip .muted{font-size:11px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.tpl-grid.compact{grid-template-columns:1fr 1fr;gap:10px}.tpl-card{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.tpl-card:hover,.tpl-card:focus-visible{border-color:var(--brand);box-shadow:var(--shadow-1)}.tpl-card:disabled{opacity:.7;cursor:progress}.tpl-thumb{aspect-ratio:4 / 3;background:var(--surface-2);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.tpl-thumb svg{display:block}.tpl-name{font-weight:600;font-size:13.5px;color:var(--ink);line-height:1.3}.tpl-card.compact .tpl-name{font-size:12px}.tpl-desc{font-size:12.5px;color:var(--ink-2);line-height:1.35}.layers{display:flex;flex-direction:column;gap:2px}.layer-row{display:flex;align-items:center;gap:6px;height:34px;border-radius:6px;cursor:pointer;padding-right:4px}.layer-row:hover{background:var(--surface-2)}.layer-row.selected{background:var(--brand-soft)}.layer-row.dim{opacity:.5}.layer-kind{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);width:38px;flex-shrink:0}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-name-input{flex:1;height:26px}.layer-actions{display:flex;opacity:0}.layer-row:hover .layer-actions,.layer-row.selected .layer-actions{opacity:1}.icon-btn.tiny{width:24px;height:24px}.tiny-spacer{width:24px;flex-shrink:0}.props{display:flex;flex-direction:column}.prop-section{padding:12px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.prop-section:last-child{border-bottom:none}.prop-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px}.prop-row{display:flex;align-items:center;gap:10px;min-height:32px}.prop-label{width:92px;flex-shrink:0;font-size:13px;color:var(--ink-2)}.prop-control{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.prop-control>.field,.prop-control>select{flex:1;min-width:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.grid2 .prop-label{width:16px}.num-input{display:inline-flex;align-items:center;gap:4px;flex:1;min-width:0}.num-input .field{width:100%;min-width:52px}.num-input .suffix{font-size:12px;color:var(--muted)}.slider-row{display:flex;align-items:center;gap:10px;flex:1}.slider-row .num-input{flex:0 0 84px}.slider{flex:1;accent-color:var(--brand);min-width:60px}.btn-row{display:flex;gap:4px;align-items:center}.btn-row.wrap{flex-wrap:wrap}.btn-row .btn{height:32px;padding:0 10px}.btn-sep{width:1px;height:20px;background:var(--line);margin:0 4px}.style-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.style-preset{height:34px;border:2px solid;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.color-layers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.color-layer{display:flex;align-items:center;gap:8px}.icon-info{display:flex;flex-direction:column;gap:3px;font-size:13px}.icon-info b{text-transform:capitalize}.icon-info a{align-self:flex-start;color:var(--brand);font-weight:500;text-decoration:none}.icon-info a:hover{text-decoration:underline}.color-picker{position:relative;display:inline-flex}.swatch-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--line-strong);cursor:pointer;flex-shrink:0}.swatch-btn.none,.swatch.none{background:linear-gradient(to top right,#fff calc(50% - 1px),#d64545 50%,#fff calc(50% + 1px))}.color-pop{position:absolute;z-index:70;top:36px;left:0;width:248px;background:var(--surface);border-radius:10px;border:1px solid var(--line);box-shadow:var(--shadow-3);padding:10px;display:flex;flex-direction:column;gap:8px}.statusbar .color-pop{top:auto}.color-pop-row{display:flex;align-items:center;gap:6px}.hex-prefix{font-size:12px;color:var(--muted)}.native-color input{width:34px;height:30px;border:1px solid var(--line-strong);border-radius:6px;padding:2px;background:#fff;cursor:pointer}.color-pop-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.swatch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.swatch{aspect-ratio:1;border-radius:4px;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0;min-width:22px}.swatch.selected{outline:2px solid var(--brand);outline-offset:1px}.slides{position:absolute;right:10px;top:72px;width:176px;max-height:calc(100% - 140px);z-index:14;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-2);display:flex;flex-direction:column}.slides-head{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 4px 14px}.slides-actions{display:flex;gap:4px;padding:0 8px 8px;border-bottom:1px solid var(--line)}.slides-list{overflow-y:auto;padding:10px 12px 12px;display:flex;flex-direction:column;gap:12px}.slide-item{position:relative}.slide-label{font-size:12px;color:var(--muted);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-label b{color:var(--ink);margin-right:4px}.slide-thumb{display:block;width:100%;aspect-ratio:10 / 7;padding:0;border:2px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;cursor:pointer}.slide-thumb.active{border-color:var(--brand)}.slide-more{position:absolute;right:4px;top:22px}.slide-more .menu{min-width:150px}.statusbar{position:absolute;left:0;right:0;bottom:0;height:52px;z-index:13;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 90px;pointer-events:none}.sb-group{display:flex;align-items:center;gap:4px;pointer-events:auto;background:#ffffffeb;border-radius:10px;box-shadow:var(--shadow-1);padding:4px 6px}.sb-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:none;background:none;border-radius:6px;cursor:pointer;color:var(--ink-2);font-size:13px}.sb-btn:hover,.sb-btn.active{background:var(--surface-2);color:var(--ink)}.zoom-slider{width:110px;flex:0 0 110px}.zoom-input{width:54px;height:28px;text-align:center;border:1px solid var(--line);border-radius:6px;font-size:12px}.statusbar .menu{min-width:230px}.ctx-bar{position:absolute;z-index:12;display:flex;align-items:stretch;gap:2px;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-3);border:1px solid var(--line);padding:4px}.ctx-wrap{position:relative;display:flex}.ctx-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 7px 4px;border:none;background:none;border-radius:7px;cursor:pointer;color:var(--ink-2);font-size:10.5px;min-width:46px}.ctx-btn:hover:not(:disabled),.ctx-btn.active{background:var(--surface-2);color:var(--ink)}.ctx-btn:disabled{opacity:.35;cursor:default}.ctx-btn.narrow{min-width:30px;justify-content:center}.align-pop{display:flex;flex-direction:column;gap:6px;padding:10px}.modal.wide{width:min(960px,calc(100vw - 32px))}.export-body{display:grid;grid-template-columns:1.3fr 1fr;min-height:420px}.export-preview{background:var(--surface-2);padding:20px;display:flex;flex-direction:column;gap:12px}.export-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.export-stage svg{max-width:100%;max-height:380px;box-shadow:var(--shadow-2);background:#fff}.export-stage.checker svg{background:repeating-conic-gradient(#e5e9ee,#e5e9ee 25%,#fff 0%,#fff 50%) 50% / 16px 16px}.switch-row{display:flex;align-items:center;gap:8px;font-size:13px}.export-options{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.opt{display:flex;flex-direction:column;gap:6px}.opt>span:first-child{font-weight:600;font-size:13px}.opt .field{height:36px}.check{display:flex;align-items:center;gap:8px;font-size:14px}.dims{display:flex;align-items:center;gap:6px}.dims .field{width:86px}.credits-box{background:var(--brand-soft);border-radius:8px;padding:10px 12px;font-size:13px}.credits-box p{margin:4px 0 0}.shortcut-table{width:100%;border-collapse:collapse}.shortcut-table td{padding:7px 4px;border-bottom:1px solid var(--line)}.shortcut-table td:last-child{text-align:right}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:2px 6px}.about p{margin:0;line-height:1.55}.present{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0b0f14;display:flex;align-items:center;justify-content:center}.present-stage{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.present-stage svg{max-width:100vw;max-height:100vh}.present-controls{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#ffffffeb;border-radius:10px;padding:4px 10px;opacity:.2;transition:opacity .2s}.present-controls:hover{opacity:1}@media (max-width: 900px){.slides{display:none}.flyout{width:calc(100vw - 100px)}.sb-group:first-child{display:none}}.chem-panel{display:flex;flex-direction:column;gap:10px}.suggest-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;padding:4px;margin-top:-4px}.chem-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:10px}.chem-card>b{font-size:14px}.chem-preview,.pdb-preview{height:220px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.chem-preview img{max-width:92%;max-height:92%}.pdb-preview{height:240px;cursor:grab;touch-action:none}.pdb-preview.dragging{cursor:grabbing}.pdb-canvas{max-width:96%;max-height:96%;pointer-events:none}.pdb-db{margin-bottom:10px}.plddt-key{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;font-size:11.5px;color:var(--ink-2)}.plddt-key span{display:flex;align-items:center;gap:6px}.plddt-key i{width:10px;height:10px;border-radius:2px;flex-shrink:0}.pdb-turns{display:flex;align-items:center;gap:4px}.chem-iupac{overflow-wrap:anywhere}.chem-options{display:flex;flex-direction:column;gap:6px;margin:4px 0;font-size:13px}.opt-row{display:flex;align-items:center;gap:8px}.opt-row input[type=range],.opt-row .field{flex:1}.chem-card .seg,.pdb-db{display:flex;border:1px solid var(--line-strong);border-radius:6px;padding:2px}.chem-card .seg button,.pdb-db button{flex:1;border:none;background:none;border-radius:4px;height:28px;cursor:pointer;color:var(--ink-2);font-size:13px}.chem-card .seg button.on,.pdb-db button.on{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.lib-row.current{border-color:var(--brand)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:13px}.swatch-list{display:flex;flex-direction:column;gap:6px}.swatch-row{display:flex;align-items:center;gap:8px}.field.num{width:72px}.modal-foot .grow{flex:1;margin-right:12px}.data-grid-wrap{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:8px}.data-grid{border-collapse:collapse;font-size:13px}.data-grid th{height:26px;background:var(--surface-2);position:sticky;top:0;z-index:1}.data-grid td{border:1px solid var(--line);padding:0}.data-grid td.rowno{padding:0 6px;color:var(--muted);font-size:11px;background:var(--surface-2);white-space:nowrap}.data-grid tr.head input{font-weight:600;background:#f4f7fb}.data-grid td.err input{color:#8e44c9}.data-grid input{width:110px;height:28px;border:none;padding:0 6px;font:inherit;background:transparent;color:var(--ink)}.data-grid input:focus{outline:2px solid var(--brand);outline-offset:-2px;background:#fff}.chart-glyph{width:56px;height:44px}.grid-menu{width:290px;padding:10px}.grid-menu-sec{display:flex;flex-direction:column;gap:8px;font-size:13px}.grid-row,.seg-row{display:flex;align-items:center;gap:8px}.rich-edit-frame{position:absolute;z-index:5;display:flex;flex-direction:column}.rich-edit{position:static;min-width:4px;outline:1.5px solid var(--select);outline-offset:2px;overflow-wrap:break-word;caret-color:currentColor}.rich-edit sup,.rich-edit sub,.rich-edit [style*="vertical-align: super"],.rich-edit [style*="vertical-align: sub"]{font-size:70%;line-height:0}.rich-toolbar{position:absolute;z-index:30;display:flex;align-items:center;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-3)}.color-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:inline-block}.rich-colors{position:absolute;top:36px;left:0;display:grid;grid-template-columns:repeat(5,24px);gap:6px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-3)}.rich-colors .swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0}.rich-colors .swatch.custom{display:inline-flex;align-items:center;justify-content:center;position:relative;color:var(--muted);overflow:hidden}.rich-colors .swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.grid-hint{position:absolute;bottom:42px;right:-60px;z-index:30;width:270px;padding:12px 14px;background:var(--ink);color:#fff;border-radius:10px;box-shadow:var(--shadow-3);font-size:12.5px;line-height:1.5}.grid-hint:after{content:"";position:absolute;bottom:-5px;right:72px;width:10px;height:10px;background:var(--ink);transform:rotate(45deg)}.grid-hint p{margin:0 0 10px}.grid-hint kbd{background:#ffffff1f;border-color:#ffffff40;color:#fff;font-size:11px;padding:1px 5px}.grid-hint-ok{float:right;padding:4px 12px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.grid-hint-ok:hover{background:var(--brand-soft)}.font-notice,.font-banner{position:fixed;left:50%;transform:translate(-50%);z-index:60;width:min(460px,calc(100vw - 32px));padding:12px 14px;border-radius:10px;box-shadow:var(--shadow-3);font-size:12.5px;line-height:1.5}.font-notice{bottom:64px;background:var(--ink);color:#fff}.font-notice p{margin:0 0 6px}.font-notice ul{margin:0 0 8px;padding-left:18px}.font-notice .muted{color:#ffffffb3}.font-banner{top:64px;display:flex;gap:12px;align-items:center;background:#fdf4e2;color:var(--ink);border:1px solid #f0d9a8}.font-banner p{margin:0;flex:1}.font-banner-btn{padding:4px 12px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.warn-text{color:#9a5b00}.gap-row{display:flex;align-items:center;gap:6px;margin-top:6px}.gap-row .num-input{width:96px}.align-pop .gap-row,.align-pop>.muted.small:last-child{max-width:260px}.ruler-guide{stroke:#0891b2;stroke-width:1;pointer-events:none}.ruler-guide-hit{stroke:transparent;stroke-width:9;pointer-events:stroke}.ruler-guide-hit.v{cursor:col-resize}.ruler-guide-hit.h{cursor:row-resize}.gallery{min-height:100%;display:flex;flex-direction:column;background:var(--surface)}.gallery-header{position:sticky;top:0;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.gallery-bar,.gallery-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}.gallery-bar{height:64px;display:flex;align-items:center;gap:28px}.logo{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:700;letter-spacing:-.025em;color:var(--ink)}.logo-word b{font-weight:inherit;color:var(--brand)}.gallery-nav{display:flex;align-items:center;gap:4px}.gallery-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:999px;background:none;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.gallery-tab:hover{color:var(--brand);background:var(--surface-2)}.gallery-tab.active{color:var(--brand);background:var(--brand-soft);cursor:default}.gallery-header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.btn.pill{border-radius:999px}.size-menu{width:290px;max-height:70vh;overflow:auto}.menu-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px 4px}.gallery-main{flex:1;min-width:0;background:radial-gradient(ellipse at 10% 0%,rgba(0,109,132,.07) 0,transparent 40%),linear-gradient(180deg,#f6fafb 0,var(--surface) 420px)}.intro{padding:44px 0 8px}.intro h1{margin:0;font-size:40px;font-weight:800;line-height:1.1;letter-spacing:-.035em}.intro h1 em{font-style:normal;color:var(--brand)}.intro p{margin:10px 0 0;font-size:16px;color:var(--ink-2)}.start{padding:24px 0 8px}.start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.start-tile{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;cursor:pointer;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.start-tile:hover{transform:translateY(-2px);border-color:#005a6e59;box-shadow:var(--shadow-2)}.start-tile b{font-size:14px;margin-top:8px}.start-tile>span:last-child{font-size:12.5px;color:var(--muted)}.tile-stage{width:100%;height:96px;border-radius:8px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}.page-shape{display:block;background:var(--surface);border-radius:3px;box-shadow:0 1px 2px #00000014,0 4px 10px -2px #005a6e2e}.start-tile.other .tile-stage{background:var(--surface);border:1.5px dashed rgba(0,90,110,.35)}.files{padding:36px 0 24px}.files-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:18px}.files-head h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.files-head .count{font-size:12px;font-weight:600;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:2px 9px;letter-spacing:0}.files-tools{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}.files-tools .field,.files-tools .btn{height:38px}.search{width:280px;display:flex;align-items:center;gap:8px;height:38px;border:1px solid var(--line-strong);border-radius:999px;padding:0 14px;background:var(--surface);color:var(--muted);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.search input{border:none;outline:none;flex:1;min-width:0;background:transparent;color:var(--ink)}.seg{display:flex;border:1px solid var(--line-strong);border-radius:var(--radius);padding:2px;background:var(--surface)}.gallery-foot{display:flex;align-items:flex-start;gap:10px;margin:8px 0 96px;padding:14px 18px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;font-size:13px;color:var(--ink-2);line-height:1.55}.gallery-foot svg{flex:none;margin-top:2px;color:var(--brand)}.gallery-foot b{color:var(--ink)}.site-foot{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,rgba(127,208,224,.18) 0,transparent 45%),radial-gradient(ellipse at 0% 100%,rgba(0,0,0,.18) 0,transparent 50%),var(--brand-gradient);color:#fff;font-size:14px;line-height:1.6}.site-foot-wrap{width:100%;max-width:1240px;margin:0 auto;padding:56px 32px 28px}.site-foot-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:48px;margin-bottom:44px}.site-foot-logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;font-size:20px;font-weight:700;letter-spacing:-.025em}.site-foot-logo .logo{padding:3px;background:#fff;border-radius:9px;box-shadow:0 4px 12px #00000026}.site-foot-logo .logo svg{display:block}.site-foot h4{margin:4px 0 16px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.site-foot p{margin:0 0 22px;max-width:380px;color:#ffffffd1}.site-foot ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.site-foot a{color:#ffffffe0;text-decoration:none;transition:color .15s var(--ease)}.site-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.site-foot p a{color:#fff;font-weight:600}.site-foot-current{display:inline-flex;align-items:center;gap:8px;font-weight:700}.site-foot-current:after{content:"";width:6px;height:6px;border-radius:50%;background:#7fd0e0}.site-foot-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:13px;font-weight:600;background:#ffffff14;transition:background .15s var(--ease),border-color .15s var(--ease)}.site-foot .site-foot-back:hover{background:#ffffff29;border-color:#fff9;text-decoration:none}.site-foot-icon{display:inline-flex;align-items:center;gap:10px}.site-foot-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff1f}.site-foot-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;color:#ffffffa6}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:visible;transition:box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover{border-color:#005a6e40;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a}.card-open{display:block;width:100%;border:none;padding:0;background:none;cursor:pointer}.thumb{height:160px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;border-radius:12px 12px 0 0;overflow:hidden}.thumb img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:var(--shadow-1)}.card-meta{position:relative;padding:12px 14px;display:grid;grid-template-columns:1fr auto;row-gap:4px}.card-title{border:none;background:none;padding:0;text-align:left;font-weight:600;font-size:15px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub{grid-column:1;color:var(--muted);font-size:12px}.card-meta>div[style]{grid-row:1 / span 2;grid-column:2;align-self:center}.rows{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.row{display:flex;align-items:center;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .card-open{width:96px}.row .thumb{height:60px;border-radius:0}.row .card-meta{flex:1}.empty{padding:48px;text-align:center;color:var(--muted)}.gallery-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:10px 14px;border-radius:var(--radius);margin-bottom:14px;cursor:pointer}.btn-danger{color:var(--danger)}@media (max-width: 720px){.gallery-bar,.gallery-wrap{padding:0 16px}.gallery-foot{margin-bottom:64px}.site-foot-wrap{padding:44px 16px 24px}.site-foot-grid{grid-template-columns:1fr 1fr;gap:32px 24px;margin-bottom:32px}.site-foot-brand{grid-column:1 / -1}.site-foot-bottom{flex-direction:column}.gallery-bar{gap:12px}.gallery-nav{display:none}.intro h1{font-size:32px}.files-tools{margin-left:0;width:100%}.search{width:auto;flex:1}}.modal.tpl-dialog{width:min(1180px,calc(100vw - 32px));height:min(860px,calc(100vh - 48px));max-height:none;display:flex;flex-direction:column;overflow:hidden}.tpl-dialog-body{flex:1;min-height:0;display:grid;grid-template-columns:230px 1fr}.tpl-cats{border-right:1px solid var(--line);padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.tpl-cat{display:flex;justify-content:space-between;gap:8px;text-align:left;border:none;background:transparent;border-radius:8px;padding:8px 10px;font-size:13.5px;color:var(--ink);cursor:pointer}.tpl-cat span{color:var(--ink-3, var(--ink-2));font-size:12px}.tpl-cat:hover{background:var(--surface-2)}.tpl-cat.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.tpl-main{min-width:0;overflow-y:auto;padding:16px 20px 24px;display:flex;flex-direction:column;gap:14px}.tpl-search{max-width:460px}.tpl-search .chip{flex:none}.tpl-added{margin:-6px 0 0}@media (max-width: 720px){.tpl-dialog-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.tpl-cats{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line)}.tpl-cat{white-space:nowrap}}@media (max-width: 480px){.site-foot-grid{grid-template-columns:1fr}}