:root{color:#172033;font-synthesis:none;text-rendering:auto;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#ffffffd6;--surface-strong:#fffffff5;--surface-soft:#f7f9fce6;--border:#94a3b838;--shadow:0 24px 60px #0f172a14;--text-main:#172033;--text-secondary:#6a7891;--danger:#b42318;--accent:#1f3b73;--color-bg:#f5f7fa;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-surface:#fff;--color-scrollbar:#d1d5db;--color-scrollbar-hover:#9ca3af;--color-grid:#e4e4e7;background:linear-gradient(#f4f7fb 0%,#edf2f8 100%);font-family:YouYuan,幼圆,SF Pro Rounded,Arial Rounded MT Bold,Microsoft YaHei UI,PingFang SC,Segoe UI Variable Text,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{height:100vh;color:var(--text-main);background:var(--app-background,linear-gradient(180deg, #f4f7fb 0%, #edf2f8 100%));font-family:Microsoft YaHei UI,PingFang SC,Segoe UI Variable Text,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:500;overflow:hidden}button,input,textarea,select{font:inherit;font-family:inherit}button{cursor:pointer;border:none}img{max-width:100%;display:block}body.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-background:linear-gradient(180deg, #05070d 0%, #0b1120 100%);--surface:#0f172ad6;--surface-strong:#0f172af5;--surface-soft:#1e293bd1;--border:#64748b57;--shadow:0 24px 60px #00000052;--text-main:#e5edf9;--text-secondary:#94a3b8;--danger:#fda4af;--accent:#93c5fd;--color-bg:#0f172a;--color-text:#e4e4e7;--color-text-secondary:#9ca3af;--color-border:#27272a;--color-surface:#18181b;--color-scrollbar:#3f3f46;--color-scrollbar-hover:#52525b;--color-grid:#1a1a1f}.global-theme-toggle{color:#334155;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #cbd5e1cc;border-radius:999px;align-items:center;gap:7px;height:34px;padding:0 9px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;box-shadow:0 12px 28px #0f172a1f}.global-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0f172a29}.global-theme-toggle--floating{z-index:200;position:fixed;top:18px;right:18px}.global-theme-toggle__icon{place-items:center;transition:opacity .18s,transform .18s,color .18s;display:inline-grid}.global-theme-toggle__icon--sun{color:#f59e0b}.global-theme-toggle__icon--moon{color:#60a5fa}.global-theme-toggle__track{background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:999px;width:34px;height:18px;position:relative;box-shadow:inset 0 1px 2px #78350f33}.global-theme-toggle__thumb{background:#fff;border-radius:999px;width:12px;height:12px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #0f172a38}.global-theme-toggle--dark{color:#e2e8f0;background:#0f172ad1;border-color:#60a5fa47}.global-theme-toggle--dark .global-theme-toggle__track{background:linear-gradient(135deg,#1e3a8a,#111827)}.global-theme-toggle--dark .global-theme-toggle__thumb{transform:translate(16px)}.global-theme-toggle--light .global-theme-toggle__icon--moon,.global-theme-toggle--dark .global-theme-toggle__icon--sun{opacity:.48;transform:scale(.92)}.floating-promo-card{z-index:92;color:#172033;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fffffffa,#f8fafcf0),#fff;border:1px solid #d6dfecf0;border-radius:22px;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:14px;width:min(460px,100vw - 48px);min-height:96px;padding:15px 18px;text-decoration:none;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s,border-color .26s,background .26s;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(0)scale(1);box-shadow:0 18px 48px #0f172a2e,inset 0 1px #fffffffa}.floating-promo-card:hover{border-color:#97b8edf5;transform:translateY(-8px)scale(1.018);box-shadow:0 28px 70px #2563eb38,inset 0 1px #fff}body.yky-promo-hidden-on-canvas .floating-promo-card,body.yky-promo-hidden-on-home .floating-promo-card,body.yky-promo-hidden-in-material-folder .floating-promo-card{opacity:0;pointer-events:none;transform:translateY(12px)scale(.96)}.floating-promo-card__logo{color:#fff;background:radial-gradient(circle at 70% 24%,#60a5fa47,#0000 34%),linear-gradient(145deg,#101827,#172033);border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 30px #0f172a3d,inset 0 1px #ffffff1f}.floating-promo-card__logo svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #ffffff57);width:28px;height:28px}.floating-promo-card:hover .floating-promo-card__logo{animation:1.25s ease-in-out infinite floating-promo-logo-glow}.floating-promo-card:hover .floating-promo-card__logo svg{animation:1.05s ease-in-out infinite floating-promo-sparkle}.floating-promo-card__content{gap:3px;min-width:0;font-family:YouYuan,幼圆,SF Pro Rounded,Arial Rounded MT Bold,Microsoft YaHei UI,PingFang SC,sans-serif;display:grid}.floating-promo-card__content strong,.floating-promo-card__content span,.floating-promo-card__content em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.floating-promo-card__content strong{color:#112446;letter-spacing:.01em;font-size:clamp(14px,1.02vw,17px);font-weight:900}.floating-promo-card__content span{color:#1e3a8a;font-size:clamp(13px,.96vw,16px);font-weight:860}.floating-promo-card__content em{color:#172033;font-size:clamp(12px,.9vw,15px);font-style:normal;font-weight:830}.floating-promo-card__arrow{color:#52627a;font-size:40px;font-weight:300;line-height:1;transition:transform .22s,color .22s;transform:translateY(-2px)}.floating-promo-card:hover .floating-promo-card__arrow{color:#1d4ed8;transform:translate(4px,-2px)}body.dark .floating-promo-card{color:#fff;background:radial-gradient(circle at 18% 10%,#60a5fa6b,#0000 36%),linear-gradient(135deg,#1d4ed8fa 0%,#1e40aff5 46%,#0f172afa 100%);border-color:#93c5fd61;box-shadow:0 22px 58px #00000057,0 0 26px #2563eb3d,inset 0 1px #ffffff29}body.dark .floating-promo-card:hover{border-color:#ffffffeb;box-shadow:0 30px 76px #2563eb5c,0 0 0 1px #ffffffad,0 0 34px #ffffff47,inset 0 1px #ffffff3d}body.dark .floating-promo-card__logo{background:radial-gradient(circle at 68% 22%,#ffffff3d,#0000 34%),linear-gradient(145deg,#0f172af5,#1e40afe0);box-shadow:0 14px 30px #00000042,inset 0 1px #fff3}body.dark .floating-promo-card__content strong,body.dark .floating-promo-card__content span,body.dark .floating-promo-card__content em,body.dark .floating-promo-card__arrow{color:#fff;text-shadow:0 2px 10px #0f172a52}body.dark .floating-promo-card:hover .floating-promo-card__arrow{color:#fff}@keyframes floating-promo-logo-glow{0%,to{box-shadow:0 14px 30px #0f172a3d,0 0 #60a5fa00,inset 0 1px #ffffff1f}50%{box-shadow:0 18px 36px #0f172a47,0 0 26px #60a5fa75,inset 0 1px #ffffff2e}}@keyframes floating-promo-sparkle{0%,to{opacity:.72;transform:scale(.92)rotate(-4deg)}45%{opacity:1;transform:scale(1.08)rotate(4deg)}}@media (width<=720px){.floating-promo-card{border-radius:20px;grid-template-columns:46px minmax(0,1fr) 20px;gap:12px;width:calc(100vw - 28px);min-height:86px;padding:13px 15px;bottom:14px;right:14px}.floating-promo-card__logo{border-radius:14px;width:46px;height:46px}.floating-promo-card__logo svg{width:27px;height:27px}.floating-promo-card__content strong{font-size:15px}.floating-promo-card__content span,.floating-promo-card__content em{font-size:14px}.floating-promo-card__arrow{font-size:34px}}body.dark .sidebar__brand-title{color:#f8fafc}body.dark .nav-pill{background:#1e293bb8}body.dark .nav-pill--active{background:linear-gradient(135deg,#3b82f647,#0f172adb)}body.dark .nav-subpill--active,body.dark .sidebar__meta,body.dark .status-chip,body.dark .status-pill,body.dark .notice{background:#1e293bd1;border-color:#64748b57}body.dark .nav-caret{background:#1e293beb;box-shadow:inset 0 1px #94a3b829,0 12px 24px #0000002e}body.dark .nav-caret:before{border-color:#cbd5e1}body.dark input,body.dark textarea,body.dark select{color:#e5edf9;background:#0f172ac7;border-color:#64748b66}body.dark input::placeholder,body.dark textarea::placeholder{color:#7f8da3}body.dark .primary-button,body.dark .generate-button{color:#f8fafc;background:linear-gradient(135deg,#1d4ed8,#172554);box-shadow:0 12px 28px #1d4ed838}body.dark .secondary-button{color:#bfdbfe;background:#1e293bd1;border-color:#475569d1}body.dark .field span,body.dark .editor-control__label,body.dark .eyebrow,body.dark .toggle,body.dark .canvas-project-card__meta p{color:#9fb0c8}body.dark .field input,body.dark .field textarea,body.dark .field select,body.dark .inline-field input,body.dark .mini-select select,body.dark .composer-input{color:#eaf2ff;background:#0f172adb;border-color:#475569d1}body.dark .history-item,body.dark .preset-card,body.dark .provider-card{color:#dbeafe;background:#0f172ad1;border-color:#475569cc}body.dark .canvas-projects-grid--history,body.dark .presets-shell__themes{border-color:#475569b8}body.dark .canvas-project-card__preview{background:#0f172ac7;border-color:#475569db;box-shadow:0 16px 34px #00000047}body.dark .canvas-project-card--current .canvas-project-card__preview{border-color:#60a5fa75;box-shadow:0 18px 38px #2563eb2e}body.dark .canvas-project-card__placeholder,body.dark .canvas-project-card__preview--new{background:linear-gradient(#1e293bdb,#0f172af0)}body.dark .canvas-project-card__plus{color:#93c5fd}body.dark .provider-model-section,body.dark .presets-theme-create,body.dark .presets-content-create{background:#0206176b;border-color:#475569c2;box-shadow:inset 0 1px #94a3b814}body.dark .provider-model-section__header{color:#e5edf9}body.dark .presets-theme-item{color:#e5edf9;background:#0f172ab8;border-color:#475569b8}body.dark .presets-theme-item:hover,body.dark .presets-theme-item--active{background:linear-gradient(135deg,#2563eb42,#0f172aeb);border-color:#60a5fa66;box-shadow:0 18px 34px #00000038}body.dark .preset-delete-button,body.dark .editor-prompt__slash-trigger{color:#cbd5e1;background:#1e293bd1;border-color:#475569c7;box-shadow:inset 0 1px #94a3b814,0 12px 24px #0000002e}body.dark .preset-card__prompt{color:#cbd5e1;background:#0206176b;border-color:#475569b8}body.dark .prompt-presets{background:#0f172af5;border-color:#475569d1;box-shadow:0 18px 34px #00000047}body.dark .prompt-presets__option{background:#1e293bbd;border-color:#47556985}body.dark .prompt-presets__option:hover,body.dark .prompt-presets__option--active{background:#2563eb38;border-color:#60a5fa6b}body.dark .prompt-presets__theme-chip{color:#bfdbfe;background:#1e3a8a61;border-color:#60a5fa52}body.dark .material-folder-card,body.dark .material-pocket-create-card,body.dark .material-folder-card__meta,body.dark .material-pocket-flowbar,body.dark .material-pocket-menu,body.dark .material-pocket-inline-editor{color:#e5edf9;background:#0f172ad1;border-color:#475569c7}body.dark .material-folder-card__meta span,body.dark .material-pocket-create-card .material-folder-card__meta span,body.dark .material-image-card span{color:#9fb0c8}body.dark .material-pocket-menu button:hover{background:#1e3a8a47}.auth-shell{background:linear-gradient(135deg,#1f3b7314,#0f766e14),#f4f7fb;place-items:center;min-height:100%;padding:24px;display:grid}.auth-panel{background:#fffffff0;border:1px solid #94a3b847;border-radius:8px;gap:18px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 70px #0f172a1f}.auth-panel h1{letter-spacing:0;color:#172033;margin:0;font-size:30px}.auth-panel p{color:#64748b;margin:6px 0 0}.auth-field{color:#334155;gap:8px;font-size:14px;display:grid}.auth-field input{color:#172033;background:#fff;border:1px solid #94a3b857;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px}.auth-field input:focus{border-color:#1f3b738c;box-shadow:0 0 0 3px #1f3b731f}.auth-error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:10px 12px;font-size:14px}.auth-submit,.auth-switch{border-radius:8px;height:42px}.auth-submit{color:#fff;background:#1f3b73}.auth-submit:disabled{cursor:wait;opacity:.7}.auth-switch{color:#1f3b73;background:#eef4ff}.sidebar__user{color:#64748b;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.sidebar__user-actions{flex:none;align-items:center;gap:6px;display:flex}.sidebar__user span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar__user button{color:#1f3b73;background:#1f3b7314;border-radius:8px;flex:none;height:28px;padding:0 10px}.user-password-modal{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.user-password-card{background:#fffffff5;border:1px solid #cbd5e1e6;border-radius:18px;gap:14px;width:min(420px,100%);padding:22px;display:grid;box-shadow:0 28px 80px #0f172a38}.user-password-card__header,.user-password-card__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-password-card__header h3{color:#172033;margin:0;font-size:22px}.user-password-card__header p{color:#64748b;margin:4px 0 0;font-size:13px}.user-password-card__header button{color:#64748b;background:#f1f5f9;border-radius:10px;width:32px;height:32px;font-size:20px}.user-password-card__actions{justify-content:flex-end}.user-password-card__actions .auth-submit,.user-password-card__actions .auth-switch{min-width:104px;padding:0 14px}.node-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.node-scroll::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.node-scroll::-webkit-scrollbar-thumb{background:var(--color-scrollbar,#d1d5db);border-radius:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-scrollbar,#d1d5db);border-radius:6px}.node-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover,#9ca3af)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover,#9ca3af)}.grid-pattern{background-size:20px 20px;background-image:radial-gradient(var(--grid-color,var(--color-grid,#e4e4e7)) 1px, transparent 1px)}.tapnow-world-layer{transform-origin:0 0;text-rendering:geometricprecision;will-change:transform;backface-visibility:hidden;overflow:visible}.tapnow-world-layer img,.tapnow-world-layer video{image-rendering:auto}.tapnow-world-layer .lucide{shape-rendering:geometricprecision;vector-effect:non-scaling-stroke}.tapnow-viewport-moving .tapnow-world-layer,.tapnow-viewport-moving .tapnow-world-layer *{transition:none!important;animation:none!important}.tapnow-viewport-moving .tapnow-world-layer *{box-shadow:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important}.tapnow-viewport-moving .sidebar,.tapnow-viewport-moving .content,.tapnow-viewport-moving .panel{-webkit-backdrop-filter:none!important}.tapnow-viewport-moving .tapnow-world-layer .result-loading-blur{filter:blur(34px)saturate(78%)brightness(.88)!important}.tapnow-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px}.original-image-controls{align-items:stretch}.original-image-controls .channel-trigger>span:first-of-type,.original-image-controls .model-trigger>span:first-of-type,.original-image-controls .count-trigger>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.original-image-controls>.relative{min-width:0}.original-image-node div[class*=left-1\.5][class*=top-1\.5][class*="text-[10px]"]{display:none!important}.original-image-node--selected:before{content:"";z-index:18;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 12%, #fffffff2, transparent 16%), conic-gradient(from var(--selected-border-angle,0deg), #60a5fa29 0deg, #22d3eefa 46deg, #fff 86deg, #6366f1fa 142deg, #0ea5e9d6 210deg, #fffffff5 266deg, #3b82f66b 318deg, #60a5fa29 360deg);-webkit-mask-composite:xor;padding:3.5px;animation:2.45s linear infinite selected-node-border-flow;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --selected-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes selected-node-border-flow{to{--selected-border-angle:360deg}}.upload-placeholder-btn>span,.non-result-loading span{display:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,#0000,#00000008,#0000) 0 0/200% 100%;animation:2s infinite shimmer}body.dark .animate-shimmer{background:linear-gradient(90deg,#0000,#ffffff0d,#0000) 0 0/200% 100%}.focus-ring{outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px #3b82f6}.shell{grid-template-columns:224px minmax(0,1fr);gap:12px;height:100vh;padding:12px;transition:grid-template-columns .28s,gap .28s,padding .28s;display:grid;position:relative}.shell--canvas{grid-template-columns:0 minmax(0,1fr);gap:0;padding:0}.shell-loading{min-height:100vh;color:var(--text-secondary);place-items:center;display:grid}.sidebar,.content,.panel{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.sidebar{border-radius:24px;flex-direction:column;gap:18px;min-width:0;padding:18px 16px;transition:opacity .22s,transform .28s,padding .28s,border-radius .28s,border-color .22s;display:flex;overflow:hidden}.sidebar--hidden{opacity:0;pointer-events:none;box-shadow:none;border-color:#0000;padding-left:0;padding-right:0;transform:translate(-28px)scale(.98)}.sidebar__brand{align-items:center;gap:14px;display:flex}.sidebar__brand--nameonly{text-align:center;justify-content:center;align-items:center;width:100%;padding:14px 0 20px;display:flex}.sidebar__brand-title{color:#111;text-align:center;letter-spacing:.015em;word-break:keep-all;white-space:nowrap;width:auto;max-width:none;margin:0;padding:0 10px;font-family:YouYuan,幼圆,SF Pro Rounded,Arial Rounded MT Bold,Microsoft YaHei UI,PingFang SC,sans-serif;font-size:34px;font-weight:720;line-height:1.16;display:inline-block}.sidebar__logo{color:#0f172a;letter-spacing:.08em;background:linear-gradient(135deg,#fff,#e2e8f0);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.eyebrow{color:#98a5bb;text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:11px}.sidebar h1,.topbar h2,.panel h3,.panel h4,.chat-intro h3,.chat-empty h4{color:var(--text-main);margin:0}.sidebar__nav,.history-list,.preset-list,.provider-grid,.guide-list,.stack{gap:10px;display:grid}.nav-group{gap:6px;display:grid}.nav-pill{text-align:left;color:var(--text-main);background:#ffffff73;border-radius:16px;gap:2px;padding:12px 14px;display:grid}.nav-pill span,.nav-subpill,.editor-control span,.fancy-select__value,.generate-button,.primary-button,.secondary-button,.editor-result__placeholder-title{font-family:YouYuan,幼圆,SF Pro Rounded,Arial Rounded MT Bold,Microsoft YaHei UI,PingFang SC,sans-serif}.nav-pill span,.nav-subpill,.generate-button,.primary-button,.secondary-button{font-weight:680}.nav-pill--toggle{grid-template-columns:minmax(0,1fr) auto;align-items:center}.nav-pill--active{background:linear-gradient(135deg,#fff,#edf2f7)}.nav-pill small,.muted{color:var(--text-secondary)}.nav-submenu{gap:4px;padding-left:8px;display:grid}.nav-subpill{text-align:left;color:var(--text-secondary);background:0 0;border-radius:14px;padding:9px 13px;font-size:14px}.nav-subpill--active{color:var(--text-main);background:#ffffffb8;border:1px solid #cbd5e1b3}.nav-caret{color:#0000;background:linear-gradient(#ffffffeb,#f2f6fce6);border-radius:999px;place-items:center;width:42px;height:42px;font-size:0;transition:transform .16s,background .16s,box-shadow .16s;display:inline-grid;position:relative;box-shadow:inset 0 1px #fffffff2,0 12px 24px #94a3b829}.nav-caret:before{content:"";border-bottom:4px solid #5f6f89;border-right:4px solid #5f6f89;border-radius:4px;width:12px;height:12px;transition:transform .16s;transform:rotate(-45deg)}.nav-caret--open:before{transform:rotate(45deg)}.sidebar__meta{background:#f8fafcd9;border-radius:18px;margin-top:auto;padding:14px}.sidebar__meta p{margin:0 0 8px}.content{border-radius:28px;flex-direction:column;gap:12px;min-height:0;padding:16px;transition:border-radius .28s,padding .28s,box-shadow .28s,border-color .22s,background .22s;display:flex;position:relative;overflow:hidden}.content--canvas{box-shadow:none;background:0 0;border-color:#0000;border-radius:0;padding:0}.canvas-back-button{z-index:120;color:#f8fafc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ac2;border-radius:999px;padding:10px 14px;position:absolute;top:18px;right:18px;box-shadow:0 14px 36px #0f172a33}.content--canvas>:not(.canvas-back-button){animation:.32s cubic-bezier(.2,.8,.2,1) canvas-expand-in}@keyframes canvas-expand-in{0%{opacity:.72;transform:scale(.985)translate(16px)}to{opacity:1;transform:scale(1)translate(0)}}.topbar,.panel__header,.history-item__body,.history-item__footer,.provider-card__header,.preset-card__footer,.inline-field{justify-content:space-between;align-items:center;gap:14px;display:flex}.history-item__actions{align-items:center;gap:10px;display:flex}.topbar__status{flex-wrap:wrap;gap:10px;display:flex}.status-chip,.status-pill{color:var(--text-secondary);white-space:nowrap;background:#ffffffc7;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.status-pill--error,.notice--error,.secondary-button--danger{color:var(--danger)}.notice{border:1px solid var(--border);background:#ffffffb8;border-radius:16px;padding:10px 12px}.grid{gap:18px;min-height:0;display:grid}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:24px;min-height:0;padding:16px;overflow:auto}.panel--workspace{flex:auto;height:100%;min-height:0;overflow:hidden}.canvas-projects-panel{grid-template-rows:auto auto minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid}.canvas-projects-grid{grid-template-columns:repeat(auto-fill,minmax(248px,248px));place-content:start;gap:16px;min-height:0;padding:16px 2px 12px;display:grid;overflow:auto}.canvas-projects-grid--primary{grid-template-columns:repeat(auto-fill,minmax(248px,248px));padding-top:8px;padding-bottom:6px;overflow:visible}.canvas-projects-grid--history{border-top:1px solid #cbd5e161;padding-top:16px}.canvas-project-card--current .canvas-project-card__preview{border-color:#3b82f659;box-shadow:0 14px 26px #2563eb1f}.canvas-project-card{will-change:transform;border-radius:18px;transition:transform .32s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:visible}.canvas-project-card:hover{transform:translateY(-3px)scale(1.006)}.canvas-project-card__open{text-align:left;color:var(--text-main);background:0 0;border:none;border-radius:18px;gap:10px;padding:0;display:grid}.canvas-project-card__delete-hotspot{z-index:2;border-radius:0 18px 0 22px;width:56px;height:56px;position:absolute;top:0;right:0}.canvas-project-card__delete{color:#fff;cursor:pointer;z-index:3;opacity:0;pointer-events:none;background:#0f172ac7;border:1px solid #0f172a2e;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;font-weight:700;line-height:1;transition:transform .18s,background .14s,opacity .18s;display:inline-flex;position:absolute;top:-9px;right:-9px;transform:scale(.86);box-shadow:0 8px 18px #0f172a38}.canvas-project-card__delete-hotspot:hover+.canvas-project-card__delete,.canvas-project-card__delete:hover,.canvas-project-card__delete:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}.canvas-project-card__delete:hover{background:#000000e0;transform:scale(1.08)}.canvas-project-card__preview{aspect-ratio:16/9;background:#ffffffd9;border:1px solid #cbd5e1e6;border-radius:16px;place-items:center;width:100%;transition:box-shadow .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden;box-shadow:0 10px 22px #0f172a0f}.canvas-project-card:hover .canvas-project-card__preview{transform:translateY(-1px);box-shadow:0 18px 34px #0f172a21}.canvas-project-card__preview img{object-fit:cover;width:100%;height:100%}.canvas-project-card__placeholder{background:linear-gradient(#f8fafdf2,#f1f6fcf2);width:100%;height:100%}.canvas-project-card__preview--new{background:#f8fafde6;border-style:dashed}.canvas-project-card__plus{color:#9aa8bf;font-size:42px;line-height:1}.canvas-project-card__meta{gap:2px;font-family:SF Pro Rounded,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei UI,Noto Sans SC,sans-serif;display:grid}.canvas-project-card__meta h4{color:var(--text-main);letter-spacing:.01em;margin-top:15px;font-size:clamp(18px,1.35vw,26px);font-weight:650;line-height:1.24}.canvas-project-card__meta p{color:var(--text-secondary);letter-spacing:.01em;margin:0;font-size:clamp(12px,.9vw,15px)}.material-pocket-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;display:grid;overflow:hidden}.material-pocket-panel__header{margin-bottom:0}.material-pocket-panel__header p{margin:6px 0 0;font-size:14px}.material-pocket-panel__actions{align-items:center;gap:10px;display:flex}.material-pocket-folder-grid{grid-template-columns:repeat(auto-fill,minmax(216px,216px));place-content:start;gap:20px;min-height:0;padding:6px 4px 12px;display:grid;overflow:auto}.material-folder-card{text-align:left;height:248px;min-height:248px;color:var(--text-main);background:#fffffffa;border:1px solid #c6d0e0d6;border-radius:20px;grid-template-rows:158px minmax(0,1fr);gap:0;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid;overflow:hidden;box-shadow:0 10px 24px #0f172a0f}.material-folder-card:hover{border-color:#3b82f657;transform:translateY(-3px);box-shadow:0 18px 34px #0f172a1f}.material-pocket-create-card{text-align:center;box-shadow:none;background:#fafcfffa;border-style:dashed;border-color:#c4cfdef5}.material-pocket-create-card .material-folder-card__icon--new{width:100%;height:100%;min-height:158px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.material-pocket-create-card .material-folder-card__meta--create span{visibility:visible}.material-pocket-create-card .material-folder-card__meta{text-align:center;align-content:start;justify-items:center;padding:12px 16px 16px}.material-pocket-create-card .material-folder-card__meta strong{text-align:center;letter-spacing:0;width:100%;font-size:18px;line-height:1.14}.material-pocket-create-card .material-folder-card__meta span{color:#7f8ea7;margin-top:4px;font-size:12px}.material-pocket-create-card .material-folder-card__icon--new:before{content:"";background:linear-gradient(#f7fafffa,#eef4fcfa);border:1px solid #cedaeaf2;border-radius:999px;width:56px;height:56px;box-shadow:inset 0 1px #fffffff2}.material-pocket-create-card .material-folder-plus-line{z-index:1;background:#4f74a9;top:50%;left:50%;transform:translate(-50%,-50%)}.material-pocket-create-card .material-folder-plus-line--h{width:24px;height:3px}.material-pocket-create-card .material-folder-plus-line--v{width:3px;height:24px}.material-folder-card__icon{background:linear-gradient(#153843f7,#183d4af5);border-bottom:1px solid #cbd5e18f;width:100%;height:158px;min-height:158px;display:block;position:relative;overflow:hidden}.material-folder-card:not(.material-pocket-create-card) .material-folder-card__icon{width:calc(100% + 2px);margin-left:-1px}.material-folder-card__cover{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.material-folder-card:not(.material-pocket-create-card) .material-folder-card__cover{transform-origin:50%;transform:scale(1.05)}.material-folder-card__icon--new{width:100%;height:100%}.material-folder-plus-line{background:#8fa0ba;border-radius:999px;position:absolute}.material-folder-plus-line--h{width:88px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.material-folder-plus-line--v{width:10px;height:88px;top:50%;left:50%;transform:translate(-50%,-50%)}.material-folder-icon{pointer-events:none;display:block;position:absolute}.material-folder-icon--body{background:linear-gradient(#f4c641 0%,#eab12b 100%);border-radius:12px;width:98px;height:62px;top:42px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff6d8eb,0 8px 16px #aa7a1129}.material-folder-icon--tab{background:linear-gradient(#f7d662 0%,#f2c84c 100%);border-radius:8px 8px 0 0;width:44px;height:12px;top:34px;left:calc(50% - 38px);box-shadow:inset 0 1px #fffce7e6}.material-folder-icon--shine{background:linear-gradient(#fff8dc85,#fff8dc00);border-radius:10px;width:94px;height:16px;top:44px;left:50%;transform:translate(-50%)}.material-folder-card__meta{background:#fffffffa;align-content:start;align-self:stretch;gap:2px;padding:10px 12px 12px;font-family:SF Pro Rounded,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei UI,Noto Sans SC,sans-serif;display:grid}.material-folder-card__meta strong{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-size:16px;font-weight:640;line-height:1.2;overflow:hidden}.material-folder-card__meta span{color:#73839e;letter-spacing:.01em;font-size:12px}.material-pocket-images-shell{min-height:0;overflow:hidden auto}.material-pocket-images-grid{column-width:280px;column-gap:14px;width:100%;padding:6px 4px 12px;display:block}.material-image-card{text-align:left;width:100%;min-width:0;color:var(--text-main);break-inside:avoid;-webkit-column-break-inside:avoid;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 14px;transition:transform .16s;display:inline-block;overflow:visible}.material-image-card:hover{transform:translateY(-2px)}.material-image-card__media{background:0 0;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}.material-image-card img{object-fit:cover;background:0 0;border-radius:12px;width:100%;height:auto}.material-image-card span{white-space:nowrap;text-overflow:ellipsis;padding:6px 2px 0;font-size:12px;font-weight:580;display:block;overflow:hidden}.material-image-card--selected{box-shadow:none}.material-image-card--selected .material-image-card__media{box-shadow:0 0 0 2px #2563eb8f}.material-pocket-images-grid>*{max-width:100%}.material-pocket-flowbar{background:#ffffffe0;border:1px solid #cbd5e1d1;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.material-pocket-menu{z-index:210;background:#fffffff7;border:1px solid #cbd5e1e6;border-radius:12px;min-width:144px;padding:6px;position:fixed;box-shadow:0 12px 28px #0f172a26}.material-pocket-menu button{text-align:left;width:100%;color:var(--text-main);background:0 0;border-radius:8px;padding:8px 10px;font-size:13px}.material-pocket-menu button:hover{background:#f1f5f9eb}.material-pocket-inline-editor{z-index:220;background:#fffffffa;border:1px solid #cbd5e1f2;border-radius:14px;gap:8px;width:min(320px,100vw - 24px);padding:10px;display:grid;position:fixed;box-shadow:0 20px 36px #0f172a2e}.material-pocket-inline-editor h4{margin:0;font-size:15px;font-weight:700}.material-pocket-inline-editor input{width:100%;color:var(--text-main);background:#f8fafdf2;border:1px solid #cbd5e1f2;border-radius:10px;padding:8px 10px}.material-pocket-inline-editor__actions{justify-content:flex-end;gap:8px;display:flex}.canvas-projects-panel .panel__header h3{letter-spacing:.01em;font-family:SF Pro Rounded,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei UI,Noto Sans SC,sans-serif;font-weight:620}.canvas-screen{background:radial-gradient(circle at 0 0,#22c55e12,#0000 28%),radial-gradient(circle at 100% 100%,#3b82f61f,#0000 32%),#0a0e17f0;padding:10px}.canvas-shell{grid-template-rows:auto minmax(0,1fr);gap:14px;height:100%;min-height:0;display:grid}.canvas-toolbar{color:#e2e8f0;background:#0f172ac7;border:1px solid #94a3b82e;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex;box-shadow:0 18px 40px #02061747}.canvas-toolbar__eyebrow,.canvas-node__eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#94a3b8eb;margin:0 0 6px;font-size:11px}.canvas-toolbar__title{color:#f8fafc;margin:0;font-size:28px;line-height:1.1}.canvas-toolbar__hint{color:#e2e8f0bd;max-width:680px;margin:8px 0 0}.canvas-toolbar__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.canvas-action{color:#04111f;background:linear-gradient(135deg,#38bdf8,#14b8a6);border-radius:999px;padding:11px 16px;font-weight:700;box-shadow:0 10px 24px #14b8a638}.canvas-action--ghost{color:#e2e8f0;background:#ffffff14;box-shadow:inset 0 0 0 1px #94a3b824}.canvas-action--danger{color:#fecaca;background:#ef444429;box-shadow:inset 0 0 0 1px #f8717129}.canvas-stage{cursor:grab;background-color:#0b1120;background-image:linear-gradient(#94a3b817 1px,#0000 1px),linear-gradient(90deg,#94a3b817 1px,#0000 1px);border:1px solid #94a3b82e;border-radius:28px;min-height:0;position:relative;overflow:hidden}.canvas-stage:active,.canvas-stage.is-panning{cursor:grabbing}.canvas-stage__connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-world{transform-origin:0 0;position:absolute;inset:0}.canvas-status{color:#cbd5e1;background:#0f172ac7;border-radius:999px;gap:8px;padding:10px 12px;font-size:12px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 28px #02061747}.canvas-node{color:#e2e8f0;background:#0f172af0;border:1px solid #94a3b82e;border-radius:24px;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;overflow:visible;box-shadow:0 20px 48px #02061766}.canvas-node.is-selected{box-shadow:0 0 0 1px #38bdf8cc,0 18px 50px #0ea5e933}.canvas-node--prompt{background:linear-gradient(#082f49f5,#0f172af0)}.canvas-node--note{background:linear-gradient(#431407eb,#1c1917f0)}.canvas-node--image{background:linear-gradient(#164e63f0,#0f172af0)}.canvas-node__header{cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.canvas-node__header:active{cursor:grabbing}.canvas-node__title{color:#f8fafc;margin:0;font-size:17px}.canvas-node__close{color:#e2e8f0;background:#ffffff14;border-radius:999px;width:28px;height:28px;font-size:18px;line-height:1}.canvas-node__body{min-height:0;padding:0 18px 18px}.canvas-node__textarea{resize:none;color:#f8fafc;background:#ffffff0f;border:1px solid #94a3b829;border-radius:18px;outline:none;width:100%;height:100%;min-height:120px;padding:14px 15px}.canvas-node__textarea::placeholder{color:#e2e8f066}.canvas-node__image-wrap{background:#ffffff0a;border-radius:18px;height:100%;overflow:hidden}.canvas-node__image{object-fit:cover;width:100%;height:100%}.canvas-node__port{background:#0f172a;border:2px solid #e2e8f0bf;border-radius:999px;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 6px #38bdf814}.canvas-node__port--input{left:-8px}.canvas-node__port--output{right:-8px}.canvas-node__port:hover{border-color:#67e8f9;box-shadow:0 0 0 8px #22d3ee24}.canvas-connection{pointer-events:auto;cursor:pointer}.canvas-connection__stroke{fill:none;stroke:#94a3b8bf;stroke-width:2.5px}.canvas-connection__hitbox{fill:none;stroke:#0000;stroke-width:14px}.canvas-connection:hover .canvas-connection__stroke{stroke:#67e8f9}.canvas-connection__preview{fill:none;stroke:#67e8f9e6;stroke-width:2.5px;stroke-dasharray:8 8}.panel__header{margin-bottom:12px}.field{gap:6px;display:grid}.field span{color:var(--text-secondary);font-size:14px}.field input,.field textarea,.field select,.inline-field input,.mini-select select,.composer-input{width:100%;color:var(--text-main);background:#ffffffdb;border:1px solid #cbd5e1e6;border-radius:16px;outline:none;padding:10px 14px}.field textarea{resize:vertical;min-height:72px}.primary-button,.secondary-button,.generate-button{border-radius:16px;padding:10px 14px}.primary-button,.generate-button{color:#fff;background:linear-gradient(135deg,#0f172a,#24344f)}.secondary-button{color:var(--text-main);background:#ffffffe0;border:1px solid #cbd5e1cc}.history-item,.preset-card,.provider-card{border:1px solid var(--border);background:#ffffffb8;border-radius:22px;padding:14px}.history-item__gallery{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0;display:grid}.history-item__gallery img{object-fit:cover;aspect-ratio:1;border-radius:18px}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.toggle{color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}.provider-model-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.provider-model-columns--top{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-model-section{background:#f8fafcb8;border:1px solid #cbd5e1b8;border-radius:14px;gap:8px;padding:10px 10px 12px;display:grid}.provider-model-section__header{color:var(--text-main);justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.provider-model-section__add{border-radius:10px;min-width:36px;min-height:32px;padding:4px 10px}.provider-model-section__list{gap:8px;max-height:270px;padding-right:2px;display:grid;overflow-y:auto}.provider-model-section--video{margin-top:10px}.provider-model-section__list--video{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.provider-actions-row{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}@media (width<=1280px){.provider-model-columns,.provider-model-section__list--video{grid-template-columns:1fr}}.guide-list{padding-left:18px}.guide-list h4,.guide-list p{margin:0 0 8px}.empty-state{color:var(--text-secondary);text-align:center;max-width:520px;margin:auto}.feature-placeholder{grid-template-rows:auto minmax(0,1fr);display:grid}.image-editor-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(520px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:22px;height:100%;min-height:0;padding:8px 4px;display:grid}.image-editor-left{grid-template-rows:minmax(240px,.95fr) minmax(180px,.8fr) auto auto;gap:14px;height:100%;min-height:0;display:grid}.editor-box{background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:24px;box-shadow:0 12px 30px #0f172a0f}.editor-upload,.editor-result{padding:16px}.retouch-stage{min-height:280px;padding:16px}.retouch-preview{grid-template-rows:minmax(0,1fr) auto;gap:12px;height:100%;display:grid}.retouch-preview__surface{background:linear-gradient(#fbfcfe 0%,#f4f7fb 100%);border:1px solid #e2e8f0eb;border-radius:20px;width:100%;min-height:220px;padding:16px;position:relative;overflow:hidden}.retouch-preview__hero-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffffc2;border:1px solid #e2e8f0eb;border-radius:16px;padding:12px 14px;position:absolute;inset:auto 16px 16px}.retouch-preview__hero-title{color:var(--text-main);font-size:15px;font-weight:600}.retouch-preview__actions{gap:10px;display:flex}.retouch-preview__actions--hint{justify-content:center}.retouch-mask-overlay{z-index:900;place-items:center;display:grid;position:fixed;inset:0}.retouch-mask-overlay__backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f1f5f9b8;position:absolute;inset:0}.retouch-mask-overlay__panel{z-index:1;background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:28px;grid-template-rows:auto minmax(0,1fr);gap:16px;width:min(1180px,100vw - 72px);height:min(820px,100vh - 72px);padding:18px;display:grid;position:relative;box-shadow:0 28px 70px #0f172a24}.retouch-mask-overlay__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.retouch-stage__inner{grid-template-rows:minmax(0,1fr) auto;gap:12px;height:100%;display:grid;position:relative}.retouch-stage__canvas-shell{cursor:grab;background:linear-gradient(#fbfcfe 0%,#f4f7fb 100%);border:1px solid #e2e8f0eb;border-radius:20px;place-items:center;min-height:220px;padding:16px;display:grid;position:relative;overflow:hidden}.retouch-stage__media-frame{width:auto;max-width:none;height:auto;max-height:none;display:inline-flex;position:absolute;top:50%;left:50%}.retouch-stage__image,.retouch-stage__mask{width:auto;max-width:none;height:auto;max-height:none}.retouch-stage__image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.retouch-stage__mask{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.retouch-stage__canvas-shell--draggable:active{cursor:grabbing}.retouch-stage__toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.retouch-stage__brush{color:var(--text-secondary);align-items:center;gap:10px;margin-left:auto;font-size:13px;display:inline-flex}.retouch-stage__brush input{width:140px}.retouch-stage__refs{z-index:4;gap:10px;display:grid;position:absolute;top:14px;right:14px}.retouch-stage__ref-card{background:#ffffffeb;border:1px solid #e2e8f0eb;border-radius:18px;width:88px;height:88px;position:relative;overflow:hidden;box-shadow:0 12px 24px #0f172a14}.retouch-stage__ref-card img{object-fit:cover;width:100%;height:100%}.editor-upload{width:100%;min-height:252px;position:relative;overflow:hidden}.editor-upload__empty{color:#95a2b8;background:linear-gradient(#fbfcfe 0%,#f4f7fb 100%);border:1px dashed #bfc9d8f2;border-radius:20px;place-items:center;width:100%;height:100%;min-height:196px;display:grid}.editor-upload__empty-plus{font-size:42px;line-height:1}.editor-upload__stack{perspective:1200px;width:100%;height:100%;min-height:238px;position:relative;overflow:hidden}.editor-upload__stack-item{height:99%;transform:translateY(-50%) rotate(var(--card-rotate,0deg));transform-origin:50%;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .18s;display:flex;position:absolute;top:50%;overflow:visible}.editor-upload__stack-card{pointer-events:auto;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;transition:transform .18s;display:inline-flex;position:relative}.editor-upload__stack-card:hover{transform:translateY(-4px)scale(1.01)}.editor-upload__stack-item:has(.editor-upload__stack-card:hover){z-index:120!important}.editor-upload__stack-card img{object-fit:contain;object-position:center center;width:100%;height:100%;box-shadow:none;background:0 0;border-radius:18px;padding:0;transition:transform .18s}.editor-upload__stack-card:hover img{box-shadow:none}.editor-upload__add{color:#4f617d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fffffff5 0%,#f4f7fbf0 100%);border:1px solid #ffffffe0;border-radius:20px;place-items:center;width:56px;height:56px;transition:all .16s;display:grid;box-shadow:0 14px 28px #0f172a1f}.editor-upload__add--floating{z-index:160;position:absolute;bottom:12px;left:12px}.editor-upload__add:hover{color:#31425f;border-color:#cdd6e2fa;transform:translateY(-2px)scale(1.02)}.editor-upload__add span{font-size:26px;line-height:1;transform:translateY(-1px)}.editor-upload__overlay-buttons{align-items:center;gap:8px;display:flex;position:absolute;top:10px;right:10px}.editor-upload__remove{color:#fff;opacity:0;background:#111827bd;border-radius:999px;place-items:center;width:28px;height:28px;font-size:18px;transition:opacity .14s,transform .14s;display:grid;transform:translateY(6px)}.editor-upload__mask{color:#334155;opacity:0;background:#ffffffeb;border-radius:999px;place-items:center;width:28px;height:28px;font-size:15px;transition:opacity .14s,transform .14s;display:grid;transform:translateY(6px);box-shadow:0 8px 20px #0f172a24}.editor-upload__stack-card:hover .editor-upload__remove,.editor-upload__stack-card:hover .editor-upload__mask{opacity:1;transform:translateY(0)}.editor-prompt{min-height:0;padding:14px 16px;position:relative;overflow:visible}.editor-prompt textarea{resize:none;width:100%;height:100%;min-height:100px;color:var(--text-main);background:0 0;border:none;outline:none;padding:6px 0 0;font-size:16px;font-weight:650;line-height:1.65}.editor-prompt textarea::placeholder{color:#8f9db4;font-weight:620}.editor-prompt__slash-trigger{color:#5a6c88;background:linear-gradient(#fffffff5,#f4f8fcf0);border:1px solid #d5deebf5;border-radius:16px;place-items:center;width:38px;height:38px;font-family:YouYuan,幼圆,SF Pro Rounded,Arial Rounded MT Bold,Microsoft YaHei UI,PingFang SC,sans-serif;font-size:22px;font-weight:760;line-height:1;transition:transform .16s,box-shadow .16s,color .16s;display:grid;position:absolute;top:14px;right:16px;box-shadow:inset 0 1px #fffffff5,0 12px 24px #0f172a14}.editor-prompt__slash-trigger:hover{color:#334861;transform:translateY(-1px);box-shadow:inset 0 1px #fffffffa,0 16px 28px #0f172a1f}.prompt-presets{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #cbd5e1eb;border-radius:18px;gap:8px;max-height:220px;padding:12px;display:grid;position:absolute;bottom:14px;left:14px;right:14px;overflow:auto;box-shadow:0 18px 34px #0f172a1f}.prompt-presets__hint{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:700}.prompt-presets__option{text-align:left;color:var(--text-main);background:#f6f9fde6;border:1px solid #0000;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.prompt-presets__option:hover,.prompt-presets__option--active{background:#fffffffa;border-color:#bfc9d8eb}.prompt-presets__name{color:var(--text-main);font-size:15px;font-weight:720}.prompt-presets__desc,.prompt-presets__empty{color:var(--text-secondary);font-size:13px}.prompt-presets__empty{padding:8px 2px 4px}.prompt-presets__theme-chip{color:#51617c;letter-spacing:.04em;background:#f0f5fcf5;border:1px solid #cdd6e4e6;border-radius:999px;justify-self:start;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.presets-shell{grid-template-columns:296px minmax(0,1fr);gap:18px;min-height:0;display:grid}.presets-shell__themes,.presets-shell__contents{align-content:start;gap:14px;min-height:0;display:grid}.presets-shell__themes{border-right:1px solid #e2e8f0cc;align-content:start;gap:16px;min-height:0;padding-right:6px;display:grid}.presets-theme-create,.presets-content-create{background:#f8fafdeb;border:1px solid #dce4f0e0;border-radius:20px;gap:10px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffd9}.presets-theme-create input,.presets-content-create input,.presets-content-create textarea{width:100%;color:var(--text-main);background:#fffffff5;border:1px solid #d1dae7f2;border-radius:16px;outline:none;padding:12px 14px}.presets-content-create textarea{resize:vertical;min-height:120px}.presets-theme-list,.presets-content-list{gap:10px;min-height:0;padding-right:4px;display:grid;overflow:auto}.presets-theme-list{padding-top:6px}.presets-theme-item{text-align:left;color:var(--text-main);background:#f8fafde6;border:1px solid #dfe6f0db;border-radius:18px;gap:4px;padding:14px 16px;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid}.presets-theme-item:hover,.presets-theme-item--active{background:#fffffffa;border-color:#b6c4daf2;transform:translateY(-1px);box-shadow:0 14px 30px #0f172a14}.presets-theme-item__name{font-size:16px;font-weight:700}.presets-theme-item__top,.preset-card__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.preset-card__title{min-width:0}.preset-card__actions{flex-shrink:0}.preset-delete-button{color:#7a879d;background:linear-gradient(#fffffff5,#f4f8fcf0);border:1px solid #d6dfecfa;border-radius:14px;flex:0 0 34px;place-items:center;width:34px;height:34px;transition:transform .16s,box-shadow .16s,color .16s,border-color .16s;display:inline-grid;box-shadow:inset 0 1px #fffffffa,0 12px 24px #0f172a14}.preset-delete-button:hover{color:#c2413a;border-color:#f0cbc7fa;transform:translateY(-1px);box-shadow:inset 0 1px #fffffffa,0 14px 28px #c2413a1f}.preset-delete-button svg{stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:17px;height:17px}.preset-card--content{padding:16px 18px}.preset-card__prompt{color:#4d5a73;white-space:pre-wrap;background:#f8fafde0;border:1px solid #e0e7f1d9;border-radius:16px;margin:0;padding:14px 16px;font-size:14px;line-height:1.7}.editor-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.editor-model-row{grid-template-columns:minmax(0,1fr);margin-top:2px;display:grid}.editor-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:72px;padding:0 16px;display:grid;position:relative}.editor-control__label{color:var(--text-secondary);white-space:nowrap;font-size:14px}.editor-actions{display:block}.editor-actions .generate-button{border-radius:18px;width:100%;min-height:56px}.generate-progress{background:linear-gradient(135deg,#0f172afa,#24344ffa);border-radius:18px;gap:10px;width:100%;min-height:56px;padding:12px 16px;display:grid;box-shadow:0 14px 28px #19274438}.generate-progress__top{color:#fffffff5;justify-content:space-between;align-items:center;font-size:14px;line-height:1;display:flex}.generate-progress__label{letter-spacing:.08em;font-weight:700}.generate-progress__time{font-variant-numeric:tabular-nums;color:#e2e8f0f5}.generate-progress__track{background:#ffffff29;border-radius:999px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff14}.generate-progress__fill{border-radius:inherit;background:linear-gradient(90deg,#d7e6ff,#fff 52%,#dce6fb);height:100%;transition:width .18s;box-shadow:0 0 20px #ffffff59}.editor-result{background:linear-gradient(#fff 0%,#fbfcfe 100%);grid-template-rows:minmax(0,1fr);gap:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.editor-result--empty{place-items:center}.editor-result__placeholder{background:radial-gradient(circle at top,#f3f7fff5,#fffffffc),#fffffff5;border-radius:26px;place-items:center;width:100%;height:100%;min-height:calc(100vh - 320px);padding:12px;display:grid;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #d2dcec85}.editor-result__placeholder-title{-webkit-backdrop-filter:blur(18px);color:#485876d1;letter-spacing:.12em;text-align:center;-webkit-user-select:none;user-select:none;text-shadow:0 8px 22px #d6dfec6b;background:linear-gradient(#ffffff85,#f0f6ff47);border-radius:999px;padding:18px 30px;font-family:SF Pro Rounded,PingFang SC,Segoe UI Variable Text,Microsoft YaHei UI,sans-serif;font-size:clamp(34px,4vw,54px);font-weight:500;box-shadow:0 20px 48px #cbd5e42e,inset 0 1px #ffffffc7,inset 0 0 0 1px #ffffff61}.editor-result__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-result__header-actions{align-items:center;gap:10px;display:flex}.editor-result__back{color:var(--text-main);background:#ffffffd6;border:1px solid #e2e8f0e6;border-radius:999px;padding:8px 12px;box-shadow:0 10px 24px #0f172a0f}.editor-result__overview,.editor-result__stage{background:radial-gradient(circle at 0 0,#f0f5ffe0,#0000 32%),linear-gradient(#fafcff 0%,#f4f7fb 100%);border:none;border-radius:26px;place-items:center;min-height:0;padding:10px;display:grid;position:relative;overflow:hidden}.editor-result__overview{align-content:stretch;gap:16px}.editor-result__overview--single{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:stretch stretch;padding:0}.editor-result__overview--duo{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-result__overview--quad{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.editor-result__card{width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:24px;place-items:center;padding:0;transition:transform .16s;display:grid;position:relative;overflow:hidden}.editor-result__card--single{border-radius:26px;place-self:stretch stretch;width:100%;height:100%;min-height:0}.editor-result__card--readonly{cursor:zoom-in}.editor-result__card:hover{transform:translateY(-3px)}.editor-result__card--active{box-shadow:none}.editor-result__card-image{object-fit:contain;object-position:center center;background:0 0;border-radius:24px;width:100%;height:100%}.editor-result__fit-stage{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.editor-result__fit-image{border-radius:24px;max-width:none;max-height:none;display:block;position:absolute;top:50%;left:50%}.editor-result__stage--focused{cursor:zoom-in;width:100%;min-width:0;position:relative}.editor-result__stage--draggable{cursor:grab}.editor-result__stage--draggable:active{cursor:grabbing}.editor-result__image{object-fit:contain;width:auto;max-width:none;height:auto;max-height:none;box-shadow:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:width, height, transform;backface-visibility:hidden;image-rendering:auto;border-radius:22px;transition:none;display:block;position:absolute;top:50%;left:50%}.editor-result__back--floating{z-index:30;position:absolute;top:12px;right:12px}.editor-result__menu{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #ffffffd1;border-radius:12px;min-width:92px;padding:5px;position:absolute;box-shadow:0 10px 24px #0f172a24}.editor-result__menu-item{text-align:left;width:100%;color:var(--text-main);background:0 0;border-radius:9px;padding:7px 9px;font-size:12px}.editor-result__menu-item:hover{background:#f2f6fb}.fancy-select{position:relative}.fancy-select__trigger{width:100%;min-height:48px;color:var(--text-main);background:#f8fafce0;border:1px solid #e2e8f0eb;border-radius:16px;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.fancy-select__value{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.fancy-select__chevron{color:#7b8aa4;transition:transform .15s}.fancy-select__chevron--open{transform:rotate(180deg)}.fancy-select__menu{z-index:20;background:#fffffffa;border:1px solid #e2e8f0fa;border-radius:18px;gap:4px;max-height:230px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:auto;box-shadow:0 24px 50px #0f172a24}.fancy-select__menu--top{top:auto;bottom:calc(100% + 10px)}.fancy-select__option{text-align:left;color:var(--text-main);background:0 0;border-radius:12px;padding:10px 12px}.fancy-select__option:hover,.fancy-select__option--active{background:#f2f6fb}.workspace-chat{grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0;display:grid;overflow:hidden}.workspace-chat__stream{align-content:start;gap:18px;min-height:0;padding:4px 10px 4px 4px;display:grid;overflow:auto}.chat-intro{padding:8px 4px 2px}.chat-intro p,.chat-empty p{color:var(--text-secondary);margin:6px 0 0}.chat-empty{text-align:center;background:#fff6;border:1px dashed #94a3b873;border-radius:28px;place-items:center;gap:8px;min-height:240px;display:grid}.chat-empty__icon{width:62px;height:62px;color:var(--accent);background:#ffffffe0;border-radius:20px;place-items:center;font-weight:700;display:grid}.chat-turn{gap:12px;display:grid}.chat-turn__user,.chat-turn__assistant{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid}.chat-avatar{color:#10203d;background:linear-gradient(135deg,#fff,#dbe5f3);border-radius:14px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.chat-avatar--assistant{color:#fff;background:linear-gradient(135deg,#162135,#334a76)}.chat-bubble{border:1px solid var(--border);border-radius:24px;padding:16px}.chat-bubble--user{background:#ffffffb3}.chat-bubble--assistant{background:#ffffffeb}.chat-bubble p{margin:0}.chat-tags,.chat-actions,.composer-pills,.composer-tabs,.composer-mode,.composer-uploads{flex-wrap:wrap;gap:8px;display:flex}.chat-tags,.chat-actions{margin-top:12px}.chat-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chat-gallery--single{grid-template-columns:minmax(0,360px)}.chat-gallery img{aspect-ratio:3/4;object-fit:cover;background:#f7f8fb;border:1px solid #e2e8f0d9;border-radius:20px;width:100%}.chat-reference{background:#f7f9fc;border-radius:16px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 10px;display:inline-flex}.chat-reference img{object-fit:cover;border-radius:12px;width:42px;height:42px}.workspace-composer{background:#fffffff5;border:1px solid #cbd5e1cc;border-radius:28px;gap:12px;padding:16px;display:grid;box-shadow:0 16px 38px #0f172a14}.composer-tab,.mode-pill{color:var(--text-secondary);background:0 0;border-radius:14px;padding:9px 12px}.composer-tab--active,.mode-pill--active{color:#2558c6;background:#edf3ff}.composer-input{resize:none;background:#fbfcfe;border-radius:18px;min-height:72px}.upload-token{min-height:52px;color:var(--text-main);background:#f7f9fc;border:1px solid #cbd5e1cc;border-radius:16px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.upload-token--image img{object-fit:cover;border-radius:12px;width:40px;height:40px}.upload-token__plus{background:#fff;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.composer-toolbar{grid-template-columns:auto 1fr auto;align-items:end;gap:12px;display:grid}.toolbar-cluster{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.toolbar-cluster--middle{justify-content:center}.toolbar-cluster--right{justify-content:flex-end}.mini-select{gap:6px;display:grid}.mini-select span{color:var(--text-secondary);font-size:12px}.mini-select select{min-width:108px;padding-right:32px}.mini-select--ghost select{background:#f8fafc}.composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}code{color:#0f172a;background:#f1f5f9e6;border-radius:12px;padding:4px 8px;font-family:SF Mono,Cascadia Code,monospace;display:inline-block}@media (width<=1280px){.image-editor-layout,.composer-toolbar{grid-template-columns:1fr}.toolbar-cluster--middle,.toolbar-cluster--right{justify-content:flex-start}}@media (width<=1180px){html,body,#root,body{height:auto;overflow:auto}.shell,.grid--two{grid-template-columns:1fr;height:auto}.content,.panel,.workspace-chat__stream{overflow:visible}}@media (width<=720px){.shell{padding:10px}.content,.sidebar,.panel,.workspace-composer{border-radius:24px}.topbar,.panel__header,.history-item__body,.history-item__footer,.provider-card__header,.preset-card__footer,.inline-field,.composer-footer{flex-direction:column;align-items:stretch}.history-item__actions{flex-direction:column;width:100%}.chat-turn__user,.chat-turn__assistant{grid-template-columns:1fr}.chat-avatar{display:none}.chat-gallery,.editor-controls{grid-template-columns:1fr}.editor-actions{flex-direction:column}}.auth-hero-shell{color:#fff;background:#031225;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-hero-header{z-index:20;align-items:center;gap:.75rem;transition:filter .3s,opacity .3s;display:flex;position:absolute;top:1.5rem;left:2rem}.auth-hero-footer{z-index:20;text-align:center;color:#ffffffb3;text-shadow:0 2px 8px #0009;pointer-events:none;padding:0 2rem;font-size:.85rem;line-height:1.6;transition:filter .3s,opacity .3s;position:absolute;bottom:2rem;left:0;right:0}.auth-hero-shell--modal-open .auth-hero-header,.auth-hero-shell--modal-open .auth-hero-footer{filter:blur(14px);opacity:.18;pointer-events:none}.auth-hero-logo-img{object-fit:contain;width:36px;height:36px}.auth-hero-logo-text{color:#fff;letter-spacing:.05em;text-shadow:0 2px 10px #00000080;font-family:Songti SC,STSong,SimSun,serif;font-size:1.5rem;font-weight:700}.auth-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.real-floating-lines{mix-blend-mode:screen;background:#031225;width:100%;height:100%;position:absolute;inset:0}.real-floating-lines canvas{width:100%;height:100%;display:block}.auth-hero-overlay{pointer-events:none;background:linear-gradient(#00081857,#00122c14 42%,#0004126b);position:absolute;inset:0}.auth-hero-body{z-index:10;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:2.5rem 1rem;display:flex;position:relative}.auth-hero-content{flex-direction:column;align-items:center;width:100%;transition:filter .3s,opacity .3s,transform .3s;display:flex}.auth-hero-shell--modal-open .auth-hero-content{filter:blur(14px);opacity:.18;pointer-events:none;transform:scale(.98)}.auth-hero-body h1{color:#fff;text-align:center;letter-spacing:.05em;text-shadow:0 4px 30px #ffffff4d;margin:0 0 1.5rem;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(3rem,10vw,6rem);font-weight:400;line-height:1.2}.auth-hero-body p{color:#ffffffe6;text-align:center;text-shadow:0 2px 10px #00000080;margin:0 0 3rem;font-size:clamp(.9rem,3.5vw,1.25rem)}.auth-hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.auth-hero-login-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #fff3;border-radius:9999px;padding:.75rem 3.5rem;font-size:clamp(1rem,3vw,1.1rem);font-weight:700;transition:background .2s}.auth-hero-login-button:hover{background:#ffffff26}#login-modal{opacity:0;z-index:100;-webkit-backdrop-filter:blur(8px);background:#00000038;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;position:fixed;inset:0}#login-modal.is-open{opacity:1}.login-modal-card{box-sizing:border-box;-webkit-backdrop-filter:blur(30px);color:#fff;background:linear-gradient(135deg,#ffffff26 0%,#ffffff05 100%);border:1px solid #ffffff40;border-radius:20px;flex-direction:column;gap:1.2rem;width:100%;max-width:440px;padding:2rem;display:flex;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #fff6}.login-modal-close{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.login-modal-close:hover{color:#fff;background:#ffffff1a}.login-modal-card h2{text-align:center;letter-spacing:.05em;text-shadow:0 2px 10px #ffffff4d;margin:0 0 .5rem;font-family:Songti SC,STSong,SimSun,serif;font-size:2.2rem;font-weight:400}.login-modal-label{color:#ffffffe6;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.login-modal-input-wrap{position:relative}.login-modal-input-icon{pointer-events:none;color:#fff9;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.modal-input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:1rem 1rem 1rem 2.8rem;font-size:.95rem;transition:all .2s}.modal-input--password{letter-spacing:2px;font-size:1rem}.modal-input:focus{background:#00000080!important;border-color:#a855f7!important}.modal-input::placeholder{color:#ffffff73;letter-spacing:0}.login-modal-agreements{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.login-modal-agreements-title{color:#fff;margin-bottom:.25rem;font-size:.85rem;font-weight:700}.login-modal-agreement-row{cursor:pointer;color:#fffc;align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.5;transition:color .2s;display:flex}.login-modal-agreement-row:hover{color:#fff}.login-modal-agreement-row a{color:#a855f7;text-decoration:none}.glass-checkbox{appearance:none;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:4px;outline:none;flex-shrink:0;width:16px;height:16px;margin-top:.25rem;transition:all .2s;position:relative}.glass-checkbox:checked{background:#a855f7;border-color:#a855f7}.glass-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.login-modal-submit{color:#fff;cursor:pointer;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#ffffff26 0%,#ffffff14 100%);border:1px solid #ffffff40;border-radius:12px;margin-top:.5rem;padding:1rem;font-size:1.05rem;font-weight:700;transition:background .2s}.login-modal-submit:hover{background:linear-gradient(90deg,#ffffff40 0%,#ffffff26 100%)}.login-modal-contact{text-align:center;border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:1.2rem}.login-modal-contact a{color:#fff9;letter-spacing:.05em;font-size:.85rem;text-decoration:none;transition:all .3s}.login-modal-contact a:hover{color:#fff;text-shadow:0 0 10px #fff6}.login-modal-contact span{color:#c084fc;margin:0 4px;font-weight:700}.login-modal-qr-container{cursor:pointer;justify-content:center;align-items:center;margin-top:1rem;animation:.2s fadeIn;display:flex}.login-modal-qr-img{border:1px solid #fff3;border-radius:8px;width:150px;height:150px;box-shadow:0 4px 20px #0006}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-shell{color:#172033;background:#eef2f7;grid-template-columns:260px minmax(0,1fr);height:100vh;display:grid}.admin-sidebar{color:#f8fafc;background:linear-gradient(#101827 0%,#0d1422 100%);flex-direction:column;gap:22px;min-width:0;padding:22px;display:flex;box-shadow:18px 0 48px #0f172a29}.admin-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding-bottom:18px;display:flex}.admin-brand__mark{color:#10213f;background:linear-gradient(135deg,#e6f0ff,#9fc0ff);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.admin-brand strong,.admin-brand span{display:block}.admin-brand strong{letter-spacing:.02em;font-size:17px}.admin-brand span{color:#91a1b8;margin-top:2px;font-size:12px}.admin-nav{gap:8px;display:grid}.admin-nav button{color:#a9b6ca;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 13px;display:flex}.admin-nav button:hover,.admin-nav button.is-active{color:#fff;background:#ffffff17}.admin-profile{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.admin-profile span,.admin-profile strong{display:block}.admin-profile span{color:#94a3b8;font-size:12px}.admin-profile strong{color:#fff;margin-top:2px}.admin-profile button{color:#dbeafe;background:#ffffff14;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.admin-profile__actions{align-items:center;gap:8px;display:flex}.admin-main{grid-template-rows:auto minmax(0,1fr);gap:18px;min-width:0;min-height:0;padding:24px;display:grid;overflow:hidden}.admin-topbar{justify-content:space-between;align-items:center;gap:16px;padding:4px 2px 2px;display:flex}.admin-topbar p,.admin-card__header p{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.admin-topbar h1,.admin-card h2{color:#111827;margin:0}.admin-topbar h1{font-size:28px}.admin-topbar__link{color:#1f3b73;background:#ffffffc7;border:1px solid #cbd5e1d1;border-radius:10px;align-items:center;height:38px;padding:0 14px;text-decoration:none;display:inline-flex}.admin-grid{grid-template-columns:380px minmax(0,1fr);gap:18px;min-height:0;display:grid}.admin-security{grid-template-columns:minmax(360px,520px) minmax(280px,420px);align-content:start;gap:18px;min-height:0;display:grid}.admin-api-encryption{grid-template-columns:minmax(360px,560px);gap:18px;min-height:0;display:grid}.admin-card{background:#fffffff0;border:1px solid #cbd5e1d9;border-radius:16px;min-width:0;padding:18px;box-shadow:0 18px 42px #0f172a14}.admin-card--wide{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.admin-card--form{align-content:start}.admin-card--muted{color:#52627a;background:#f8fafceb}.admin-card--muted p{margin:10px 0 0;line-height:1.7}.admin-card__header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.admin-card__header svg{color:#42699f}.admin-count{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;height:30px;padding:0 10px;font-size:13px;display:inline-flex}.admin-form{gap:13px;display:grid}.admin-form--split{border-top:1px solid #e2e8f0eb;margin-top:22px;padding-top:20px}.admin-form-title{color:#172033;margin:0;font-weight:800}.admin-form-note{color:#64748b;margin-top:4px;font-size:13px;display:block}.admin-field{color:#334155;gap:7px;font-size:14px;font-weight:700;display:grid}.admin-field input,.admin-field select,.admin-field textarea{color:#111827;background:#fff;border:1px solid #94a3b861;border-radius:10px;outline:none;width:100%}.admin-field input,.admin-field select{height:42px;padding:0 12px}.admin-field textarea{resize:vertical;min-height:118px;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:#42699f;box-shadow:0 0 0 3px #42699f24}.admin-field--output{margin-top:14px}.admin-primary-button,.admin-secondary-button{border-radius:10px;height:42px;font-weight:800}.admin-primary-button{color:#fff;background:#1f3b73}.admin-secondary-button{color:#1f3b73;background:#eef4ff}.admin-primary-button:disabled{opacity:.7;cursor:wait}.admin-alert{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:14px}.admin-alert--success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.admin-table-wrap{border:1px solid #e2e8f0eb;border-radius:14px;min-height:0;overflow:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0eb;padding:14px 16px}.admin-table th{z-index:1;color:#64748b;background:#f8fafc;font-size:13px;position:sticky;top:0}.admin-table tr:last-child td{border-bottom:0}.admin-user-cell{align-items:center;gap:10px;display:flex}.admin-user-cell span{color:#1e3a8a;background:#dbeafe;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.admin-role,.admin-online,.admin-offline,.admin-disabled{border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:13px;display:inline-flex}.admin-role--admin{color:#7c2d12;background:#ffedd5}.admin-role--user{color:#1e3a8a;background:#dbeafe}.admin-online{color:#166534;background:#dcfce7}.admin-offline{color:#64748b;background:#f1f5f9}.admin-disabled{color:#991b1b;background:#fee2e2}.admin-inline-action{border-radius:10px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.admin-inline-action--danger{color:#991b1b;background:#fee2e2}.admin-inline-action--delete{color:#fff;background:#dc2626}.admin-inline-action--enable{color:#166534;background:#dcfce7}.admin-inline-action--reset{color:#1e3a8a;background:#dbeafe}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-action-note{color:#94a3b8;font-size:13px}.admin-login-shell,.admin-loading{background:radial-gradient(circle at 25% 20%,#3b82f638,#0000 30%),linear-gradient(135deg,#111827 0%,#0f172a 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{color:#f8fafc;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0f172adb;border:1px solid #ffffff1f;border-radius:18px;gap:16px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 28px 80px #00000052}.admin-login-card__icon{color:#0f172a;background:linear-gradient(135deg,#fff,#9fc0ff);border-radius:16px;place-items:center;width:54px;height:54px;display:grid}body.dark .admin-shell{color:#e5edf9;background:#08111f}body.dark .admin-main{background:radial-gradient(circle at 80% 10%,#2563eb29,#0000 30%),#08111f}body.dark .admin-card,body.dark .admin-card--muted{color:#cbd5e1;background:#0f172ae6;border-color:#475569b8;box-shadow:0 24px 52px #00000047}body.dark .admin-topbar h1,body.dark .admin-card h2,body.dark .admin-form-title{color:#f8fafc}body.dark .admin-topbar p,body.dark .admin-card__header p,body.dark .admin-form-note,body.dark .admin-action-note{color:#94a3b8}body.dark .admin-topbar__link,body.dark .admin-count{color:#bfdbfe;background:#1e293bd1;border-color:#475569b8}body.dark .admin-field{color:#cbd5e1}body.dark .admin-field input,body.dark .admin-field select,body.dark .admin-field textarea{color:#f8fafc;background:#020617b8;border-color:#475569d1}body.dark .admin-form--split,body.dark .admin-table-wrap,body.dark .admin-table th,body.dark .admin-table td{border-color:#475569b8}body.dark .admin-table th{color:#94a3b8;background:#111827}body.dark .admin-secondary-button{color:#bfdbfe;background:#1e3a8a59}body.dark .admin-role--user,body.dark .admin-inline-action--reset{color:#bfdbfe;background:#1e3a8a6b}body.dark .admin-role--admin{color:#fed7aa;background:#9a341257}body.dark .admin-online,body.dark .admin-inline-action--enable{color:#bbf7d0;background:#1665345c}body.dark .admin-offline{color:#cbd5e1;background:#334155b8}body.dark .admin-disabled,body.dark .admin-inline-action--danger{color:#fecdd3;background:#991b1b5c}.admin-login-card p{color:#93a4bb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:800}.admin-login-card h1{color:#fff;margin:0}.admin-login-card .admin-field{color:#dbeafe}.admin-login-card .admin-field input{color:#fff;background:#ffffff14;border-color:#ffffff29}.admin-login-card__hint{color:#94a3b8;font-size:13px;line-height:1.6}.admin-loading{color:#dbeafe;gap:14px}.admin-loading div{border:3px solid #ffffff29;border-top-color:#fff;border-radius:999px;width:36px;height:36px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (width<=980px){.admin-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.admin-sidebar{position:static}.admin-main,.admin-grid,.admin-security{grid-template-columns:1fr;overflow:visible}}
