.file-list[data-v-c7cbcff9]{margin-bottom:8px}.file-list__header[data-v-c7cbcff9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.file-list__count[data-v-c7cbcff9]{font-size:12px;font-weight:600;color:var(--text-2)}.file-list__clear-btn[data-v-c7cbcff9]{font-size:12px!important;opacity:.7;transition:opacity .2s}.file-list__clear-btn[data-v-c7cbcff9]:hover{opacity:1}.file-list__body[data-v-c7cbcff9]{display:flex;flex-direction:column;gap:8px;padding:6px;margin-bottom:8px;max-height:220px;overflow-y:auto;background:var(--card-2);border-radius:var(--radius-sm);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.file-list__body[data-v-c7cbcff9]::-webkit-scrollbar{width:6px}.file-list__body[data-v-c7cbcff9]::-webkit-scrollbar-track{background:transparent}.file-list__body[data-v-c7cbcff9]::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.file-list__add[data-v-c7cbcff9]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-3);font-size:12px;cursor:pointer;transition:all .2s}.file-list__add[data-v-c7cbcff9]:hover{background:rgba(0,122,255,.04)}.file-list__add--over[data-v-c7cbcff9],.file-list__add[data-v-c7cbcff9]:hover{border-color:var(--accent);color:var(--accent)}.file-list__add--over[data-v-c7cbcff9]{background:rgba(0,122,255,.08)}.file-item[data-v-c7cbcff9]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:transparent;border:1px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.file-item--clickable[data-v-c7cbcff9]{cursor:pointer}.file-item[data-v-c7cbcff9]:hover{background:var(--card);border-color:var(--border);box-shadow:0 2px 12px rgba(0,0,0,.08);transform:translateY(-1px);z-index:1}.file-item:hover .file-item__remove[data-v-c7cbcff9]{opacity:1}.file-item--active[data-v-c7cbcff9]{background:rgba(0,122,255,.08);border-color:rgba(0,122,255,.2)}.file-item--active .file-item__index[data-v-c7cbcff9]{background:var(--accent);box-shadow:0 0 0 2px rgba(0,122,255,.3)}.file-item--active[data-v-c7cbcff9]:hover{background:rgba(0,122,255,.1)}.file-item__index[data-v-c7cbcff9]{width:20px;height:20px;border-radius:50%;background:var(--border);font-size:11px;font-weight:700;justify-content:center;line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1)}.file-item__icon[data-v-c7cbcff9],.file-item__index[data-v-c7cbcff9]{flex-shrink:0;color:var(--text-3);display:flex;align-items:center}.file-item__info[data-v-c7cbcff9]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-item__name[data-v-c7cbcff9]{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.file-item__meta[data-v-c7cbcff9]{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px}.file-item__tag[data-v-c7cbcff9]{font-size:10px;font-weight:700}.file-item__tag--done[data-v-c7cbcff9]{color:#30d158}.file-item__tag--error[data-v-c7cbcff9]{color:#ff3b30}.file-item__remove[data-v-c7cbcff9]{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.file-item__remove[data-v-c7cbcff9]:hover{background:rgba(255,59,48,.12);color:#ff3b30}html[data-theme=dark] .file-item[data-v-c7cbcff9]:hover{box-shadow:0 2px 12px rgba(0,0,0,.35)}@media (max-width:833px){.file-list__body[data-v-c7cbcff9]{max-height:180px}.file-item__remove[data-v-c7cbcff9]{opacity:1}}@media (max-width:480px){.file-item[data-v-c7cbcff9]{padding:7px 8px;gap:6px}.file-item__name[data-v-c7cbcff9]{font-size:12px}}.preset-list[data-v-0683a291]{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.preset-type[data-v-0683a291]{font-size:10px;color:var(--text-3);margin-left:4px}.preset-empty[data-v-0683a291]{padding:8px;text-align:center;font-size:12px;color:var(--text-3)}.preset-save-row[data-v-0683a291]{display:flex;gap:6px;margin-top:8px}.preset-save-row .search-input[data-v-0683a291]{font-size:13px}.preset-actions[data-v-0683a291]{display:flex;gap:6px;margin-top:8px}.preset-actions__save[data-v-0683a291]{flex:1}[data-v-d4910b41] .n-color-picker__fill>div{border-radius:8px;overflow:hidden}@media (max-width:1068px){.sub-nav-frosted{margin-bottom:-60px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}button{cursor:pointer;border:none;background:none;color:inherit}button,input,select{font-family:inherit}#app{height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}::-moz-selection{background:rgba(0,122,255,.2);color:var(--text)}::selection{background:rgba(0,122,255,.2);color:var(--text)}:root{--bg:#f5f5f7;--card:#fff;--card-2:#fbfbfd;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#86868b;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.12);--accent:#007aff;--accent-hover:#0066d6;--accent-rgb:0,122,255;--shadow-xs:0 1px 3px rgba(0,0,0,.04);--shadow:0 12px 40px rgba(0,0,0,.1);--shadow-sm:0 2px 8px rgba(0,0,0,.04);--radius:16px;--radius-sm:10px;--blur-bg:hsla(0,0%,100%,.72);--checker-1:#e9e9ee;--checker-2:#f5f5f7;--dropdown-hover-bg:#e5e5ea}html[data-theme=dark]{--bg:#1c1c1e;--card:#2c2c2e;--card-2:#3a3a3c;--text:#f5f5f7;--text-2:#aeaeb2;--text-3:#8e8e93;--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.15);--accent:#0a84ff;--accent-hover:#409cff;--accent-rgb:10,132,255;--shadow-xs:0 1px 3px rgba(0,0,0,.15);--shadow:0 12px 40px rgba(0,0,0,.5);--shadow-sm:0 2px 8px rgba(0,0,0,.25);--blur-bg:rgba(28,28,30,.72);--checker-1:#2a2a2c;--checker-2:#1c1c1e;--dropdown-hover-bg:hsla(0,0%,100%,.12)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.workspace{flex:1;display:flex;overflow:hidden;position:relative}.hidden{display:none!important}.global-nav{justify-content:space-between;padding:12px 20px;background:var(--blur-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;position:relative;overflow:hidden;isolation:isolate;transition:transform var(--stagger-dur,.5s) var(--stagger-ease,cubic-bezier(.32,.72,0,1)),opacity .4s ease;transition-delay:var(--stagger-nav,0s);height:auto;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400;letter-spacing:normal;color:var(--text)}.global-nav,.global-nav .brand{display:flex;align-items:center}.global-nav .brand{gap:10px}.global-nav .logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#007aff,#5856d6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px rgba(var(--accent-rgb),.4);overflow:hidden}.global-nav .logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:9px}.global-nav .title{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;color:var(--text)}.global-nav .actions{display:flex;align-items:center;gap:8px;z-index:101}.sub-nav-frosted{width:340px;background:var(--blur-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--border);border-bottom:none;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;flex-shrink:0;transition:transform var(--stagger-dur,.5s) var(--stagger-ease,cubic-bezier(.32,.72,0,1)),opacity .4s ease;transition-delay:var(--stagger-sidebar,0s);z-index:10}.sub-nav-frosted::-webkit-scrollbar{width:6px}.sub-nav-frosted::-webkit-scrollbar-track{background:transparent}.sub-nav-frosted::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.sub-nav-frosted>.icon-circular{display:none}.glass-card{background:hsla(0,0%,100%,.35);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius);padding:18px;border:1px solid var(--border);box-shadow:var(--shadow-xs)}html[data-theme=dark] .glass-card{background:rgba(28,28,30,.35)}.utility-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}.panel-title{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;padding-left:10px;position:relative}.panel-title:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--accent),#5856d6);box-shadow:0 0 6px rgba(var(--accent-rgb),.25)}.brand{gap:10px}.brand,.logo{display:flex;align-items:center}.logo{width:32px;height:32px;background:linear-gradient(135deg,#007aff,#5856d6);justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px rgba(var(--accent-rgb),.4);overflow:hidden}.logo,.logo img{border-radius:9px}.logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.title{font-size:17px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.actions{display:flex;gap:8px;z-index:101}.actions,.btn{align-items:center}.btn{padding:8px 16px;border-radius:10px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;gap:6px;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(0,122,255,.3)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,122,255,.4)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--card-2)}.btn-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--text);border:1px solid var(--border);transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.btn-icon:hover{background:var(--card-2);transform:translateY(-1px)}.btn-icon svg{width:18px;height:18px;pointer-events:none}.btn-primary-pill{background:#007aff;color:#fff;border-radius:10px;border:none;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:500;box-shadow:0 2px 8px rgba(0,122,255,.3);transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary-pill:hover{background:#0066d6;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,122,255,.4)}.btn-primary-pill:active{transform:translateY(0)}.btn-primary-pill:focus-visible{outline:2px solid #0066d6;outline-offset:2px}.btn-secondary-pill{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-secondary-pill:hover{background:var(--card-2)}.btn-secondary-pill:active{transform:translateY(0)}.icon-circular{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--text);border:1px solid var(--border);flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.icon-circular:hover{background:var(--card-2);transform:translateY(-1px)}.icon-circular svg{width:18px;height:18px;pointer-events:none}.upload-area{border:2px dashed var(--border-strong);border-radius:var(--radius-sm);padding:20px;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--card-2);position:relative;z-index:5}.upload-area.dragover,.upload-area:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.04)}.upload-area.dragover .icon,.upload-area:hover .icon{transform:scale(1.05);transition:transform .25s cubic-bezier(.4,0,.2,1)}.upload-area .icon{width:40px;height:40px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:12px;color:var(--accent);pointer-events:none}.upload-area .icon svg{width:22px;height:22px}.upload-area .text{font-size:13px;color:var(--text-2);pointer-events:none}.upload-area .text strong{color:var(--accent);font-weight:600}.upload-area .hint{font-size:11px;color:var(--text-3);margin-top:4px;pointer-events:none}.file-info{display:none;background:var(--card-2);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:10px;align-items:center;gap:10px}.file-info.show{display:flex}.file-info .file-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),#5856d6);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-info .file-icon svg{width:16px;height:16px}.file-info .file-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info .file-meta{font-size:11px;color:var(--text-3);margin-top:1px}.file-info .file-remove{width:24px;height:24px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;z-index:6}.file-info .file-remove:hover{background:rgba(255,59,48,.15);color:#ff3b30}.file-info .file-remove svg{width:12px;height:12px;pointer-events:none}.tab-switch{display:flex;background:var(--card-2);padding:3px;border-radius:10px}.tab-switch button{flex:1;padding:7px 12px;font-size:13px;font-weight:500;color:var(--text-2);border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.tab-switch button.active{background:var(--card);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.08)}.form-group{margin-bottom:14px}.form-group:last-child{margin-bottom:0}.form-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:6px}.form-label .value{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;letter-spacing:-.01em}.form-input{width:100%;padding:9px 12px;background:var(--card-2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px;transition:all .2s;outline:none}.form-input:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.form-select{width:100%;background:var(--card-2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px;transition:all .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/img/down_arrow.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding:9px 32px 9px 12px;cursor:pointer}.form-select:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.search-input{width:100%;height:auto;padding:9px 12px;background:var(--card-2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;transition:all .2s;outline:none}.search-input:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}select.search-input{background-image:url(/img/down_arrow.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:32px}.form-range,select.search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-range{width:100%;height:4px;background:var(--border-strong);border-radius:2px;outline:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid var(--border-strong);box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:transform .15s;transition:transform .15s}.form-range::-webkit-slider-thumb:hover{transform:scale(1.12)}.form-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid var(--border-strong);box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer}.color-row{display:flex;align-items:center;gap:8px}.color-input{width:36px;height:36px;border-radius:9px;border:2px solid var(--border);cursor:pointer;background:none;padding:0;overflow:hidden;flex-shrink:0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:7px}.color-input::-moz-color-swatch{border:none;border-radius:7px}.color-hex{flex:1;text-transform:uppercase;font-family:ui-monospace,SF Mono,monospace;font-size:13px}.color-presets{display:flex;gap:6px;margin-top:8px}.color-presets button{width:22px;height:22px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px var(--border);cursor:pointer;transition:transform .2s;padding:0}.color-presets button:hover{transform:scale(1.12)}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.layout-grid button{padding:8px 4px;font-size:12px;background:var(--card-2);border-radius:8px;color:var(--text-2);border:1px solid var(--border);transition:all .2s;font-weight:500;cursor:pointer}.layout-grid button.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 6px rgba(var(--accent-rgb),.3)}.canvas-area{flex:1;display:flex;flex-direction:column;background:var(--bg);position:relative;min-width:0;z-index:1;overflow:hidden}.zoom-display{font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums;min-width:50px;text-align:center;font-weight:500}.page-nav{display:flex;align-items:center;gap:6px}.page-info{font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.canvas-container{position:fixed;inset:0;overflow:hidden;cursor:grab;contain:strict;isolation:isolate;will-change:transform;background-image:linear-gradient(45deg,var(--checker-1) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-1) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-1) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:var(--checker-2);z-index:0}.canvas-container.dragging{cursor:grabbing}.canvas-container canvas{position:absolute;top:50%;left:50%;box-shadow:0 10px 40px rgba(0,0,0,.18);border-radius:2px;transform-origin:center center;pointer-events:none}.canvas-empty{position:absolute;inset:0;flex-direction:column;gap:16px;color:var(--text-3);text-align:center;pointer-events:none;z-index:0}.canvas-empty,.canvas-empty .big-icon{display:flex;align-items:center;justify-content:center}.canvas-empty .big-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.06),rgba(88,86,214,.06));border-radius:22px;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.1)}.canvas-empty .big-icon svg{width:36px;height:36px}.canvas-empty h3{font-size:18px;font-weight:600;color:var(--text-2)}.canvas-empty p{font-size:13px;max-width:280px;line-height:1.5}.canvas-toolbar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--blur-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);flex-shrink:0;z-index:2;transition:border-radius var(--stagger-dur,.5s) var(--stagger-ease,cubic-bezier(.32,.72,0,1)),padding var(--stagger-dur,.5s) var(--stagger-ease,cubic-bezier(.32,.72,0,1)),top var(--stagger-dur,.5s) var(--stagger-ease,cubic-bezier(.32,.72,0,1)),right var(--stagger-dur,.5s) var(--stagger-ease,cubic-bezier(.32,.72,0,1));transition-delay:var(--stagger-toolbar,0s)}.canvas-toolbar .divider{width:1px;height:20px;background:var(--border);margin:0 4px}.canvas-toolbar .spacer{flex:1}.dropdown{position:relative}.dropdown-menu{background:var(--blur-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.08);position:absolute;top:calc(100% + 6px);right:0;border-radius:14px;padding:6px;min-width:160px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:200;pointer-events:none;display:flex;flex-direction:column;gap:6px}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:9px;font-size:14px;color:var(--text);text-align:left;transition:background .2s,color .2s;background:transparent;border:none;cursor:pointer}.dropdown-menu button:hover{background:var(--dropdown-hover-bg)}.dropdown-menu button.active{background:var(--accent);color:#fff;cursor:default;pointer-events:none;opacity:.85}.dropdown-menu button.active:hover{background:var(--accent)}.dropdown-menu button svg{width:16px;height:16px;flex-shrink:0;pointer-events:none}.dropdown-arrow{flex-shrink:0;margin-left:2px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{display:none}.switch-slider{position:absolute;cursor:pointer;inset:0;background:var(--border-strong);border-radius:12px;transition:.3s}.switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.2)}.switch input:checked+.switch-slider{background:var(--accent)}.switch input:checked+.switch-slider:before{transform:translateX(18px)}.toast-container{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:1000;flex-direction:column;pointer-events:none}.toast,.toast-container{display:flex;gap:8px;align-items:center}.toast{padding:12px 20px;background:var(--blur-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);font-size:14px;color:var(--text);animation:toastIn .4s cubic-bezier(.4,0,.2,1);max-width:90vw}.toast .icon{font-weight:700;font-size:16px}.toast.success .icon{color:#34c759}.toast.error .icon{color:#ff3b30}.toast.info .icon{color:var(--accent)}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:999}.loading-overlay.show{display:flex}.loading-card{background:var(--card);padding:28px 36px;border-radius:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);color:var(--text);font-size:14px;font-weight:500}.spinner{width:26px;height:26px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.mobile-toggle{display:none;position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#5856d6);color:#fff;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(var(--accent-rgb),.4);z-index:90;transition:transform .3s;cursor:pointer}.mobile-toggle:active{transform:scale(.9)}.mobile-toggle svg{width:24px;height:24px;pointer-events:none}.product-shadow{box-shadow:0 10px 40px rgba(0,0,0,.18)}html[data-theme=dark] .product-shadow{box-shadow:0 10px 40px rgba(0,0,0,.4)}.n-button{font-size:14px!important;font-weight:500!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.n-button--primary-type{background:var(--accent)!important;box-shadow:0 2px 8px rgba(0,122,255,.3)!important;--n-border:none!important;--n-border-hover:none!important;--n-border-focus:none!important;--n-border-pressed:none!important;border:none!important}.n-button--primary-type:hover{background:var(--accent-hover)!important;box-shadow:0 4px 14px rgba(0,122,255,.4)!important}.n-button--quaternary-type{--n-color:transparent!important;--n-color-hover:var(--card-2)!important;--n-color-pressed:transparent!important;--n-color-focus:transparent!important;--n-text-color:var(--text)!important;--n-text-color-hover:var(--text)!important;--n-border:none!important;--n-border-hover:none!important;--n-border-focus:none!important;border:none!important;box-shadow:none!important}.n-slider{--n-fill-color:var(--accent)!important;--n-fill-color-hover:var(--accent-hover)!important}.n-slider .n-slider__rail{background:var(--border-strong)!important}.n-slider .n-slider__rail .n-slider__rail__fill{background:var(--accent)!important;--n-fill-color:var(--accent)!important;--n-fill-color-hover:var(--accent-hover)!important}.n-slider .n-slider__handle{background:#fff!important;border:1px solid var(--border-strong)!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important}.n-switch{--n-rail-color-active:var(--accent)!important;--n-rail-color:var(--border-strong)!important;--n-loading-color:var(--accent)!important;--n-rail-border-radius:9999px!important}.n-dropdown-menu{border-radius:14px!important;box-shadow:var(--shadow)!important;background:var(--blur-bg)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid var(--border)!important}.n-dropdown-menu .n-dropdown-option{border-radius:9px!important;padding:7px 10px!important;font-size:14px!important;transition:background .2s!important}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body{justify-content:center!important;text-align:center!important}.n-dropdown-menu .n-dropdown-option-body:hover{background:var(--dropdown-hover-bg)!important}.n-dropdown-menu .n-dropdown-option-body--pending{border-radius:9px!important}.n-dropdown-menu .n-dropdown-option-body--pending:before{content:none!important;background:transparent!important}.n-dropdown-menu .n-dropdown-option--selected{background:var(--accent)!important;color:#fff!important}.actions .n-button{border:none!important;box-shadow:none!important}.actions .n-button--primary-type{border:none!important;--n-border:none!important;--n-border-hover:none!important;--n-border-focus:none!important;--n-border-pressed:none!important;background:var(--accent)!important}.actions .n-button--primary-type:hover{background:var(--accent-hover)!important}.actions .n-dropdown,.actions .n-dropdown .n-button{background:transparent!important}.actions .n-dropdown .n-button{--n-color:transparent!important;--n-color-hover:var(--card-2)!important;--n-color-pressed:transparent!important;--n-color-focus:transparent!important;--n-color-disabled:transparent!important}.actions .n-dropdown .n-button:hover{background:var(--card-2)!important}.actions .n-dropdown .n-button:active{background:transparent!important}.actions .n-dropdown .n-button.n-button--primary-type{--n-color:var(--accent)!important;--n-color-hover:var(--accent-hover)!important;--n-color-pressed:var(--accent-hover)!important;background:var(--accent)!important}.actions .n-dropdown .n-button.n-button--primary-type:hover{background:var(--accent-hover)!important}.n-popover{border-radius:14px!important;box-shadow:var(--shadow)!important}.n-message .n-message-container{border-radius:12px!important;box-shadow:var(--shadow)!important}.n-spin-container .n-spin-body{background:rgba(0,0,0,.4)!important;backdrop-filter:blur(8px)!important}.n-color-picker .n-color-picker__panel{border-radius:14px!important;box-shadow:var(--shadow)!important}.n-color-picker .n-color-picker__swatches{gap:6px!important}.n-progress{--n-fill-color:var(--accent)!important;--n-rail-color:var(--border)!important}.n-base-selection{border-radius:9px!important;background:var(--card-2)!important;border:1px solid var(--border)!important;font-size:14px!important;transition:all .2s!important}.n-base-selection:hover{border-color:var(--border-strong)!important}.n-base-selection--focus{border-color:var(--accent)!important;background:var(--card)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)!important}.n-base-select-menu{border-radius:14px!important;box-shadow:var(--shadow)!important;background:var(--blur-bg)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid var(--border)!important;padding:4px!important}.n-base-select-menu .n-base-select-option{border-radius:9px!important;font-size:14px!important;padding:8px 12px!important;margin:5px 0;transition:background .2s!important}.n-base-select-menu .n-base-select-option:first-child{margin-top:0}.n-base-select-menu .n-base-select-option:last-child{margin-bottom:0}.n-base-select-menu .n-base-select-option:hover{background:var(--dropdown-hover-bg)!important}.n-base-select-menu .n-base-select-option--pending{border-radius:9px!important}.n-base-select-menu .n-base-select-option--pending:before{content:none!important;background:transparent!important}.n-base-select-menu .n-base-select-option--selected{background:var(--accent)!important;color:#fff!important}.app--fullscreen .global-nav{transform:translateY(-100%)}.app--fullscreen .global-nav,.app--fullscreen .sub-nav-frosted{opacity:0;pointer-events:none}@media (min-width:834px){.app--fullscreen .sub-nav-frosted,.app--fullscreen .sub-nav-frosted.open{transform:translateX(-100%)}}@media (max-width:833px){.app--fullscreen .sub-nav-frosted,.app--fullscreen .sub-nav-frosted.open{transform:translateY(100%)}}.app--fullscreen .canvas-toolbar{position:fixed;top:16px;right:16px;padding:6px 14px;border-radius:9999px;background:var(--blur-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);box-shadow:var(--shadow);gap:6px;z-index:200}.app--fullscreen .canvas-toolbar .divider,.app--fullscreen .canvas-toolbar .page-info,.app--fullscreen .canvas-toolbar .page-nav,.app--fullscreen .canvas-toolbar .spacer,.app--fullscreen .canvas-toolbar .zoom-display{display:none}.app--fullscreen .mobile-toggle{display:none!important}@media (max-width:1068px){.sub-nav-frosted{width:300px;padding:16px;gap:12px;margin-bottom:0!important}}@media (max-width:833px){.global-nav{padding:10px 14px}.global-nav .title{font-size:15px}.global-nav .actions .btn{padding:7px 12px;font-size:13px}.sub-nav-frosted{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:78vh;border-right:none;border-top:1px solid var(--border);border-radius:20px 20px 0 0;transform:translateY(100%);z-index:95;box-shadow:0 -10px 40px rgba(0,0,0,.18);padding:8px 16px 25px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sub-nav-frosted::-webkit-scrollbar{display:none}.sub-nav-frosted.open{transform:translateY(0)}.sub-nav-frosted:before{content:"";display:block;width:40px;height:4px;background:var(--border-strong);border-radius:2px;margin:0 auto 8px}.sub-nav-frosted>.icon-circular{display:flex;position:sticky;top:0;z-index:20;align-self:flex-end;flex-shrink:0;margin:-8px -5px -40px 0}.mobile-toggle{display:flex}.canvas-toolbar{padding:8px 12px;gap:4px;flex-wrap:wrap}.canvas-toolbar .btn-icon,.canvas-toolbar .icon-circular{width:32px;height:32px}.canvas-toolbar .btn-icon svg,.canvas-toolbar .icon-circular svg{width:16px;height:16px}.dropdown-menu{min-width:140px}.canvas-empty .big-icon{width:60px;height:60px}.canvas-empty h3{font-size:16px}}@media (max-width:480px){.btn-text{display:none}.actions .btn{padding:7px 10px}.actions .n-button__icon{margin-right:0}.logo{width:28px;height:28px}.dropdown-menu{right:0;left:auto;min-width:140px}}