:root{--bg:#f6f4ef;--panel:#fff;--panel-glass:#ffffffc7;--panel-soft:#faf9f5;--ink:#14141a;--muted:#5b5b66;--faint:#9a9aa6;--line:#14141a14;--line-strong:#e7e5e0;--brand:#14141a;--on-brand:#fff;--accent:#4f46e5;--accent-soft:#eef0fc;--brand-grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #ec4899 100%);--ring:#6366f159;--warm:#fafaf7;--danger:#d93b3b;--status:#10a86f;--topbar-glass:#ffffff8c;--topbar-border:#fff9;--app-bg:radial-gradient(620px 420px at 6% -4%, #fb923c1f, transparent 60%), radial-gradient(680px 520px at 102% 26%, #a78bfa1f, transparent 60%), radial-gradient(760px 560px at 58% 108%, #2dd4bf1a, transparent 60%), linear-gradient(180deg, #fff7ed 0%, #f5f0ff 38%, #fde7e7 70%, #ecfdf5 100%);--rail-width:76px;--rail-open-width:244px;--radius:14px;--shadow-soft:0 12px 32px #14141a0f;--shadow-card:0 16px 36px #14141a0f;--font-sans:Inter, "Inter Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro SC", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;font-family:var(--font-sans);letter-spacing:0;color:var(--ink);background:var(--bg);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}:root[data-theme=dark]{--bg:#090b10;--panel:#151821;--panel-glass:#12151eb8;--panel-soft:#1a1e29;--ink:#f5f7fb;--muted:#a3aabd;--faint:#687083;--line:#ffffff1a;--line-strong:#ffffff29;--brand:#edf1ff;--on-brand:#11131b;--accent:#9aa7ff;--accent-soft:#818cf82e;--brand-grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #ec4899 100%);--ring:#818cf880;--warm:#20202c;--danger:#f06a6a;--status:#34d399;--app-bg:radial-gradient(720px 480px at 4% -6%, #6366f12e, transparent 62%), radial-gradient(760px 560px at 104% 26%, #a855f721, transparent 62%), radial-gradient(780px 600px at 58% 112%, #14b8a614, transparent 60%), linear-gradient(180deg, #090b10 0%, #0d1018 48%, #11141d 100%);--shadow-soft:0 12px 32px #0006;--shadow-card:0 16px 36px #00000073;--topbar-glass:#10131cb8;--topbar-border:#ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}body.chat-width-resizing,body.chat-width-resizing *{cursor:col-resize;-webkit-user-select:none;user-select:none}button,input,textarea,select{font:inherit}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffffff0;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;line-height:1.45}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#9aa6ff;box-shadow:0 0 0 3px #3157e81f}button{cursor:pointer;color:var(--ink);border:0}button[disabled]{opacity:.45;cursor:not-allowed}img{display:block}label{gap:6px;display:grid}label span{color:#777c88;font-size:12px;font-weight:700}.hidden-input{display:none}.login-panel{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:18px;gap:16px;padding:28px;display:grid;position:relative}.login-modal-mask{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 18%,#fff6,#0000 34%),#0e0f146b;position:fixed;inset:0}.login-modal{z-index:81;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-modal-card{pointer-events:auto;background:linear-gradient(#fffffff5,#ffffffe6),radial-gradient(circle at 18% 0,#ffc58938,#0000 42%),radial-gradient(circle at 100% 16%,#bdabff33,#0000 44%);border-radius:24px;width:min(430px,100%);padding:30px;box-shadow:0 34px 90px #14141a42,inset 0 1px #ffffffdb}.login-close{cursor:pointer;background:#ffffffbd;border:1px solid #14141a14;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.login-close img{opacity:.72;width:14px;height:14px}.login-logo{border-radius:12px;width:46px;height:46px}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.login-panel h1{letter-spacing:0;margin:0;font-size:28px}.login-sub{color:var(--muted);margin:-6px 0 4px;line-height:1.7}.login-site-link{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-self:center;padding:2px 4px;font-size:13px}.login-site-link:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.error-text{color:var(--danger);margin:0;font-size:13px}.app-shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);background:var(--app-bg);height:100%;transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden}.app-shell.rail-expanded{grid-template-columns:var(--rail-open-width) minmax(0, 1fr)}.side-rail{border-right:1px solid var(--line);background:var(--panel-glass);-webkit-backdrop-filter:blur(20px);min-width:0;box-shadow:none;flex-direction:column;gap:8px;padding:14px 12px;transition:padding .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:flex;overflow:hidden}.app-shell.rail-expanded .side-rail{box-shadow:18px 0 44px #14141a14}.brand-button,.side-rail nav button,.rail-action{text-align:left;opacity:.62;width:100%;min-height:40px;color:var(--muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:0;font-weight:650;transition:opacity .16s;display:flex;overflow:hidden}.brand-button{opacity:1}.brand-button img{border-radius:10px;flex:0 0 36px;width:36px;height:36px}.brand-copy,.rail-copy{opacity:0;flex-direction:column;gap:2px;min-width:136px;transition:opacity .18s,transform .18s;display:flex;transform:translate(-6px)}.app-shell.rail-expanded .brand-copy,.app-shell.rail-expanded .rail-copy{opacity:1;transform:translate(0)}.app-shell:not(.rail-expanded) .brand-copy,.app-shell:not(.rail-expanded) .rail-copy{width:0;min-width:0;max-width:0;margin:0;display:none;overflow:hidden}.brand-copy strong,.rail-copy strong{white-space:nowrap;font-size:13px;font-weight:700;line-height:1.2;display:block}.brand-copy small,.rail-copy small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:11px;line-height:1.2;display:block}.side-rail nav{gap:4px;display:grid}.side-rail nav img,.rail-action img,.primary img,.secondary img,.outline-actions img,.drag-handle img,.search-pill img,.file-chip-list img{object-fit:contain;width:16px;height:16px}.rail-glyph{border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;transition:background .16s,box-shadow .16s;display:grid}.side-rail nav .rail-glyph img,.rail-action .rail-glyph img{width:20px;height:20px;display:block}.side-rail nav button.active{opacity:1;box-shadow:none;background:0 0}.side-rail nav button:hover,.rail-action:hover{opacity:1}.side-rail nav button:hover .rail-glyph,.rail-action:hover .rail-glyph{background:#14141a0b}.side-rail nav button.active .rail-glyph{background:#6366f11a;box-shadow:inset 0 0 0 1px #6366f133}.rail-bottom{flex-direction:column;align-items:stretch;gap:8px;margin-top:auto;display:flex}.app-shell.rail-expanded .brand-button,.app-shell.rail-expanded .side-rail nav button,.app-shell.rail-expanded .rail-action{border-radius:14px;justify-content:flex-start;min-height:48px;padding:0 12px}.app-shell.rail-expanded .side-rail nav button.active{box-shadow:none;background:0 0}.main-shell{grid-template-rows:76px minmax(0,1fr);min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.topbar{z-index:20;background:var(--topbar-glass,#ffffff8c);border:1px solid var(--topbar-border,#fff9);-webkit-backdrop-filter:blur(24px);border-radius:999px;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-self:start;align-items:center;gap:20px;height:60px;margin:16px 18px 0;padding:0 14px;display:grid;position:relative;box-shadow:0 12px 32px #14141a0f,inset 0 1px #fff9}.topbar:not(.workspace-topbar){grid-template-columns:minmax(0,1fr) auto}.topbar:not(.workspace-topbar) .topbar-right{grid-column:2}.topbar-left{justify-self:start;min-width:0}.project-nav-left{align-items:center;gap:10px;min-width:0;max-width:100%;padding-left:6px;display:inline-flex}.project-nav-left img{border-radius:8px;flex:none;width:30px;height:30px}.project-nav-left strong{color:var(--ink);letter-spacing:0;flex:none;font-size:14px;font-weight:700}.project-nav-left span{color:var(--faint);margin:0 4px;font-size:14px}.project-nav-left em{text-overflow:ellipsis;min-width:0;color:var(--ink);white-space:nowrap;font-size:13px;font-style:normal;font-weight:700;overflow:hidden}.topbar h2,.section-title h3,.canvas-heading h3,.detail-head h3{letter-spacing:0;margin:0}.topbar h2{font-size:20px;font-weight:700}.project-pill{background:var(--panel-soft);max-width:280px;min-height:32px;box-shadow:none;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.project-pill strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.save-dot{background:#27b36a;border-radius:50%;width:6px;height:6px}.save-dot.saving{background:#f59f00}.topbar-center,.mode-switch,.segmented{background:#f2f2f5;border:0;border-radius:999px;gap:4px;padding:4px;display:flex}.topbar-center{background:#14141a0a;border:1px solid #14141a0a;place-self:center;width:fit-content;height:36px}.topbar-center button,.mode-switch button,.segmented button{min-height:28px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:500}.topbar-center .seg-btn{color:#5b5b66;cursor:pointer;background:0 0;border-radius:999px;place-items:center;height:28px;min-height:28px;padding:0 16px;font-size:13px;font-weight:500;line-height:1;transition:all .15s;display:grid;position:relative}.topbar-center button.active,.mode-switch button.active,.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #14141a0f}.topbar-center .seg-btn.active{color:#14141a;background:#fff;box-shadow:0 2px 6px #14141a14}.mode-switch.locked{opacity:.72}.top-actions,.inline-actions,.composer-actions,.confirm-actions,.template-detail-actions,.guide-actions,.canvas-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.top-actions{justify-content:flex-end;justify-self:end}.topbar-right{gap:6px;min-width:0;padding-right:80px}.topbar-common-actions{z-index:2;align-items:center;gap:6px;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.project-top-search{background:#ffffffb3;border:1px solid #14141a0f;border-radius:999px;flex:220px;align-items:center;gap:8px;width:280px;min-width:160px;height:38px;padding:0 14px;display:inline-flex}.template-topbar .project-top-search,.project-topbar .project-top-search{width:clamp(170px,28vw,280px)}.project-top-search img{flex:none;width:14px;height:14px}.project-top-search input{min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0}.user-pill,.status-tag,.tag-row span{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.primary,.secondary,.continue-accent{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.primary{background:var(--brand);color:#fff;box-shadow:0 8px 18px #14141a2e}.primary img{filter:invert()}.secondary{border:1px solid var(--line);background:#fff}.continue-accent{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border:1px solid #c259002e;box-shadow:0 10px 22px #f973163d}.continue-accent.compact{flex:none;min-height:32px;padding:0 13px}.primary:hover,.secondary:hover,.continue-accent:hover{transform:translateY(-1px)}.ghost-pill{color:#14141a;min-height:34px;box-shadow:none;background:#ffffff8c;border:1px solid #ffffff8c}.ghost-pill:hover{background:#ffffffd9;border-color:#14141a0f}.primary-pill{background:#151821;border:1px solid #151821;min-height:34px;box-shadow:0 10px 24px #14141a24}.primary-pill:disabled,.ghost-pill:disabled{opacity:.45;cursor:not-allowed;transform:none}.lang-toggle-pill{letter-spacing:.5px;color:#14141a;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff8c;border:1px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;transition:background .16s,transform .18s cubic-bezier(.2,.8,.2,1);display:inline-flex}.lang-toggle-pill:hover{background:#ffffffeb;transform:scale(1.06)}.wide{width:100%}.icon-only{width:34px;min-height:34px;padding:0}.notice-toast{z-index:120;border:1px solid var(--line);min-width:240px;max-width:min(420px,100vw - 32px);min-height:40px;color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #14141a1a}.notice-dot{background:#4f46e5;border-radius:999px;width:8px;height:8px}.notice-toast.success .notice-dot{background:#10a86f}.notice-toast.warning .notice-dot{background:#f59e0b}.notice-toast.error .notice-dot{background:#e5484d}.progress-toast{z-index:118;border:1px solid var(--line);min-width:320px;max-width:min(480px,100vw - 32px);color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-radius:14px;gap:8px;padding:12px 14px;font-size:13px;display:grid;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #14141a1a}.progress-head{color:var(--ink);justify-content:space-between;align-items:center;gap:14px;display:flex}.progress-head strong{font-size:13px;font-weight:800}.progress-head em{color:var(--muted);font-variant-numeric:tabular-nums;font-style:normal}.progress-toast small{color:#8a8a92;line-height:1.45}.progress-track{background:#ece8df;border-radius:999px;height:5px;overflow:hidden}.progress-track span{background:#111827;min-width:8%;height:100%;transition:width .28s;display:block}.presentation-modal{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0ed1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.presentation-stage{aspect-ratio:16/9;place-items:center;width:min(1180px,94vw);display:grid;position:relative}.presentation-stage img{object-fit:contain;background:#fff;border-radius:8px;width:100%;height:100%;box-shadow:0 28px 80px #0000005c}.presentation-close,.presentation-nav{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff38;place-items:center;display:grid;position:absolute}.presentation-close{border-radius:999px;width:38px;height:38px;font-size:24px;line-height:1;top:-18px;right:-18px}.presentation-nav{border-radius:999px;width:42px;height:54px;font-size:38px;line-height:1;top:50%;transform:translateY(-50%)}.presentation-nav.prev{left:-58px}.presentation-nav.next{right:-58px}.presentation-count{color:#fff;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}.creative-lightbox{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a12db;place-items:center;padding:26px;display:grid;position:fixed;inset:0}.creative-lightbox-stage{grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(1680px,96vw);max-height:92vh;display:grid}.creative-lightbox-head{color:#fff;background:#111827b8;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:10px 12px;display:flex;box-shadow:0 18px 50px #00000047}.creative-lightbox-head>div:first-child{gap:3px;min-width:0;display:grid}.creative-lightbox-head strong{font-size:16px;font-weight:900}.creative-lightbox-head span{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;max-width:960px;font-size:12px;line-height:1.45;overflow:hidden}.creative-lightbox-head>div:last-child{flex:none;align-items:center;gap:8px;display:flex}.creative-lightbox-close{width:36px;height:36px;position:static}.creative-lightbox-close img{filter:invert();width:16px;height:16px}.creative-lightbox-stage>img{object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:calc(92vh - 78px);box-shadow:0 30px 90px #0000006b}.canvas-progress-card{background:linear-gradient(135deg,#ffffffeb,#f5f0ffc7);border:1px solid #14141a14;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;margin:0 18px 12px;padding:12px 14px;display:grid;box-shadow:0 10px 28px #14141a0f}.canvas-progress-card strong,.canvas-progress-card span{display:block}.canvas-progress-card strong{color:var(--text);font-size:13px;font-weight:800}.canvas-progress-card span{color:var(--muted);margin-top:3px;font-size:12px}.canvas-progress-card em{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-style:normal;font-weight:800}.canvas-progress-card .progress-track{grid-column:1/-1}.chat-alert-card,.canvas-warning-card{background:linear-gradient(135deg,#fff8ed,#fff 68%);border:1px solid #f5822057;box-shadow:0 12px 26px #f582201f}.chat-alert-card{border-radius:14px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.chat-alert-card>div,.canvas-warning-card>div{flex:1;min-width:0}.chat-alert-card strong,.canvas-warning-card strong{color:#7c2d12;font-size:13px;font-weight:900;display:block}.chat-alert-card span,.canvas-warning-card span{color:#9a4a12;margin-top:4px;font-size:12px;line-height:1.45;display:block}.canvas-warning-card{border-radius:14px;align-items:center;gap:12px;margin:0 18px 12px;padding:12px 14px;display:flex}.workspace-grid{grid-template-columns:minmax(320px, var(--chat-pane-width,360px)) 10px minmax(0, 1fr) var(--inspector-pane-width,320px);background:0 0;gap:14px;min-height:0;padding:16px;transition:grid-template-columns .24s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden}.creator-panel,.canvas-panel,.detail-panel,.projects-view,.templates-view,.settings-view{background:var(--panel-glass);border:1px solid var(--line);min-width:0;min-height:0;box-shadow:var(--shadow-card), inset 0 1px 0 #fff9;-webkit-backdrop-filter:blur(18px);border-radius:18px}.creator-panel{border:1px solid #e7e5e0;border-radius:18px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 12px 28px #14141a0a}.pane-head{border-bottom:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 16px 16px;display:flex}.pane-head h3{margin:0;font-size:16px;font-weight:600}.pane-head p{color:#9a9aa6;margin:4px 0 0;font-size:12px;line-height:1.35}.guide-flow,.chat-stack{min-height:0;padding:0 16px 16px;overflow:auto}.guide-flow.dropdown-open,.chat-stack.dropdown-open{overflow:visible}.chat-page-count{border:1px solid var(--line);background:#fff;border-radius:14px;gap:9px;padding:12px;display:grid}.chat-page-count>span{color:#5b5b66;font-size:12px;font-weight:800}.chat-page-count em{color:var(--muted);font-size:12px;font-style:normal}.page-dropdown{min-width:0;position:relative}.page-dropdown-trigger{color:#14141a;cursor:pointer;background:#fff;border:1px solid #e7e5e0;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;padding:0 11px;font-size:12px;font-weight:800;line-height:1;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.page-dropdown-trigger:hover:not(:disabled){background:#fafaf7;transform:translateY(-1px);box-shadow:0 8px 18px #14141a12}.page-dropdown.open .page-dropdown-trigger{color:#fff;background:#14141a;border-color:#14141a;box-shadow:0 10px 24px #14141a33}.page-dropdown-trigger:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.page-dropdown-prefix{color:#71717a;font-weight:650}.page-dropdown.open .page-dropdown-prefix{color:#ffffffb8}.page-dropdown-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.page-dropdown-chev{opacity:.7;flex:none;width:11px;height:11px;transition:transform .18s}.page-dropdown.open .page-dropdown-chev{filter:brightness(0)invert();opacity:1;transform:rotate(180deg)}.page-dropdown-mask{z-index:1090;background:0 0;position:fixed;inset:0}.page-dropdown-menu{z-index:1091;background:#fff;border:1px solid #e7e5e0;border-radius:14px;width:min(240px,100vw - 40px);padding:6px;animation:.16s cubic-bezier(.2,.8,.2,1) both dropdownIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 46px #14141a29,0 2px 8px #14141a0d}@keyframes dropdownIn{0%{opacity:0;transform-origin:0 0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-dropdown-item{color:#14141a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.page-dropdown-item:hover{background:#fafaf7}.page-dropdown-item.active{color:#4f46e5;background:#4f46e514}.page-dropdown-check{background:#6366f1;border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 3px #6366f12e}.page-dropdown-custom{border-top:1px solid #ececf0;margin-top:6px;padding:8px 8px 7px}.page-dropdown-custom-label{color:#71717a;margin:0 2px 7px;font-size:12px;font-weight:700;display:block}.page-dropdown-custom-row{align-items:center;gap:8px;display:flex}.page-dropdown-custom-input{color:#14141a;background:#fafaf7;border:1px solid #e7e5e0;border-radius:10px;flex:1;min-width:0;height:32px;padding:0 10px;font-size:13px;font-weight:700}.page-dropdown-custom-apply{color:#fff;background:#14141a;border:0;border-radius:10px;flex:none;min-height:32px;padding:0 12px;font-size:12px;font-weight:850}.guide-step{border:1px solid var(--line);background:#fafafc;border-radius:14px;transition:border-color .16s,background .16s,box-shadow .16s;position:relative;overflow:hidden}.guide-step.dropdown-open{z-index:12;overflow:visible}.guide-step+.guide-step{margin-top:10px}.guide-step.open{background:#fff;border-color:#4f46e538;box-shadow:0 10px 24px #14141a0d}.guide-step.attention{background:linear-gradient(#fff9f0 0%,#fff 68%);border-color:#f5822061;box-shadow:0 12px 26px #f582201f}.guide-step.attention .guide-step-head em{color:#a34b00;background:#fff0d8}.guide-step.done .guide-step-no{color:#fff;background:#14141a}.guide-step.locked{background:#f4f5f8;border-color:#e2e4ea}.guide-step.locked .guide-step-head{cursor:default}.guide-step.locked .guide-step-head em{color:#6b7280;background:#e9ebf1}.guide-step.locked .guide-step-no{color:#687083;background:#eef0f4;border-color:#d9dde6}.guide-step.optional{background:#f8f9ff;border-style:dashed}.guide-step.optional.open{background:linear-gradient(#fbfcff 0%,#fff 100%);border-color:#4f46e53d}.guide-step.optional .guide-step-no{color:#4f46e5;background:#eef0fc;border-color:#4f46e52e}.guide-step.optional .guide-step-head em{color:#4f46e5;background:#eef0fc}.guide-step.optional.done .guide-step-no{color:#fff;background:#10a86f;border-color:#10a86f}.guide-step.optional.done .guide-step-head em{color:#10864a;background:#e8f6ef}.guide-step-head{text-align:left;background:0 0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:12px;display:grid}.guide-step-no{color:#5b5b66;background:#fff;border:1px solid #e7e5e0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.guide-step-title-wrap strong{font-size:14px;font-weight:800;display:block}.guide-step-title-wrap small,.guide-step-head em{color:#8a8a96;font-size:11px;font-style:normal;line-height:1.35}.guide-step-head em{color:#5b5b66;white-space:nowrap;background:#f2f2f5;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-weight:700;display:inline-flex}.guide-step-body{gap:10px;padding:0 12px 12px;display:grid}.guide-actions.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.guide-actions.three>button{width:100%;min-width:0;padding:0 10px}.template-pick{background:#fafafc;border:1px solid #ececf0;border-radius:12px;margin-bottom:6px;padding:12px}.template-label{color:#9a9aa6;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.template-value{align-items:center;gap:10px;min-height:34px;display:flex;position:relative}.template-trigger{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;min-height:54px;margin:-4px;padding:8px;transition:background .16s,box-shadow .16s,transform .16s}.template-trigger:hover:not(:disabled){background:#4f46e512;box-shadow:inset 0 0 0 1px #4f46e524}.template-trigger:disabled{cursor:not-allowed;opacity:.72}.template-cover{object-fit:cover;background:#ececf0;border-radius:6px;flex:none;width:56px;height:32px}.template-copy{flex:1;gap:3px;min-width:0;display:grid}.template-name{color:#14141a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.template-copy small{color:#777c88;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.template-chev{color:#777c88;font-size:16px;line-height:1}.template-select-native{opacity:0;cursor:pointer;position:absolute;inset:0}.template-gallery-modal{z-index:1200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14141a3d;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.template-gallery-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-rows:auto minmax(0,1fr);width:min(940px,100%);max-height:min(780px,100vh - 64px);display:grid;overflow:hidden;box-shadow:0 28px 90px #14141a2e}.template-gallery-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 14px;display:flex}.template-gallery-head div{gap:5px;min-width:0;display:grid}.template-gallery-head strong{color:var(--ink);font-size:18px;line-height:1.2}.template-gallery-head span{color:var(--muted);font-size:12px}.template-gallery-close{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;place-items:center;width:34px;height:34px;padding:0;display:grid}.template-gallery-close img{width:14px;height:14px}.template-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:0;padding:18px 20px 22px;display:grid;overflow:auto}.template-gallery-card{border:1px solid var(--line);background:var(--panel-soft);cursor:pointer;text-align:left;border-radius:14px;gap:7px;min-width:0;padding:10px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid}.template-gallery-card:hover{background:#fff;border-color:#4f46e547;transform:translateY(-2px);box-shadow:0 16px 36px #14141a1a}.template-gallery-card.active{background:#4f46e514;border-color:#4f46e56b;box-shadow:0 16px 42px #4f46e524}.template-gallery-cover{aspect-ratio:16/9;background:#ececf0;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.template-gallery-cover img{object-fit:cover;width:100%;height:100%;display:block}.template-gallery-cover em{color:#fff;background:#14141a;border-radius:999px;height:24px;padding:0 9px;font-size:11px;font-style:normal;font-weight:800;line-height:24px;position:absolute;top:8px;right:8px;box-shadow:0 8px 18px #14141a2e}.template-gallery-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.35;overflow:hidden}.template-gallery-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (width<=760px){.template-gallery-modal{padding:14px}.template-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}}.guide-form{background:#fafaf7;border:1px solid #e7e5e0;border-radius:12px;gap:10px;padding:12px;display:grid}.template-create-mode{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.template-create-mode button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;font-size:12px;font-weight:900}.template-create-mode button.active{color:var(--ink);background:#fff;box-shadow:0 8px 18px #14141a14}.template-creative-form{background:linear-gradient(135deg,#fff7ed,#f7fbff);border:1px solid #eadfd0;border-radius:12px;gap:10px;padding:12px;display:grid}.template-creative-form label{gap:6px;display:grid}.template-creative-form label span{color:var(--muted);font-size:12px;font-weight:850}.creative-file-row{align-items:center;gap:8px;display:flex}.creative-file-row .secondary{flex:1;justify-content:center;min-height:34px}.creative-file-row img{width:14px;height:14px}.creative-file-name{color:var(--muted);word-break:break-all;font-size:12px;line-height:1.4}.creative-route-card{background:linear-gradient(135deg,#fff7ed,#f7fbff);border:1px solid #eadfd0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.creative-route-card div{gap:4px;min-width:0;display:grid}.creative-route-card strong{color:#1d1d24;font-size:13px;font-weight:900}.creative-route-card span{color:#696b76;font-size:12px;line-height:1.45}.creative-route-card.selected{background:linear-gradient(135deg,#effcf6,#f7fbff);border-color:#10b98147}.creative-action,.creative-select-btn{color:#fff;background:linear-gradient(135deg,#f97316,#ec4899);border:0;border-radius:10px;flex:none;min-height:34px;padding:0 13px;font-size:12px;font-weight:900;box-shadow:0 10px 22px #ec489933}.creative-action:disabled,.creative-select-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.guide-form :disabled,.detail-panel input[readonly],.detail-panel textarea[readonly]{color:#777c88;cursor:not-allowed;background:#f4f5f8}.title-input,.prompt-input{background:#fff}.prompt-input{min-height:132px}.page-select-row,.language-select-row{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;display:grid}.page-select-row>span,.language-select-row>span{color:#5b5b66;font-size:13px;font-weight:700}.page-select-row .page-dropdown{width:100%}.language-segmented{background:#ffffffbd;border:1px solid #e4e4eb;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-height:44px;padding:4px;display:grid}.language-segmented button{color:var(--muted);background:0 0;border:0;border-radius:10px;font-size:13px;font-weight:900}.language-segmented button.active{color:#fff;background:#15151d;box-shadow:0 8px 18px #14141a1f}.language-segmented.disabled{opacity:.68}.chat-language-card{margin-top:-2px}.file-chip-list{flex-wrap:wrap;gap:8px;display:flex}.file-chip-list span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:0 9px;font-size:12px;display:inline-flex}.file-chip-list.compact span{max-width:100%}.file-chip-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guide-status-card,.guide-option-card{background:#fafaf7;border:1px solid #e7e5e0;border-radius:12px;gap:5px;padding:12px;display:grid}.guide-status-card strong,.guide-option-card strong{font-size:14px}.guide-status-card.warning{background:linear-gradient(135deg,#fff8ed,#fff);border-color:#f5822057;box-shadow:inset 3px 0 #f59e0b}.guide-status-card.failed{background:linear-gradient(135deg,#fff4f4,#fff);border-color:#e5484d47;box-shadow:inset 3px 0 #e5484d}.guide-status-card.running{background:linear-gradient(135deg,#f5f3ff,#fff);border-color:#4f46e53d}.guide-status-card p,.guide-option-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.guide-option-card{grid-template-columns:1fr;align-items:stretch;gap:10px}.guide-option-card span{color:var(--accent);margin-bottom:3px;font-size:11px;font-weight:900;display:inline-flex}.guide-option-card.ready{background:#f0f8f4;border-color:#bfdfcf}.guide-option-card.editable-step-card{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#4f46e529}.guide-option-card.editable-step-card>div>span{background:var(--accent-soft);width:fit-content;color:var(--accent);border-radius:999px;padding:4px 8px}.chat-stack{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.message-list{align-content:start;gap:11px;min-height:0;padding-right:4px;display:grid;overflow:auto}.message{align-items:flex-start;gap:8px;display:flex}.message.user{justify-content:flex-end}.message>img{border-radius:9px;flex:none;width:28px;height:28px}.bubble{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:90%;padding:11px 13px;font-size:13px;line-height:1.65;box-shadow:0 6px 18px #14141a0a}.message.user .bubble{color:#172033;background:#f0f7ff;border-color:#cfe2ff}.bubble p{white-space:pre-wrap;margin:0}.confirm-card,.download-card{border:1px solid var(--line);background:#faf9f5;border-radius:14px;gap:10px;margin-top:10px;padding:10px;display:grid}.confirm-card.confirmed{background:#f1f8f4;border-color:#c5e1d1}.confirm-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.confirm-head span{color:var(--accent);font-size:11px;font-weight:900}.confirm-head h4,.suggestion-box h4,.revise-box h4{margin:2px 0 0}.confirm-head em{border:1px solid var(--line);min-height:24px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.confirm-card dl{color:var(--muted);grid-template-columns:70px minmax(0,1fr);gap:6px 10px;margin:0;display:grid}.confirm-card dt{font-weight:800}.confirm-card dd{word-break:break-word;margin:0}.composer{gap:8px;padding-top:2px;display:grid}.chat-resize-handle{cursor:col-resize;width:10px;min-width:10px;position:relative}.chat-resize-handle:before{content:"";background:#ddd5ca;border-radius:999px;width:2px;position:absolute;top:20px;bottom:20px;left:4px}.chat-resize-handle:hover:before,.chat-resize-handle.active:before{background:var(--accent)}.canvas-panel{border:1px solid var(--line);box-shadow:var(--shadow-card);background:var(--panel-glass);border-radius:18px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.canvas-heading{border-bottom:1px solid #ececf0;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:14px 20px 12px;display:flex}.canvas-heading>div:first-child{flex:160px;min-width:128px}.canvas-heading h3{white-space:nowrap}.canvas-heading p,.section-title p{color:#71717a;margin:5px 0 0;font-size:13px}.canvas-tools{justify-content:flex-end}.canvas-meta{color:#9a9aa6;white-space:nowrap;font-size:12px}.outline-view,.slides-view,.materials-view{min-height:0;padding:16px 20px 20px;overflow:auto}.materials-view{align-content:start;gap:16px;display:grid}.materials-section{gap:10px;display:grid}.materials-section-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.materials-section-head h4{color:var(--ink);margin:0;font-size:14px;font-weight:900}.materials-section-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.materials-section-head .secondary{white-space:nowrap;gap:6px;min-height:32px;padding:0 11px}.materials-section-head img{width:14px;height:14px}.outline-list{gap:10px;display:grid}.outline-card{cursor:pointer;background:#fff;border:1px solid #ececf0;border-radius:14px;grid-template-columns:30px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 7px 16px #14141a06}.outline-card.active{border-color:#4f46e53d;box-shadow:0 10px 24px #14141a0d}.drag-handle,.outline-actions button{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.outline-index{color:#fff;background:#14141a;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.outline-copy{min-width:0}.outline-copy span{color:var(--accent);font-size:12px;font-weight:800}.outline-copy h4,.project-card h4,.template-card h4,.file-list h4{margin:2px 0 4px;font-size:15px;font-weight:800;line-height:1.35}.outline-copy p,.project-card p,.template-card p,.file-list p{color:#71717a;margin:0;font-size:13px;line-height:1.55}.outline-actions{gap:6px;display:flex}.outline-card-detail{background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;grid-column:3/-1;gap:7px;padding:11px 12px;display:grid}.outline-card-detail div{grid-template-columns:72px minmax(0,1fr);gap:10px;display:grid}.outline-card-detail strong{color:var(--muted);font-size:12px}.outline-card-detail span{font-size:12px;line-height:1.55}.slide-preview{background:var(--panel-soft);border:1px solid var(--line);border-radius:18px;width:min(100%,1040px);margin:0 auto;padding:20px;box-shadow:inset 0 1px #ffffffb8}.creative-candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,1120px);margin:0 auto;display:grid}.template-creative-candidate-view{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;padding:0 0 4px;display:grid;overflow:auto}.template-creative-grid{grid-template-columns:1fr;align-content:start;gap:14px;width:100%;padding:0 0 12px}.template-creative-hint{color:#9a3412;text-align:center;background:#fff7ed;border:1px solid #eadfd0;border-radius:12px;width:min(100%,1120px);margin:12px auto 0;padding:12px 14px;font-size:12px;font-weight:800}.creative-candidate-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;padding:12px;display:grid;box-shadow:0 14px 32px #14141a0f}.creative-image-button{cursor:zoom-in;background:#0f172a;border:1px solid #14141a14;border-radius:12px;grid-column:1/-1;width:100%;padding:0;display:block;position:relative;overflow:hidden}.creative-image-button img{aspect-ratio:8/3;object-fit:contain;background:#fff;width:100%;display:block}.creative-image-button span{color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border:1px solid #ffffff38;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}.creative-image-button:hover span{opacity:1;transform:translateY(0)}.creative-candidate-info{grid-column:1;align-content:start;gap:8px;min-height:0;display:grid}.creative-candidate-card strong{color:var(--ink);font-size:14px;font-weight:900}.creative-candidate-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.creative-candidate-card small{color:#a16207;font-size:11px}.creative-candidate-info .secondary{width:fit-content;min-height:32px;padding:0 12px}.creative-select-btn{grid-column:2;align-self:end;min-width:176px;min-height:36px}.slide-stage{aspect-ratio:16/9;background:#111;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px #14141a29}.slide-generating-preview{background:radial-gradient(circle at 18% 20%, #14b8a638, transparent 34%), radial-gradient(circle at 78% 18%, #4f46e52e, transparent 32%), var(--panel-soft)}.generating-stage{background:linear-gradient(135deg,#ffffff3d,#ffffff14),#10141f;place-items:center;display:grid;position:relative}.generating-stage:before{content:"";background:linear-gradient(115deg,#0000 0 35%,#ffffff29 45%,#0000 56%),repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 80px);animation:2.2s ease-in-out infinite shimmerSweep;position:absolute;inset:0}.slide-generating-preview.queued{background:var(--panel-soft)}.slide-generating-preview.failed{background:radial-gradient(circle at 18% 20%, #ef44442e, transparent 34%), var(--panel-soft)}.generating-stage.queued{background:linear-gradient(135deg,#ffffff2e,#ffffff0f),#20232c}.generating-stage.queued:before{opacity:.34;animation:none}.generating-stage.failed{background:linear-gradient(135deg,#ffffff29,#ffffff0f),#2b1519}.generating-stage.failed:before{opacity:.24;animation:none}.glass-loader{z-index:1;color:#fff;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:18px;align-content:center;place-items:center;gap:12px;width:min(420px,78%);min-height:190px;padding:28px;display:grid;position:relative;box-shadow:0 24px 70px #0000003d}.glass-loader strong{font-size:18px;font-weight:900}.glass-loader p{color:#ffffffb8;max-width:320px;margin:0;font-size:13px;line-height:1.6}.queued-dot{background:radial-gradient(circle,#ffffff94 0 18%,#0000 19%),#ffffff1a;border:2px solid #ffffff38;border-radius:999px;width:42px;height:42px}.failed-mark{color:#fecaca;background:#ef44442e;border:2px solid #f87171b8;border-radius:999px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:950;display:grid}.retry-slide-btn{color:#fff;background:#ffffff24;border:1px solid #fecaca73;border-radius:999px;min-height:34px;padding:0 14px;font-size:13px;font-weight:900}.retry-slide-btn:disabled{opacity:.56}.loader-ring{border:3px solid #ffffff38;border-top-color:#67e8f9;border-radius:999px;width:42px;height:42px;animation:.9s linear infinite spin}.slide-stage img{object-fit:contain;background:#111;width:100%;height:100%}.template-preview-shell{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(100%,1040px);margin:0 auto;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 44px #14141a14}.template-preview-shell img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}.thumb-strip{gap:10px;width:min(100%,1040px);margin:14px auto 0;padding:2px 2px 6px;display:flex;overflow-x:auto}.thumb-strip button{background:#fff;border:2px solid #0000;border-radius:12px;flex:0 0 124px;width:124px;padding:4px;position:relative;box-shadow:0 6px 16px #14141a0a}.thumb-strip button.active{border-color:#16161d;transform:translateY(-1px)}.slide-progress-strip button.pending{background:#ffffffb8}.slide-progress-strip button.queued{background:#eff0f4db}.slide-progress-strip button.failed{background:#fee2e2eb;border-color:#ef44446b}.slide-progress-strip button.done{border-color:#14b8a638}.thumb-strip img{object-fit:cover;border-radius:8px;width:100%;height:70px}.thumb-placeholder{color:#0000!important;background:linear-gradient(135deg,#14b8a624,#4f46e51f),#f7f8fb!important;border-radius:8px!important;place-items:center!important;width:100%!important;min-width:0!important;height:70px!important;display:grid!important;position:static!important}.thumb-placeholder.queued{background:linear-gradient(135deg,#94a3b829,#cbd5e13d),#eef0f4!important}.thumb-placeholder.failed{color:#b91c1c!important;background:linear-gradient(135deg,#ef444429,#fecaca47),#fef2f2!important}.thumb-placeholder b{font-size:22px;font-weight:950;line-height:1}.thumb-placeholder i{border:2px solid #14141a2e;border-top-color:#14b8a6;border-radius:999px;width:22px;height:22px;animation:.9s linear infinite spin}.thumb-strip span{color:#fff;background:#000000b8;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid;position:absolute;bottom:9px;right:9px}.thumb-strip .template-label{color:#5b2bd9;text-align:center;background:0 0;min-width:0;height:auto;padding:0;font-size:12px;font-weight:800;bottom:9px;left:0;right:0}.thumb-strip button:not(.active) .template-label{color:#5b5b66}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmerSweep{0%{opacity:.55;transform:translate(-35%)}50%{opacity:1}to{opacity:.55;transform:translate(35%)}}.file-list{gap:10px;display:grid}.file-list article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.file-list img{width:22px;height:22px}.source-image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.material-image-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:7px;min-width:0;padding:8px;display:grid}.source-image-grid img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%}.material-image-card span{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px;font-weight:800;overflow:hidden}.materials-empty{border:1px dashed var(--line-strong);background:var(--panel-soft);color:var(--muted);border-radius:14px;padding:16px;font-size:13px}.detail-panel{border:1px solid var(--line);box-shadow:var(--shadow-card);background:var(--panel-glass);border-radius:18px;overflow:hidden}.detail-panel.open{align-content:start;gap:13px;padding:16px;display:grid;overflow:auto}.detail-panel.collapsed{place-items:stretch stretch;display:grid}.inspector-collapsed{color:#14141a;background:#fff;border-left:0;border-radius:18px;place-items:center;gap:8px;width:100%;height:100%;min-height:0;font-size:12px;font-weight:800;display:grid}.inspector-collapsed span{writing-mode:vertical-rl;letter-spacing:0}.inspector-collapsed img{width:18px;height:18px}.detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.detail-tab{min-height:28px;color:var(--muted);background:#f2f2f5;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.detail-tab.active{color:var(--ink);border:1px solid var(--line);background:#fff}.suggestion-box,.revise-box{border-top:1px solid var(--line);gap:8px;margin-top:4px;padding-top:12px;display:grid}.reference-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.reference-head h4{margin:0}.reference-head .secondary{white-space:nowrap;gap:6px;min-height:30px;padding:0 10px;font-size:12px}.reference-head img{width:14px;height:14px}.reference-list{gap:8px;display:grid}.revise-box{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffe6,#ffffffc2),url(/static/aippt/materials/icon-sparkle.webp) right 12px top 12px/42px 42px no-repeat;border-radius:16px;padding:12px}.revise-box.attention{background:linear-gradient(135deg,#fff8edf5,#ffffffc7),url(/static/aippt/materials/icon-sparkle.webp) right 12px top 12px/42px 42px no-repeat;border-color:#f582204d}.revise-box.saved{background:linear-gradient(135deg,#eefbf6f5,#ffffffc7),url(/static/aippt/materials/icon-sparkle.webp) right 12px top 12px/42px 42px no-repeat;border-color:#10a86f4d}.page-edit-state{color:#a34b00;margin:-2px 0 2px;font-size:12px;font-weight:800;line-height:1.45}.page-edit-status{background:#ffffff9e;border:1px solid #14141a14;border-radius:12px;grid-template-columns:8px minmax(0,1fr);align-items:start;gap:10px;padding:10px 11px;display:grid}.page-edit-dot{background:#a6aab5;border-radius:999px;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 4px #a6aab51f}.page-edit-status strong{color:#24242d;font-size:12px;font-weight:900;line-height:1.35;display:block}.page-edit-status p{color:#6b6b76;margin:2px 0 0;font-size:12px;line-height:1.45}.page-edit-status.dirty{background:#fff8edd1;border-color:#f582203d}.page-edit-status.dirty .page-edit-dot{background:#f58220;box-shadow:0 0 0 4px #f5822026}.page-edit-status.dirty strong{color:#8a3f00}.page-edit-status.saved{background:#eefbf6d1;border-color:#10a86f3d}.page-edit-status.saved .page-edit-dot{background:#10a86f;box-shadow:0 0 0 4px #10a86f24}.page-edit-status.saved strong{color:#087646}.revise-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8px;display:grid}.revise-actions button{white-space:nowrap;min-width:0;padding:0 10px}.save-page-btn.attention:not(:disabled){color:#8a3f00;background:linear-gradient(135deg,#fff7ed 0%,#fff 100%);border-color:#f5822061;box-shadow:0 10px 24px #f5822024,inset 0 1px #fffc}.save-page-btn.saved:disabled{opacity:1;color:#087646;background:#e8f8f0db;border-color:#10a86f3d}.revise-regenerate-btn:not(:disabled){color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 52%,#0ea5e9 100%);border:1px solid #4f46e538;box-shadow:0 14px 30px #4f46e53d,0 6px 16px #0ea5e924,inset 0 1px #ffffff38}.revise-regenerate-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 36px #4f46e547,0 8px 20px #0ea5e929,inset 0 1px #ffffff42}.revise-regenerate-btn:not(:disabled) img{filter:brightness(0)invert()}.revise-regenerate-btn:disabled{color:#8a91a0;box-shadow:none;background:#eceef4;border:1px solid #14141a0f}.version-box{border-top:1px solid var(--line);gap:9px;padding-top:12px;display:grid}.version-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.version-head h4{color:var(--ink);margin:0;font-size:14px}.version-head span{background:var(--panel-soft);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.version-list{gap:8px;display:grid}.version-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.version-item:not(:disabled):hover{border-color:#4f46e552;box-shadow:0 10px 22px #4f46e51a}.version-item.active{background:linear-gradient(135deg,#eef0fff2,#fff);border-color:#4f46e557}.version-item img{object-fit:cover;border:1px solid var(--line);background:#f2f2f5;border-radius:8px;width:58px;height:34px}.version-item div{gap:2px;min-width:0;display:grid}.version-item strong,.version-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.version-item strong{color:var(--ink);font-size:12px;font-weight:900}.version-item span,.version-item small{color:var(--muted);font-size:12px}.version-note{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.version-note b{color:#4f46e5;margin-right:4px;font-weight:900}.version-item em{color:#4f46e5;font-size:12px;font-style:normal;font-weight:900}.version-item:disabled{cursor:default}.version-item.active:disabled{opacity:1}.page-action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.page-action-row .secondary,.page-action-row .danger-btn{white-space:nowrap;min-width:0;padding:0 10px}.danger-btn{min-height:32px;color:var(--danger);white-space:nowrap;background:#fff3f3;border:1px solid #e14c4c33;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.danger-btn img{flex:none;width:14px;height:14px}.suggestion-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px;display:grid}.suggestion-card.active{background:#fff;border-color:#16161d}.suggestion-card.no-image{grid-template-columns:minmax(0,1fr)}.suggestion-thumb{object-fit:cover;border:1px solid var(--line);background:#f2f2f5;border-radius:10px;width:64px;height:52px}.suggestion-copy{align-content:start;gap:4px;min-width:0;display:grid}.suggestion-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggestion-box span{color:var(--muted);font-size:12px;line-height:1.5}.suggestion-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.suggestion-actions .secondary{min-height:28px;padding:0 10px;font-size:12px}.danger-text{color:var(--danger)}.source-pick-box{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.source-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.source-pick-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;gap:6px;min-width:0;padding:8px;display:grid}.source-pick-card.active{border-color:#16161d;box-shadow:0 8px 18px #14141a14}.source-pick-card img{aspect-ratio:4/3;object-fit:cover;background:#f2f2f5;border-radius:9px;width:100%}.source-pick-card span,.source-pick-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-pick-card span{color:var(--ink);font-size:12px;font-weight:700}.source-pick-card small,.source-pick-empty{color:var(--muted);font-size:12px}.source-pick-empty{border:1px dashed var(--line-strong);background:var(--panel-soft);border-radius:12px;padding:12px}.source-pick-empty.compact{padding:10px 11px}.empty-state{text-align:center;min-height:300px;color:var(--muted);border:1px dashed var(--line-strong);background:var(--panel-soft);border-radius:16px;align-content:center;place-items:center;gap:10px;display:grid}.empty-state.compact{min-height:180px}.empty-state img{opacity:.78;width:124px;max-width:45%;height:auto}.canvas-empty-state{background:var(--panel-soft);border:0;border-radius:0;height:100%;min-height:100%;padding:0;position:relative;overflow:hidden}.canvas-empty-state img{object-fit:cover;opacity:1;width:100%;max-width:none;height:100%;min-height:0}.canvas-empty-state>div{background:var(--panel-glass);border:1px solid var(--line);width:min(420px,100% - 56px);box-shadow:var(--shadow-card);text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:16px 18px;position:absolute;bottom:28px;left:28px}.canvas-empty-state h3{color:var(--ink);font-size:18px}.canvas-empty-state p{margin-top:6px;line-height:1.55}.empty-state.compact img{width:42px}.empty-state h3,.empty-state p{margin:0}.projects-view,.templates-view{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:20px 18px 28px;overflow:auto}.section-title{justify-content:space-between;align-items:center;gap:16px;margin:8px 4px 22px;display:flex}.section-title h3{color:var(--ink);font-size:30px;font-weight:700;line-height:1.15}.project-page-head{align-items:flex-start;min-height:75px}.project-page-head p{margin-top:8px}.search-pill{background:#fff;border:1px solid #14141a0f;border-radius:999px;align-items:center;gap:8px;min-width:min(360px,100%);min-height:38px;padding:0 12px;display:flex}.search-pill input{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.project-filter-strip{background:var(--panel-glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0 4px 18px;padding:8px;display:flex;box-shadow:0 12px 30px #14141a0d}.project-filter-chips{flex-wrap:wrap;gap:4px;display:flex}.project-filter-chips button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.project-filter-chips button.active{color:#fff;background:#14141a;box-shadow:0 6px 14px #14141a2e}.project-filter-chips span{background:var(--panel-soft);border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.project-filter-chips button.active span{color:#fff;background:#fff3}.project-sort{border-radius:999px;width:132px;min-height:30px;font-size:12px;font-weight:600}.project-sort-wrap{position:relative}.project-sort-trigger{border:1px solid var(--line);min-width:116px;height:30px;color:var(--ink);background:#ffffff94;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:transform .16s,box-shadow .16s;display:inline-flex}.project-sort-trigger:hover{transform:translateY(-1px);box-shadow:0 6px 14px #14141a0f}.project-sort-trigger img{width:12px;height:12px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.project-sort-wrap.open .project-sort-trigger{color:#fff;background:#14141a;border-color:#14141a}.project-sort-wrap.open .project-sort-trigger img{filter:invert();transform:rotate(180deg)}.project-sort-mask{z-index:9;position:fixed;inset:0}.project-sort-menu{z-index:10;background:var(--panel-glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);border-radius:14px;min-width:168px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 38px #14141a1f,0 2px 6px #14141a0a}.project-sort-menu button{text-align:left;background:0 0;border-radius:10px;width:100%;padding:8px 12px;font-size:13px;display:block}.project-sort-menu button:hover{background:#6366f114}.project-sort-menu button.active{color:#4f46e5;background:#6366f114;font-weight:700}.project-grid,.template-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.project-card,.template-card{border:1px solid var(--line);background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);border-radius:16px;transition:transform .16s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 10px 24px #14141a0a}.project-card:hover,.template-card:hover,.template-card.active{border-color:#6366f147;transform:translateY(-2px);box-shadow:0 18px 38px #22201b14}.project-cover,.template-card>img{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#f0eee7,#fff);width:100%}.project-body,.template-card{padding:14px 16px 16px}.project-card .card-actions{opacity:0;background:linear-gradient(#0000,#14141a6b);justify-content:flex-end;align-items:flex-end;gap:8px;padding:12px;transition:opacity .16s;display:flex;position:absolute;inset:0}.project-card:hover .card-actions{opacity:1}.card-actions button{background:#fff;border-radius:999px;min-height:32px;padding:0 12px;font-size:12px;font-weight:700}.card-actions button.danger{color:var(--danger);background:#ffecec}.card-actions button.continue{color:#1d4ed8;background:#edf4ff}.card-meta,.tag-row{color:var(--faint);justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;display:flex}.create-card{cursor:pointer;background:linear-gradient(135deg,#ffffffdb,#ffffffb8),url(/static/banners/banner-create.png) 50%/cover;place-items:center;min-height:240px;display:grid}.create-card-inner{border:1px dashed var(--line-strong);text-align:center;background:#ffffffd1;border-radius:16px;align-content:center;place-items:center;gap:8px;width:82%;min-height:160px;display:grid}.create-card-inner>span{background:var(--brand);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.create-card-inner img{filter:invert();width:18px;height:18px}.projects-view .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 4px;display:grid}.projects-view .project-card{border:1px solid var(--line);background:var(--panel-glass);min-height:287px;box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff7a;-webkit-backdrop-filter:blur(18px);cursor:pointer;border-radius:16px;flex-direction:column;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .18s;display:flex;position:relative;overflow:hidden}.projects-view .project-card:hover{border-color:#6366f152;transform:translateY(-3px);box-shadow:0 22px 44px #14141a1a}.project-cover-wrap{aspect-ratio:16/9;background:linear-gradient(135deg,#1e1b4b,#6d28d9);width:100%;position:relative;overflow:hidden}.projects-view .project-cover{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.projects-view .project-card:hover .project-cover{transform:scale(1.04)}.project-cover-fade{pointer-events:none;background:linear-gradient(#0000 60%,#0f172a0f 100%);position:absolute;inset:0}.project-state-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141acc;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 10px 22px #14141a2e}.project-state-badge span{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff38}.projects-view .project-card .card-actions{opacity:0;pointer-events:none;background:0 0;justify-content:flex-end;align-items:center;gap:6px;padding:0;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:10px 10px auto;transform:translateY(-4px)}.projects-view .project-card:hover .card-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.projects-view .card-actions button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141ac7;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:58px;height:30px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.projects-view .card-actions button.danger{color:#fff;background:#e5484de6}.projects-view .card-actions button.continue{color:#fff;background:#2563ebeb}.projects-view .project-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.projects-view .project-body h4{color:var(--ink);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:700;overflow:hidden}.project-info{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.project-info-dot{color:var(--faint)}.project-info em{letter-spacing:.3px;white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:10px;font-style:normal;font-weight:800}.chip-draft{color:#b45309;background:#fef3c7}.chip-outline{color:#4f46e5;background:#6366f11f}.chip-preview{color:#1d4ed8;background:#dbeafe}.chip-exported{color:#166534;background:#dcfce7}.chip-running{color:#0369a1;background:#e0f2fe}.chip-partial{color:#c2410c;background:#ffedd5}.chip-failed{color:#b91c1c;background:#fee2e2}.projects-view .create-card{background:linear-gradient(135deg,#6366f11f,#ec489914),#ffffff61;border:1.5px dashed #6366f152;place-items:center;min-height:287px;display:grid}.projects-view .create-card:hover{background:linear-gradient(135deg,#6366f12e,#ec48991c),#ffffff85;border-color:#6366f199}.projects-view .create-card-inner{text-align:center;background:0 0;border:0;border-radius:0;width:auto;min-height:0;padding:24px}.projects-view .create-card-inner>span{background:#14141a;border-radius:16px;width:56px;height:56px;margin:0 auto 14px;transition:transform .22s cubic-bezier(.2,.8,.2,1);box-shadow:0 12px 24px #14141a2e}.projects-view .create-card:hover .create-card-inner>span{transform:rotate(-8deg)scale(1.06)}.projects-view .create-card-inner h4{color:var(--ink);margin:0;font-size:15px;font-weight:800}.projects-view .create-card-inner p{color:var(--muted);margin:6px 0 0;font-size:12px}.project-empty-state{text-align:center;align-content:center;place-items:center;gap:8px;min-height:320px;display:grid}.project-empty-state h3,.project-empty-state p{margin:0}.project-empty-state p{color:var(--muted);font-size:13px}@media (width>=1500px){.projects-view .project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1120px){.projects-view .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-row>div{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffeb,#ffffffb8),url(/static/showcase/show-kpi.png) right -12px center/96px no-repeat;border-radius:16px;min-height:72px;padding:12px 14px}.metric-row strong{margin-bottom:2px;font-size:24px;display:block}.metric-row span{color:var(--muted);font-size:12px;font-weight:800}.templates-view .segmented{width:fit-content;min-width:360px;margin:0 0 14px 4px}.template-manage-layout{grid-template-columns:minmax(0,1fr) 340px;gap:16px;min-height:0;display:grid}.template-list-pane{min-width:0}.template-detail-pane{border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;border-radius:18px;align-self:start;overflow:hidden}.template-detail-cover{aspect-ratio:16/9;object-fit:contain;background:#fff;width:100%}.template-detail-body{gap:12px;padding:16px;display:grid}.template-detail-body h3,.template-detail-body p{margin:0}.template-detail-body p{color:var(--muted);font-size:13px;line-height:1.65}.template-props{border:1px solid var(--line);background:var(--panel-soft);border-radius:14px;grid-template-columns:86px minmax(0,1fr);gap:8px 10px;margin:0;padding:12px;display:grid}.template-props dt{color:var(--muted);font-size:12px;font-weight:800}.template-props dd{margin:0;font-size:12px;line-height:1.45}.templates-view{padding:18px 18px 22px}.settings-view{padding:18px 18px 24px;overflow:auto}.settings-page-head{align-items:center}.settings-head-actions{align-items:center;gap:10px;display:flex}.model-capacity-pill{min-height:34px;color:var(--accent);background:#6366f114;border:1px solid #6366f133;border-radius:999px;align-items:center;padding:0 13px;font-size:12px;font-weight:760;display:inline-flex}.model-settings-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:16px;display:grid}.model-panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffffa8, #fff6), var(--panel-glass);border-radius:18px;min-width:0;padding:16px;box-shadow:0 18px 44px #14141a0e}.model-panel-wide{grid-column:1}.model-membership-panel{grid-area:1/2/span 2}.model-users-panel{grid-column:1/-1}.managed-user-create{border:1px solid var(--line);background:#ffffff94;grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) 150px auto;align-items:center;gap:10px;padding:12px;display:grid}.managed-user-create input,.managed-user-create select,.managed-user-row select{min-width:0;height:38px}.managed-user-list{border-top:1px solid var(--line);margin-top:12px}.managed-user-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 130px 150px 120px auto;align-items:end;gap:12px;min-height:64px;padding:10px 2px;display:grid}.managed-user-row label{color:var(--muted);gap:5px;font-size:11px;display:grid}.managed-user-identity{align-self:center;min-width:0}.managed-user-identity strong,.managed-user-identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.managed-user-identity strong{font-size:13px}.managed-user-identity span{color:var(--faint);margin-top:4px;font-size:10px}.managed-user-active{align-self:center;align-items:center;grid-template-columns:none!important;display:flex!important}.managed-user-active input{width:16px;height:16px;margin:0}@media (width<=1100px){.managed-user-create{grid-template-columns:1fr 1fr}.managed-user-row{grid-template-columns:minmax(160px,1fr) 120px 140px;align-items:center}}.model-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.model-panel-head h4{margin:0;font-size:17px;font-weight:760}.model-panel-head p{max-width:620px;color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.model-endpoint-list{gap:12px;display:grid}.model-endpoint-card{border:1px solid var(--line);background:#ffffffc2;border-radius:16px;gap:12px;padding:14px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffb8}.model-endpoint-card.image{background:linear-gradient(135deg,#14b8a614,#8b5cf60f),#ffffffb8;border-color:#14b8a62e}.model-endpoint-card.disabled{opacity:.72}.model-endpoint-top{align-items:center;gap:10px;display:flex}.model-endpoint-top strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:760;overflow:hidden}.model-endpoint-top>span{color:var(--accent);background:#6366f11a;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:760}.model-switch{width:auto;color:var(--muted);grid-template-columns:none;align-items:center;gap:7px;margin-left:auto;font-size:12px;font-weight:720;display:inline-flex}.model-switch input{width:16px;height:16px;padding:0}.model-switch em{font-style:normal}.model-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.model-form-grid .span-2{grid-column:span 2}.model-form-grid input,.membership-card input{background:#ffffffe0}.model-remove-btn{justify-self:end}.membership-grid{gap:12px;display:grid}.membership-card{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.membership-card-head{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.membership-card-head strong{font-size:14px;font-weight:780}.membership-card-head span{text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:780}.templates-view.template-library-home{position:relative;overflow:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 18px 100%);mask-image:linear-gradient(#0000 0,#000 18px 100%)}.template-library-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 4px 16px;display:grid}.template-library-summary span{border:1px solid var(--line);background:var(--panel-glass);min-height:76px;color:var(--muted);border-radius:16px;padding:14px 16px;font-size:12px;font-weight:650;box-shadow:0 12px 30px #14141a0a}.template-library-summary strong{color:var(--ink);margin-bottom:4px;font-size:25px;font-weight:750;line-height:1;display:block}.template-filter-strip{flex-wrap:wrap;align-items:center}.template-library-sections{gap:18px;padding-bottom:8px;display:grid}.template-library-section{border:1px solid var(--line);background:linear-gradient(180deg, #ffffffa3, #ffffff61), var(--panel-glass);-webkit-backdrop-filter:blur(18px);border-radius:18px;min-width:0;padding:16px;box-shadow:0 18px 44px #14141a0f}.template-library-section-mine{order:1}.template-library-section-system{order:2}.template-library-section+.template-library-section{margin-top:4px}.template-library-group-head{border-bottom:1px solid #14141a14;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 12px;padding-bottom:12px;display:flex}.template-library-group-head h4,.template-library-group-head p{margin:0}.template-library-group-head h4{color:var(--ink);font-size:17px;font-weight:850}.template-library-group-head p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45}.template-library-group-head strong{background:var(--panel-glass);border:1px solid var(--line);min-width:42px;height:30px;color:var(--ink);border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:850;display:grid}.template-group-filter{background:#ffffff80;justify-content:flex-start;align-items:flex-start;margin:0 0 16px}.template-kind-filters{justify-content:flex-start}.template-scene-filters{border-top:1px solid #14141a0f;flex:100%;padding-top:6px}.template-scene-filters button{min-height:32px;padding:0 10px}.template-library-grid{grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:18px;padding:0;display:grid}.template-library-card{border:1px solid var(--line);background:var(--panel-glass);min-width:0;box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff7a;-webkit-backdrop-filter:blur(18px);cursor:pointer;border-radius:16px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .18s;overflow:hidden}.template-library-card:hover{border-color:#6366f152;transform:translateY(-3px);box-shadow:0 22px 44px #14141a1a}.template-library-cover{aspect-ratio:16/9;background:linear-gradient(135deg,#f0eee7,#fff);width:100%;position:relative;overflow:hidden}.template-library-cover img{object-fit:contain;background:#fff;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.template-library-card.creative .template-library-cover img{object-fit:contain;background:#fff}.template-library-card:hover .template-library-cover img{transform:scale(1.035)}.template-library-cover .template-kind-pill{position:absolute;top:12px;left:12px;box-shadow:0 8px 18px #14141a1f}.template-published-pill{color:#fff;background:#10b981eb;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:10px;font-weight:850;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 8px 18px #10b9813d}.template-library-body{padding:14px 16px 16px}.template-library-body h4,.template-library-body p{margin:0}.template-library-body h4{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.template-library-body p{min-height:40px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.template-library-meta{color:var(--faint);align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.template-library-meta span{min-width:0}.template-library-meta span+span:before{content:"";background:var(--faint);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.template-library-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.template-library-actions .primary,.template-library-actions .secondary,.template-create-library-inner .secondary{border-radius:999px;min-height:32px;padding:0 12px;font-size:12px;font-weight:650}.template-create-library-card{background:linear-gradient(135deg,#ffffffdb,#ffffffb8),url(/static/banners/banner-upload.png) 50%/cover;place-items:center;min-height:296px;display:grid}.template-create-library-inner{border:1px dashed var(--line-strong);text-align:center;background:#ffffffd1;border-radius:16px;align-content:center;place-items:center;gap:8px;width:calc(100% - 32px);min-height:220px;padding:20px;display:grid}.template-create-library-inner>span{background:var(--brand);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.template-create-library-inner img{filter:invert();width:18px;height:18px}.template-create-library-inner h4,.template-create-library-inner p{margin:0}.template-create-library-inner h4{color:var(--ink);font-size:16px;font-weight:900}.template-create-library-inner p{color:var(--muted);font-size:12px;line-height:1.5}.template-create-library-inner div{gap:8px;margin-top:8px;display:flex}.template-empty-state{margin-top:16px}.template-create-modal{z-index:70;-webkit-backdrop-filter:blur(13px)saturate(1.08);background:radial-gradient(620px 420px at 7% -4%,#fb923c14,#0000 60%),radial-gradient(680px 520px at 102% 22%,#a78bfa1a,#0000 60%),radial-gradient(760px 560px at 58% 108%,#2dd4bf14,#0000 60%),#ffffff2e;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.template-create-modal:before,.template-create-modal:after{content:"";pointer-events:none;position:absolute}.template-create-modal:before{aspect-ratio:16/9;opacity:.58;background:linear-gradient(90deg,#a78bfa14 0 2px,#0000 2px 100%) 0 0/88px 88px,linear-gradient(0deg,#2dd4bf12 0 2px,#0000 2px 100%) 0 0/88px 88px,linear-gradient(145deg,#ffffffbd,#eee9ff70);border:1px solid #5674a821;border-radius:18px;width:min(1040px,82vw);top:11vh;left:9vw;transform:rotate(-4deg);box-shadow:0 30px 90px #4e658e29}.template-create-modal:after{filter:blur(.4px);opacity:.28;background:url(/static/template-create/template-bg-card.png) 50%/contain no-repeat;width:300px;height:390px;bottom:8vh;right:8vw}.template-create-dialog{z-index:1;-webkit-backdrop-filter:blur(24px)saturate(1.12);background:linear-gradient(#ffffffe6,#fffbf7d1);border:1px solid #ffffffc2;border-radius:22px;gap:18px;width:min(1120px,100vw - 44px);max-height:min(790px,100vh - 28px);padding:26px 30px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 100px #5345382e,inset 0 1px #ffffffdb}.template-create-dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.template-create-dialog-head strong{color:var(--ink);font-size:25px;font-weight:950;display:block}.template-create-dialog-head span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.5;display:block}.template-create-shell{grid-template-columns:minmax(280px,330px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.template-create-aside,.template-create-main{border:1px solid var(--line);border-radius:18px}.template-create-aside{min-height:500px;box-shadow:none;background:radial-gradient(260px 190px at 42% 86%,#a78bfa21,#0000 66%),radial-gradient(260px 200px at 70% 96%,#fb923c21,#0000 68%);border:0;border-radius:0;flex-direction:column;gap:14px;padding:0 12px 0 0;display:flex;position:relative;overflow:hidden}.template-create-kicker{color:#4b445f;background:#58507c1a;border-radius:999px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:900}.template-create-aside h3{color:var(--ink);letter-spacing:0;margin:0;font-size:20px;font-weight:950}.template-create-aside p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.template-create-preview-stack{height:106px;margin:2px 0;position:relative}.template-create-preview-stack span{aspect-ratio:16/9;background:linear-gradient(90deg,#948bae29 0 28%,#0000 28%),linear-gradient(135deg,#ffffffe6,#ece8fab8);border:1px solid #58507c1f;border-radius:12px;width:150px;position:absolute;box-shadow:0 18px 32px #4e658e29}.template-create-preview-stack span:first-child{top:16px;left:2px;transform:rotate(-7deg)}.template-create-preview-stack span:nth-child(2){top:2px;left:54px;transform:rotate(3deg)}.template-create-preview-stack span:nth-child(3){background:linear-gradient(0deg,#2dd4bf21 0 26%,#0000 26%),linear-gradient(135deg,#ffffffe6,#e6f7f2bd);top:32px;left:104px;transform:rotate(8deg)}.template-create-aside .template-create-mode.large{background:0 0;border:0;grid-template-columns:1fr;gap:14px;min-height:0;padding:0;display:grid}.template-create-aside .template-create-mode.large button{min-height:116px;color:var(--muted);text-align:left;background:#ffffffa3;border:1px solid #453d541c;border-radius:16px;grid-template-columns:64px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:18px 16px;display:grid;position:relative;box-shadow:0 14px 30px #453d540e,inset 0 1px #ffffffb8}.template-create-aside .template-create-mode.large button.active{color:var(--ink);background:radial-gradient(180px 120px at 95% 5%,#fb923c1f,#0000 70%),linear-gradient(135deg,#a78bfa2e,#ffffffd1 52%,#fde8e875),#ffffffdb;border-color:#7b5cff7a;box-shadow:0 18px 40px #7b5cff21,inset 0 1px #ffffffc7}.template-create-aside .template-create-mode.large strong,.template-create-aside .template-create-mode.large small{display:block}.template-create-aside .template-create-mode.large strong{color:var(--ink);font-size:15px;font-weight:950}.template-create-aside .template-create-mode.large small{color:var(--muted);margin-top:7px;font-size:13px;font-weight:750;line-height:1.55}.template-create-aside .template-create-mode.large button>i{color:#6b6476;font-size:26px;font-style:normal;line-height:1}.template-mode-icon{background:0 0;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.template-mode-icon img{object-fit:contain;width:62px;height:62px;display:block}.template-create-illustration{flex:1;min-height:286px;margin-top:12px;position:relative}.template-create-illustration:before{content:"";background:repeating-linear-gradient(118deg,#a78bfa1a 0 1px,#0000 1px 8px),radial-gradient(circle at 42% 46%,#a78bfa1f,#0000 56%);border-radius:50%;position:absolute;inset:70px -18px -42px -34px;transform:rotate(-8deg)}.template-create-illustration img{object-fit:contain;filter:drop-shadow(0 22px 34px #453d5424);width:min(282px,100% - 28px);max-height:260px;display:block;position:absolute;bottom:0;left:26px}.illustration-card.front i{background:#453d541a;border-radius:999px;width:72px;height:8px;display:block}.template-create-hints{gap:8px;margin-top:auto;display:grid}.template-create-hints div{background:#ffffff85;border:1px solid #5674a824;border-radius:13px;padding:11px}.template-create-hints strong,.template-create-hints small{display:block}.template-create-hints strong{color:var(--ink);font-size:13px;font-weight:900}.template-create-hints small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45}.template-create-main{background:radial-gradient(420px 280px at 96% 6%,#fb923c14,#0000 70%),linear-gradient(#ffffffc7,#ffffff8f);border-color:#453d541a;border-radius:18px;align-content:start;gap:18px;padding:28px 32px 24px;display:grid;box-shadow:0 16px 40px #453d540b,inset 0 1px #ffffffd1}.template-create-file-card{cursor:pointer;background:linear-gradient(135deg,#a78bfa1c,#2dd4bf11),#ffffffbd;border:1px solid #58507c2e;border-radius:17px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:98px;padding:16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.template-create-file-card.upload-zone{text-align:center;background:#ffffff80;border-style:dashed;border-color:#453d5429;border-radius:15px;grid-template-columns:1fr;justify-items:center;gap:10px;min-height:190px;padding:28px}.template-create-file-card.upload-zone .template-create-icon{width:62px;height:62px;box-shadow:none;background:0 0;border-radius:0}.template-create-file-card.upload-zone .template-create-icon img{object-fit:contain;filter:none;width:66px;height:66px}.template-create-file-card.upload-zone:hover{border-color:#7b5cff57;transform:none;box-shadow:inset 0 0 0 1px #7b5cff14}.template-create-file-card:hover{border-color:#58507c52;transform:translateY(-1px);box-shadow:0 14px 30px #58507c1a}.template-create-file-card.compact{min-height:132px;margin-top:4px}.template-create-file-card strong,.template-layout-create-list strong{color:var(--ink);font-size:14px;font-weight:900}.template-create-file-card small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.upload-zone-copy{gap:5px;display:grid}.template-create-section{gap:12px;display:grid}.template-create-section-head{justify-content:space-between;align-items:flex-end;gap:16px;padding:0 2px;display:flex}.template-create-section-head.top{align-items:flex-start;padding:0}.template-create-section-head.top>div{gap:4px;display:grid}.template-create-section-head strong{color:var(--ink);font-size:20px;font-weight:950}.template-create-section-head span{color:var(--muted);font-size:12px;line-height:1.4}.template-layout-create-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.template-layout-create-list article{cursor:pointer;background:#ffffff9e;border:1px solid #5674a824;border-radius:14px;align-content:start;gap:9px;min-height:122px;padding:12px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.template-layout-create-list article:hover{border-color:#58507c3d;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0f}.template-layout-create-list article.active{background:linear-gradient(#a78bfa1a,#ffffffad);border-color:#7b5cff8a}.template-layout-create-list article.locked{cursor:default}.template-layout-create-list article>div{align-items:center;gap:8px;display:flex}.layout-card-check{background:#ffffffb8;border:1.5px solid #453d5438;border-radius:50%;width:15px;height:15px;min-height:15px;padding:0;position:absolute;top:12px;right:12px}.template-layout-create-list article.active .layout-card-check{background:radial-gradient(circle,#7b5cff 0 42%,#0000 45%),#fff;border-color:#7b5cff}.layout-card-preview{background:50%/contain no-repeat;border-radius:8px;width:100%;height:50px;padding:0;display:block}.layout-card-preview b,.layout-card-preview i{display:none}.layout-card-preview.preview-cover{background-image:url(/static/template-create/preview-cover.png)}.layout-card-preview.preview-toc{background-image:url(/static/template-create/preview-toc.png)}.layout-card-preview.preview-section{background-image:url(/static/template-create/preview-section.png)}.layout-card-preview.preview-content,.layout-card-preview.preview-closing{background-image:url(/static/template-create/preview-content.png)}.layout-card-title{text-align:center;justify-content:center}.template-layout-create-list span:not(.layout-card-check),.template-layout-create-list em{background:var(--panel-soft);min-height:22px;color:var(--muted);border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.template-layout-create-list .layout-card-title span{display:none}.template-layout-create-list p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.template-layout-create-list em{position:absolute;bottom:12px;right:12px}.template-layout-create-list article.active em{color:#4b445f;background:#58507c1f}.create-dialog-form{background:0 0;border:0;border-radius:0;padding:0}.template-create-dialog-actions{justify-content:flex-end;gap:14px;padding-top:4px;display:flex}.template-create-dialog-actions .primary,.template-create-dialog-actions .secondary{border-radius:999px;min-width:110px;min-height:46px;padding:0 24px}.template-create-dialog-actions .primary{background:linear-gradient(#171925,#171925) padding-box padding-box,linear-gradient(135deg,#7b5cff,#f97316) border-box;border:1px solid #0000;min-width:170px;box-shadow:0 14px 28px #1719252e,0 0 0 1px #7b5cff29}.template-create-dialog-actions .secondary{background:#ffffff8a;border-color:#453d541f}@media (width<=860px){.template-create-modal{align-items:start;padding:12px;overflow-y:auto}.template-create-dialog{gap:12px;width:min(640px,100vw - 28px);max-height:none;padding:14px;overflow:visible}.template-create-dialog-head strong{font-size:22px}.template-create-dialog-head span{font-size:12px}.template-create-aside .template-create-mode.large button{min-height:94px;padding:14px}.template-create-shell,.template-layout-create-list{grid-template-columns:1fr}.template-create-aside{min-height:0}.template-create-illustration{min-height:160px;margin-top:6px}.template-create-illustration img{width:min(214px,68%);max-height:150px;left:50%;transform:translate(-50%)}.template-create-illustration:before{inset:46px 8px -22px}.template-create-main{gap:12px;padding:20px}.template-create-file-card.upload-zone{min-height:142px;padding:18px}.template-create-file-card.upload-zone .template-create-icon{width:50px;height:50px}.template-create-file-card.upload-zone .template-create-icon img{width:54px;height:54px}.template-create-section-head strong{font-size:18px}.template-create-hints{margin-top:0}}.template-editor-shell{grid-template-columns:minmax(0,1fr) 318px;gap:14px;height:100%;min-height:0;display:grid}.template-editor-shell.creative-draft,.template-editor-shell.no-inspector{grid-template-columns:minmax(0,1fr)}.template-editor-main,.template-frame-inspector{-webkit-backdrop-filter:blur(22px);background:#ffffff8f;border:1px solid #14141a12;border-radius:18px;min-height:0;box-shadow:0 18px 46px #14141a0b,inset 0 1px #ffffff75}.template-editor-head h3{color:var(--ink);margin:0;font-size:18px;font-weight:700}.icon-primary{background:#14141a;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 12px 24px #14141a29}.icon-primary img{filter:invert();width:16px;height:16px}.template-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-stats span{min-width:0;color:var(--muted);text-align:center;background:#ffffff3d;border:1px solid #14141a0e;border-radius:12px;padding:10px 8px;font-size:11px;font-weight:650}.template-stats strong{color:var(--ink);font-size:18px;font-weight:750;display:block}.template-create-card,.template-create-options,.template-rule-section{background:#ffffff38;border:1px solid #14141a0f;border-radius:14px}.template-create-card{text-align:left;background:linear-gradient(135deg,#a78bfa1a,#2dd4bf0f),#fff3;border-style:dashed;border-color:#58507c47;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px 12px;padding:12px;display:grid}.template-create-card:hover{border-color:#58507c66;box-shadow:0 12px 28px #58507c17}.template-create-icon{background:linear-gradient(135deg,#23212b,#615a75);border-radius:14px;grid-row:span 3;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 12px 26px #23212b2e}.template-create-icon img{filter:invert();width:18px;height:18px}.template-create-card strong,.template-library-head strong,.template-create-step strong,.template-rule-section strong{color:var(--ink);font-size:13px;font-weight:700}.template-create-card small,.template-library-head small,.template-create-step small,.template-rule-section small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.45;display:block}.template-create-card em{color:#2457e6;background:#2563eb1a;border-radius:999px;width:fit-content;margin-top:6px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:900}.template-create-options{gap:10px;padding:12px;display:grid}.template-create-step{display:block}.template-library-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.template-library-head small{text-align:left}.layout-chip-grid{flex-wrap:wrap;gap:7px;display:flex}.layout-chip-grid button{min-height:32px;color:var(--muted);background:#ffffff57;border:1px solid #14141a0f;border-radius:999px;padding:0 11px;font-size:12px;font-weight:850}.layout-chip-grid button.active{color:#3730a3;background:#6366f11a;border-color:#6366f157}.layout-chip-grid button.locked{cursor:default}.template-list{scrollbar-width:thin;scrollbar-color:#4f46e561 #14141a0f;flex-direction:column;gap:9px;min-height:auto;padding-right:0;display:flex;overflow:visible}.template-list::-webkit-scrollbar{width:8px;height:8px}.template-list::-webkit-scrollbar-track{background:#14141a0f;border-radius:999px}.template-list::-webkit-scrollbar-thumb{background:#4f46e561;border-radius:999px}.template-list::-webkit-scrollbar-thumb:hover{background:#4f46e594}.template-list-card{text-align:left;background:#ffffff3d;border:1px solid #0000;border-radius:14px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:74px;padding:8px;display:grid}.template-list-card:hover,.template-list-card.active{background:#ffffff80;border-color:#6366f142;box-shadow:0 12px 28px #14141a12}.template-list-card img{aspect-ratio:16/9;object-fit:contain;background:#fff;border-radius:10px;width:86px}.template-list-card.creative img{object-fit:contain;background:#fff}.template-list-card strong,.template-list-card small{min-width:0;display:block}.template-list-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.template-list-card small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.3}.template-card-meta{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex!important}.template-card-meta>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.template-kind-pill{border:1px solid #0000;border-radius:999px;flex:none;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:800;display:inline-flex}.template-kind-pill.standard,.status-tag.template-kind-tag.standard{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.template-kind-pill.creative,.status-tag.template-kind-tag.creative{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.status-tag.template-publish-tag,.template-publish-btn.active{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.status-tag.template-system-tag,.template-system-btn.active{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.template-editor-main{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;padding:12px;display:grid;overflow:hidden}.template-editor-main>*{min-width:0}.template-editor-main.creative-mode-main{grid-template-rows:auto minmax(0,1fr) auto}.template-editor-main.creative-mode-main .template-editor-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:4px;display:flex}.template-editor-main.creative-mode-main .template-editor-actions{flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;width:auto}.template-editor-main.creative-mode-main .template-action-group{flex:none}.template-editor-main.creative-mode-main .template-action-admin{margin-left:0}.template-editor-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;margin-bottom:6px;display:grid}.template-editor-title{flex:auto;min-width:0}.template-editor-titleline{align-items:center;gap:8px;min-width:0;display:flex}.template-editor-titleline .status-tag{flex:none;min-height:24px;padding:0 9px;font-size:11px}.template-editor-titleline h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.template-editor-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:100%;max-width:100%;padding-bottom:1px;display:flex;overflow:visible}.template-action-group{background:#ffffff38;border:1px solid #14141a0f;border-radius:13px;align-items:center;gap:5px;min-width:0;padding:3px;display:inline-flex;box-shadow:inset 0 1px #ffffff52}.template-action-primary{background:#ffffff52}.template-action-edit{background:#2563eb0f;border-color:#2563eb24}.template-action-admin{background:#14141a09;border-color:#14141a14;margin-left:auto}.template-editor-actions .primary,.template-editor-actions .secondary{min-height:28px;box-shadow:none;border-radius:10px;padding:0 9px;font-size:11px;font-weight:750}.template-present-btn img{width:13px;height:13px}.template-mode-btn.active{color:#4f46e5;background:#6366f11c;border-color:#6366f152}.template-workflow-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.template-workflow-strip button{text-align:left;background:#ffffff38;border:1px solid #14141a0f;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:2px 9px;min-height:72px;padding:11px;display:grid}.template-workflow-strip button.active{background:linear-gradient(#6366f11f,#fff3);border-color:#2563eb59}.template-workflow-strip span{color:#4f46e5;background:#6366f11c;border-radius:10px;grid-row:span 2;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.template-workflow-strip button.active span{color:#fff;background:#14141a}.template-workflow-strip strong{min-width:0;color:var(--ink);font-size:13px;font-weight:900}.template-workflow-strip small,.template-page-switch-head small{color:var(--muted);font-size:11px;line-height:1.45}.template-page-switch-head{background:#fff3;border:1px solid #14141a0f;border-radius:14px;padding:11px 13px}.template-page-switch-head strong{color:var(--ink);margin-bottom:3px;font-size:13px;font-weight:900;display:block}.template-frame-board,.template-showcase-view{grid-template-rows:minmax(0,1fr);place-items:center;gap:0;width:100%;min-width:0;max-width:100%;min-height:0;display:grid;overflow:hidden}.template-frame-toolbar{justify-content:flex-end;align-items:center;gap:6px;min-height:28px;display:flex}.template-frame-toolbar strong{color:var(--ink);font-size:14px}.template-frame-toolbar span{color:var(--muted);margin-right:auto;font-size:12px}.template-frame-toolbar-actions{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.template-frame-toolbar-actions .secondary,.inspector-card-title .secondary,.template-frame-inspector .primary.full-width,.template-frame-inspector .secondary.full-width{border-radius:10px;min-height:28px;padding:0 9px;font-size:11px;font-weight:750}.template-frame-canvas{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(45deg,#14141a08 25%,#0000 25%),linear-gradient(-45deg,#14141a08 25%,#0000 25%),#ffffff47;border:1px solid #14141a13;border-radius:16px;flex:none;place-self:center;width:auto;max-width:100%;height:100%;min-height:0;max-height:100%;position:relative;overflow:hidden}.template-frame-canvas>img{object-fit:contain;width:100%;height:100%;display:block}.template-showcase-stage{aspect-ratio:16/9;background:#ffffff47;border:1px solid #14141a13;border-radius:16px;place-self:center;width:auto;max-width:100%;height:100%;max-height:100%;overflow:hidden;box-shadow:0 14px 34px #14141a0f}.template-showcase-stage img{object-fit:contain;width:100%;height:100%;display:block}.template-creative-ready-empty{text-align:center;background:#ffffff61;border:1px dashed #6366f147;border-radius:18px;align-content:center;place-items:center;gap:10px;min-height:360px;padding:28px;display:grid}.template-creative-ready-empty strong{color:var(--ink);font-size:18px;font-weight:900}.template-creative-ready-empty span{max-width:520px;color:var(--muted);font-size:13px;line-height:1.55}.template-editor-main>.thumb-strip{scrollbar-gutter:stable;background:#ffffff38;border:1px solid #14141a11;border-radius:15px;width:100%;min-width:0;max-width:100%;min-height:108px;max-height:118px;margin:0;padding:7px 8px 15px;box-shadow:inset 0 1px #ffffff59}.template-editor-main.template-side-thumbs{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(220px,20vw,280px);align-items:start}.template-editor-main.creative-mode-main.template-side-thumbs{grid-template-columns:minmax(0,1fr) clamp(260px,21vw,330px);gap:12px}.template-editor-main.template-side-thumbs .template-editor-head{grid-column:1/-1}.template-editor-main.template-side-thumbs :is(.template-showcase-view,.template-frame-board,.template-creative-ready-empty){grid-area:2/1}.template-editor-main.template-side-thumbs>.thumb-strip{flex-direction:column;grid-area:2/2;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:8px 8px 14px;overflow:hidden auto}.template-editor-main.template-side-thumbs>.thumb-strip button{flex:none;width:100%}.template-editor-main.template-side-thumbs>.thumb-strip img{aspect-ratio:16/9;object-fit:contain;background:#fff;height:auto}.template-editor-main.template-side-thumbs .template-showcase-stage{margin:0 auto}.template-editor-main.creative-mode-main.template-side-thumbs .template-showcase-view{align-self:start;height:min(100%,100vh - 190px);max-height:calc(100vh - 190px);padding:0}.template-editor-main.creative-mode-main.template-side-thumbs .template-showcase-stage{width:auto;max-width:100%;height:100%;max-height:100%}.template-editor-main.creative-mode-main.template-side-thumbs>.thumb-strip{height:min(100%,100vh - 190px);max-height:calc(100vh - 190px);padding:10px}.template-editor-main.creative-mode-main.template-side-thumbs>.thumb-strip button{border-radius:14px;padding:6px}.template-editor-main.creative-mode-main.template-side-thumbs>.thumb-strip img{border-radius:10px}.template-layout-strip{margin-top:0}.template-layout-strip button{flex:0 0 124px;width:124px}.template-layout-strip button.active{border-color:#16161d}.template-layout-strip img,.template-layout-empty-thumb{background:linear-gradient(135deg,#6366f11f,#ec489914);border-radius:8px;width:100%;height:70px}.template-layout-strip img{object-fit:cover}.template-layout-empty-thumb{color:var(--accent);place-items:center;font-size:18px;font-weight:900;display:grid}.template-layout-strip small{color:#fff;background:#14141ab8;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:850;display:grid;position:absolute;bottom:9px;right:9px}.template-showcase-thumb-strip button{flex:0 0 264px;width:264px}.template-showcase-thumb-strip small{color:#fff;background:#14141ab8;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:850;display:grid;position:absolute;bottom:9px;right:9px}.template-frame-empty{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}.template-frame-box{box-sizing:border-box;cursor:move;background:#2563eb14;border:1.5px dashed #2563ebbf;position:absolute}.template-frame-box.selected{background:#2563eb1f;border-style:solid;border-color:#2457e6;box-shadow:0 0 0 2px #2563eb29}.template-frame-box>span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#2457e6;border-radius:7px;max-width:200px;padding:4px 8px;font-size:11px;font-weight:850;line-height:1.1;position:absolute;top:-25px;left:8px;overflow:hidden}.template-frame-box i{background:#fff;border:2px solid #2457e6;border-radius:999px;width:11px;height:11px;position:absolute}.template-frame-box i.nw{cursor:nwse-resize;top:-7px;left:-7px}.template-frame-box i.ne{cursor:nesw-resize;top:-7px;right:-7px}.template-frame-box i.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.template-frame-box i.se{cursor:nwse-resize;bottom:-7px;right:-7px}.template-showcase-strip{gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.template-showcase-strip button{text-align:left;background:#ffffff3d;border:1px solid #14141a0f;border-radius:13px;flex:0 0 154px;gap:6px;padding:8px;display:grid}.template-showcase-strip img{aspect-ratio:16/9;object-fit:cover;background:#f4f2ed;border-radius:9px;width:100%}.template-showcase-strip span{color:var(--muted);font-size:10px;font-weight:850}.template-showcase-strip strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;overflow:hidden}.template-frame-inspector{flex-direction:column;gap:13px;padding:16px;display:flex;overflow:auto}.template-settings-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-settings-head strong{color:var(--ink);font-size:18px;font-weight:900;display:block}.template-settings-head small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45;display:block}.template-settings-tabs{background:#fff3;border:1px solid #14141a0f;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.template-settings-tabs button{min-height:38px;color:var(--muted);background:0 0;border-radius:11px;font-size:13px;font-weight:900}.template-settings-tabs button.active{color:#2457e6;background:#ffffff85;box-shadow:0 8px 18px #14141a14}.template-settings-panel{gap:12px;display:grid}.template-panel-note{background:linear-gradient(135deg,#6366f114,#ffffff2e);border:1px solid #2563eb24;border-radius:14px;gap:4px;padding:12px;display:grid}.template-panel-note strong{color:var(--ink);font-size:13px;font-weight:900}.template-panel-note span{color:var(--muted);font-size:12px;line-height:1.5}.template-page-chip-grid{background:#ffffff2e;border:1px solid #14141a0f;border-radius:12px;padding:6px}.template-frame-inspector .layout-chip-grid{flex-wrap:nowrap;gap:5px;padding-bottom:2px;overflow-x:auto}.template-frame-inspector .layout-chip-grid button{flex:none;min-height:28px;padding:0 8px;font-size:11px}.inspector-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.inspector-card-title strong{color:var(--ink);font-size:16px}.inspector-card-title .small{border-radius:11px;min-height:34px;padding:0 13px;font-size:12px}.template-rule-divider{background:linear-gradient(90deg, transparent, var(--line-strong), transparent);height:1px;margin:2px 0}.template-rule-section{overflow:hidden}.rule-section-head{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.rule-section-head em{color:var(--muted);font-size:12px;font-style:normal;font-weight:850}.rule-section-body{gap:12px;padding:0 12px 12px;display:grid}.palette-swatch-list{gap:8px;display:grid}.palette-swatch-row{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.frame-color-field{align-self:start}.frame-color-dropdown{min-width:0;position:relative}.frame-color-trigger{text-align:left;background:#ffffff6b;border:1px solid #14141a11;border-radius:11px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;width:100%;height:38px;padding:0 10px;display:grid}.frame-color-trigger i,.frame-color-menu i{border:1px solid #14141a29;border-radius:999px;width:16px;height:16px;box-shadow:inset 0 1px #ffffff4d}.frame-color-trigger span,.frame-color-menu span{gap:1px;min-width:0;display:grid}.frame-color-trigger strong,.frame-color-menu strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:12px;font-weight:850;overflow:hidden}.frame-color-trigger small,.frame-color-menu small{color:var(--muted);font-size:10px;font-weight:700}.frame-color-menu-mask{z-index:22;background:0 0;position:fixed;inset:0}.frame-color-menu{z-index:23;background:#fffffff5;border:1px solid #14141a14;border-radius:13px;gap:4px;max-height:210px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 34px #14141a24}.frame-color-menu button{text-align:left;background:0 0;border-radius:10px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:38px;padding:6px 8px;display:grid}.frame-color-menu button:hover,.frame-color-menu button.active{background:#6366f11a}.template-frame-inspector .palette-swatch-row input[type=color]{cursor:pointer;height:38px;padding:4px}.ghost-icon{min-height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:0 10px;font-size:12px;font-weight:850}.ghost-icon:hover{color:var(--ink);background:#14141a0f}.full-width{justify-content:center;width:100%}.template-frame-inspector label,.template-frame-inspector .template-field-block{color:var(--muted);gap:7px;font-size:12px;font-weight:850;display:grid}.template-frame-inspector input,.template-frame-inspector select,.template-frame-inspector textarea{width:100%;min-width:0;color:var(--ink);font:inherit;box-sizing:border-box;background:#ffffff6b;border:1px solid #14141a11;border-radius:11px;font-size:13px;font-weight:650}.template-frame-inspector input,.template-frame-inspector select{height:38px;padding:0 11px}.template-frame-inspector textarea{resize:vertical;padding:10px 11px;line-height:1.5}.template-frame-inspector .field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.danger-light{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.template-help-box{color:var(--muted);background:#6366f114;border-radius:13px;padding:12px;font-size:12px;line-height:1.6}.template-help-box.compact{border-radius:11px;padding:8px 10px}@media (width<=1240px){.topbar{grid-template-columns:minmax(200px,1fr) auto}.topbar-center{order:3;grid-column:1/-1;width:fit-content}.main-shell{grid-template-rows:114px minmax(0,1fr)}.workspace-grid{grid-template-columns:minmax(320px, var(--chat-pane-width,360px)) 10px minmax(0, 1fr) var(--inspector-pane-width,320px)}}@media (width>=1041px) and (width<=1320px){.workspace-grid{grid-template-columns:minmax(320px, min(var(--chat-pane-width,340px), 340px)) 8px minmax(360px, 1fr) 300px;gap:10px;padding:12px}}@media (width<=1040px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100%}.app-shell.rail-expanded{grid-template-columns:1fr}.side-rail{z-index:20;flex-direction:row;align-items:center;height:auto;padding:10px 14px;position:sticky;top:0}.brand-copy,.rail-copy{display:none}.brand-button,.side-rail nav button,.rail-action{justify-content:center;width:46px;height:46px;padding:0}.side-rail nav{display:flex}.rail-bottom{flex-direction:row;gap:8px;margin-top:0;margin-left:auto}.main-shell{grid-template-rows:auto minmax(0,1fr);height:auto;min-height:calc(100vh - 67px)}.topbar,.section-title,.canvas-heading{flex-direction:column;align-items:flex-start;display:flex}.topbar-center,.top-actions,.canvas-tools{width:100%}.workspace-grid{grid-template-columns:1fr;gap:12px;display:grid}.creator-panel,.canvas-panel,.detail-panel{border-radius:20px;min-height:auto}.chat-resize-handle,.detail-panel.collapsed{display:none}.template-manage-layout{grid-template-columns:1fr}.template-editor-shell,.template-editor-shell.creative-draft{grid-template-columns:1fr;height:auto}.template-editor-main,.template-frame-inspector{min-height:auto}:root:not(.touch-optimized) body{overflow:auto}:root:not(.touch-optimized) .app-shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);width:100%;min-width:0;height:100vh;min-height:0;overflow:hidden}:root:not(.touch-optimized) .app-shell.rail-expanded{grid-template-columns:var(--rail-open-width) minmax(0, 1fr)}:root:not(.touch-optimized) .side-rail{z-index:auto;flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:14px 12px;position:static;top:auto}:root:not(.touch-optimized) .brand-button,:root:not(.touch-optimized) .side-rail nav button,:root:not(.touch-optimized) .rail-action{justify-content:center;width:100%;height:auto;min-height:40px;padding:0}:root:not(.touch-optimized) .app-shell.rail-expanded .brand-button,:root:not(.touch-optimized) .app-shell.rail-expanded .side-rail nav button,:root:not(.touch-optimized) .app-shell.rail-expanded .rail-action{justify-content:flex-start;min-height:48px;padding:0 12px}:root:not(.touch-optimized) .app-shell.rail-expanded .brand-copy,:root:not(.touch-optimized) .app-shell.rail-expanded .rail-copy{display:flex}:root:not(.touch-optimized) .side-rail nav{display:grid}:root:not(.touch-optimized) .rail-bottom{flex-direction:column;margin-top:auto;margin-left:0}:root:not(.touch-optimized) .main-shell{grid-template-rows:76px minmax(0,1fr);height:100%;min-height:0;overflow:hidden}:root:not(.touch-optimized) .topbar{flex-direction:initial;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:center;height:60px;display:grid}:root:not(.touch-optimized) .topbar:not(.workspace-topbar){grid-template-columns:minmax(0,1fr) auto}:root:not(.touch-optimized) .topbar-center,:root:not(.touch-optimized) .top-actions,:root:not(.touch-optimized) .canvas-tools{width:auto}:root:not(.touch-optimized) .workspace-grid{grid-template-columns:minmax(320px, var(--chat-pane-width,360px)) 10px minmax(0, 1fr) var(--inspector-pane-width,320px);gap:14px;display:grid}:root:not(.touch-optimized) .template-editor-shell{grid-template-columns:minmax(0,1fr) 318px;height:100%;min-height:0}:root:not(.touch-optimized) .template-editor-shell.creative-draft,:root:not(.touch-optimized) .template-editor-shell.no-inspector{grid-template-columns:minmax(0,1fr)}:root:not(.touch-optimized) .template-editor-main,:root:not(.touch-optimized) .template-frame-inspector{min-height:0}}@media (width<=1180px){:root:not(.touch-optimized) .template-editor-shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}:root:not(.touch-optimized) .template-editor-shell.creative-draft,:root:not(.touch-optimized) .template-editor-shell.no-inspector{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}:root:not(.touch-optimized) .template-editor-main{grid-area:1/1}:root:not(.touch-optimized) .template-frame-inspector{grid-area:2/1;max-height:260px;overflow:auto}:root:not(.touch-optimized) .template-editor-main.template-side-thumbs{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}:root:not(.touch-optimized) .template-editor-main.template-side-thumbs :is(.template-showcase-view,.template-frame-board,.template-creative-ready-empty){grid-area:2/1}:root:not(.touch-optimized) .template-editor-main.template-side-thumbs>.thumb-strip{flex-direction:row;grid-area:3/1;width:100%;height:auto;max-height:none;padding:8px 10px 15px;overflow:auto hidden}:root:not(.touch-optimized) .template-editor-main.template-side-thumbs>.thumb-strip button{flex:0 0 280px;width:280px}}@media (width>=640px) and (width<=1180px){:root:not(.touch-optimized) .template-editor-shell.no-inspector .template-editor-main.template-side-thumbs{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(220px,30vw,280px)}:root:not(.touch-optimized) .template-editor-shell.no-inspector .template-editor-main.template-side-thumbs :is(.template-showcase-view,.template-frame-board,.template-creative-ready-empty){grid-area:2/1}:root:not(.touch-optimized) .template-editor-shell.no-inspector .template-editor-main.template-side-thumbs>.thumb-strip{flex-direction:column;grid-area:2/2;width:100%;height:100%;max-height:none;padding:8px 8px 14px;overflow:hidden auto}:root:not(.touch-optimized) .template-editor-shell.no-inspector .template-editor-main.template-side-thumbs>.thumb-strip button{flex:none;width:100%}}@media (width<=639px){:root:not(.touch-optimized) .template-editor-main.template-side-thumbs>.thumb-strip button{flex-basis:min(220px,100vw - 170px);width:min(220px,100vw - 170px)}}@media (width<=860px){:root:not(.touch-optimized) .templates-view{overflow:auto}:root:not(.touch-optimized) .template-editor-shell,:root:not(.touch-optimized) .template-editor-shell.creative-draft{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:100%}:root:not(.touch-optimized) .template-editor-main,:root:not(.touch-optimized) .template-frame-inspector{grid-area:auto/1}:root:not(.touch-optimized) .template-frame-inspector{max-height:none}}@media (width<=720px){.main-shell{padding:12px}.top-actions,.guide-actions,.composer-actions,.template-detail-actions{width:100%}.primary,.secondary{flex:1}.user-pill{display:none}.project-filter-strip{flex-direction:column;align-items:stretch}.project-sort,.templates-view .segmented{width:100%;min-width:0}.project-grid,.template-grid,.metric-row,.page-count-row,.outline-card-detail div,.guide-option-card,.outline-card{grid-template-columns:1fr}.outline-card-detail{grid-column:1}:root:not(.touch-optimized) .main-shell{padding:0}:root:not(.touch-optimized) .top-actions,:root:not(.touch-optimized) .guide-actions,:root:not(.touch-optimized) .composer-actions,:root:not(.touch-optimized) .template-detail-actions{width:auto}:root:not(.touch-optimized) .primary,:root:not(.touch-optimized) .secondary{flex:none}:root:not(.touch-optimized) .user-pill{display:inline-flex}:root:not(.touch-optimized) .project-filter-strip{flex-direction:row;align-items:center}:root:not(.touch-optimized) .project-sort{width:132px}:root:not(.touch-optimized) .templates-view .segmented{width:fit-content;min-width:360px}:root:not(.touch-optimized) .template-topbar .primary-pill{display:none}:root:not(.touch-optimized) .template-topbar .topbar-right,:root:not(.touch-optimized) .project-topbar .topbar-right{flex-wrap:nowrap}:root:not(.touch-optimized) .template-topbar .project-top-search,:root:not(.touch-optimized) .project-topbar .project-top-search{flex:0 220px;width:min(220px,100vw - 292px)}:root:not(.touch-optimized) .template-topbar .refresh-action{width:34px;min-width:34px;height:34px;padding:0;font-size:0}:root:not(.touch-optimized) .template-topbar .refresh-action img{width:14px;height:14px;margin:0}:root:not(.touch-optimized) .project-grid,:root:not(.touch-optimized) .template-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}:root:not(.touch-optimized) .projects-view .project-grid,:root:not(.touch-optimized) .metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}:root:not(.touch-optimized) .outline-card{grid-template-columns:30px 34px minmax(0,1fr) auto}:root:not(.touch-optimized) .outline-card-detail{grid-column:3/-1}:root:not(.touch-optimized) .outline-card-detail div{grid-template-columns:72px minmax(0,1fr)}}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell :is(h1,h2,h3,h4),:root[data-theme=dark] .app-shell strong,:root[data-theme=dark] .app-shell b{color:var(--ink)}:root[data-theme=dark] .topbar-center,:root[data-theme=dark] .seg-btn,:root[data-theme=dark] .topbar-center button,:root[data-theme=dark] .template-pick,:root[data-theme=dark] .composer,:root[data-theme=dark] .outline-card,:root[data-theme=dark] .materials-row,:root[data-theme=dark] .info-block,:root[data-theme=dark] .canvas-progress-card,:root[data-theme=dark] .canvas-warning-card,:root[data-theme=dark] .project-line,:root[data-theme=dark] .file-chip,:root[data-theme=dark] .thumb,:root[data-theme=dark] .project-card,:root[data-theme=dark] .template-card,:root[data-theme=dark] .card,:root[data-theme=dark] .surface,:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:var(--panel-soft);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--faint)}:root[data-theme=dark] .topbar-center button.active,:root[data-theme=dark] .topbar-center .seg-btn.active{color:var(--ink);box-shadow:none;background:#ffffff1a}:root[data-theme=dark] .topbar{background:var(--topbar-glass);border-color:var(--topbar-border);box-shadow:0 18px 50px #00000057,inset 0 1px #ffffff14}:root[data-theme=dark] .outline-card.active,:root[data-theme=dark] .thumb.active{background:var(--accent-soft);border-color:#818cf880}:root[data-theme=dark] :is(.pane-sub,.canvas-meta,.canvas-heading p,.outline-copy p,.rail-copy small,.brand-copy small,.topbar .crumb,.materials-row span,.info-block,.project-line-meta,.composer-hint,.hint,.muted,small){color:var(--muted)}:root[data-theme=dark] :is(.secondary,.ghost,.ghost-light,.ghost-pill,.canvas-tool,.secondary-btn,.page-op,.quick-pill,.user-pill,.status-tag,.tag-row span){border-color:var(--line);color:var(--ink);background:#ffffff0f}:root[data-theme=dark] .side-rail{background:#0d1018a8;border-color:#ffffff14}:root[data-theme=dark] .rail-glyph{background:#ffffff0e}:root[data-theme=dark] .side-rail nav button.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #818cf847}:root[data-theme=dark] .chat-msg.assistant .bubble,:root[data-theme=dark] .msg.assistant .bubble,:root[data-theme=dark] .bubble.assistant{background:var(--panel-soft);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .pane-head,:root[data-theme=dark] .canvas-heading,:root[data-theme=dark] .composer,:root[data-theme=dark] .topbar{border-color:var(--line)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff24}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff38}.theme-toggle{cursor:pointer;background:var(--panel-glass);border:1px solid var(--line);width:34px;height:34px;color:var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .16s;display:inline-flex}.theme-toggle:hover{transform:scale(1.06)}.theme-toggle img{width:16px;height:16px}:root[data-theme=dark] :is(.theme-toggle,.secondary,.ghost,.ghost-pill,.side-rail nav button,.rail-action,.composer,.canvas-tools,.outline-actions) img:not([src*="/static/"]){filter:invert()brightness(1.38)saturate(.78);opacity:.9}:root[data-theme=dark] img[src*=\%234F46E5]{filter:none;opacity:1}:root[data-theme=dark] :is(.empty-state,.canvas-empty-state,.project-empty-state,.template-frame-empty,.source-pick-empty,.detail-empty,.inspector-card,.template-pick,.step-card,.guide-step,.source-pick-empty){background:var(--panel-soft);border-color:var(--line);color:var(--muted)}:root[data-theme=dark] :is(.empty-state,.canvas-empty-state) :is(h3,h4,strong){color:var(--ink)}:root[data-theme=dark] :is(.guide-form,.template-cover,.guide-step-no,.step-no,.source-card,.material-row,.outline-item,.slide-thumb,.preview-thumb){background:var(--panel-soft);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .creative-route-card{background:linear-gradient(135deg,#f9731621,#3b82f61a);border-color:#ffffff1a}:root[data-theme=dark] .template-create-mode{background:var(--panel-soft);border-color:var(--line)}:root[data-theme=dark] .template-create-mode button.active{color:var(--ink);box-shadow:none;background:#ffffff17}:root[data-theme=dark] .template-creative-form{background:linear-gradient(135deg,#f9731621,#3b82f61a);border-color:#ffffff1a}:root[data-theme=dark] .creative-route-card.selected{background:linear-gradient(135deg,#10b98124,#3b82f61a);border-color:#10b98147}:root[data-theme=dark] .creative-route-card strong,:root[data-theme=dark] .creative-candidate-card strong{color:var(--ink)}:root[data-theme=dark] .creative-route-card span{color:var(--muted)}:root[data-theme=dark] .creative-candidate-card{background:var(--panel);border-color:var(--line);box-shadow:none}:root[data-theme=dark] .creative-image-button{background:#050814;border-color:#ffffff14}:root[data-theme=dark] .creative-candidate-card img{border-color:#ffffff14}:root[data-theme=dark] .creative-candidate-card small{color:#fbbf24}:root[data-theme=dark] .template-creative-hint{color:#fdba74;background:#f973161f;border-color:#f973163d}:root[data-theme=dark] .template-kind-pill.standard,:root[data-theme=dark] .status-tag.template-kind-tag.standard{color:#93c5fd;background:#3b82f624;border-color:#93c5fd3d}:root[data-theme=dark] .template-kind-pill.creative,:root[data-theme=dark] .status-tag.template-kind-tag.creative{color:#fdba74;background:#f9731626;border-color:#fb923c47}:root[data-theme=dark] .status-tag.template-publish-tag,:root[data-theme=dark] .template-publish-btn.active{color:#86efac;background:#10b98121;border-color:#86efac42}:root[data-theme=dark] .status-tag.template-system-tag,:root[data-theme=dark] .template-system-btn.active{color:#c4b5fd;background:#818cf821;border-color:#c4b5fd42}:root[data-theme=dark] .mode-switch{border-color:var(--line);background:#ffffff0f}:root[data-theme=dark] .segmented{background:#ffffff0e;border-color:#ffffff14}:root[data-theme=dark] .segmented button{color:var(--muted)}:root[data-theme=dark] .segmented button.active{color:var(--ink);background:#ffffff1f;box-shadow:0 8px 18px #0000002e}:root[data-theme=dark] .mode-switch .active,:root[data-theme=dark] .mode-switch button.active{color:var(--ink);background:#ffffff24}:root[data-theme=dark] .guide-step-no{color:var(--ink)}:root[data-theme=dark] .creator-panel{background:#12151eb8;border-color:#ffffff1a;box-shadow:0 22px 64px #00000057,inset 0 1px #ffffff0e}:root[data-theme=dark] .guide-step{background:#ffffff09;border-color:#ffffff16}:root[data-theme=dark] .guide-step.open{background:#ffffff0d;border-color:#9aa7ff33;box-shadow:inset 0 1px #ffffff0b}:root[data-theme=dark] .guide-step.attention{background:linear-gradient(#fb923c14,#ffffff09 58%);border-color:#fbbf243d;box-shadow:0 18px 42px #00000042,inset 0 1px #ffffff0d}:root[data-theme=dark] .guide-step-no{color:var(--muted);background:#ffffff0f;border-color:#ffffff1a}:root[data-theme=dark] .guide-step.done .guide-step-no{color:#e4e8ff;background:#9aa7ff29;border-color:#9aa7ff47}:root[data-theme=dark] .guide-step.locked{background:#ffffff07;border-color:#ffffff13}:root[data-theme=dark] .guide-step.locked .guide-step-head em{color:#9aa3b8;background:#ffffff0e}:root[data-theme=dark] .guide-step.locked .guide-step-no{color:#9aa3b8;background:#ffffff0e;border-color:#ffffff17}:root[data-theme=dark] .guide-form :disabled,:root[data-theme=dark] .detail-panel input[readonly],:root[data-theme=dark] .detail-panel textarea[readonly]{color:#8791a8;background:#ffffff0b;border-color:#ffffff14}:root[data-theme=dark] .language-select-row>span,:root[data-theme=dark] .page-select-row>span{color:#a7b0c4}:root[data-theme=dark] .language-segmented{background:#ffffff0e;border-color:#ffffff1a}:root[data-theme=dark] .language-segmented button{color:#9aa3b8}:root[data-theme=dark] .language-segmented button.active{color:#10131b;background:#f8fafc}:root[data-theme=dark] .guide-step.attention .guide-step-no{color:#ffe5ad;background:#fbbf2421;border-color:#fbbf2442}:root[data-theme=dark] .guide-step-head em{color:var(--muted);background:#fff1}:root[data-theme=dark] .guide-step.attention .guide-step-head em{color:#ffe3a3;background:#fbbf2424}:root[data-theme=dark] .guide-step.optional{background:#818cf80e;border-style:dashed;border-color:#9aa7ff2e}:root[data-theme=dark] .guide-step.optional.open{background:#818cf814;border-color:#9aa7ff4d}:root[data-theme=dark] .guide-step.optional .guide-step-no{color:#e4e8ff;background:#818cf829;border-color:#9aa7ff4d}:root[data-theme=dark] .guide-step.optional .guide-step-head em{color:#dfe4ff;background:#818cf824}:root[data-theme=dark] .guide-step.optional.done .guide-step-no{color:#b8f7df;background:#34d39929;border-color:#34d39952}:root[data-theme=dark] .guide-step.optional.done .guide-step-head em{color:#b8f7df;background:#34d39924}:root[data-theme=dark] :is(.guide-status-card,.guide-option-card,.chat-page-count){color:var(--ink);background:#ffffff0b;border-color:#ffffff17}:root[data-theme=dark] .chat-page-count>span,:root[data-theme=dark] .page-select-row>span{color:var(--muted)}:root[data-theme=dark] .page-dropdown-trigger{color:var(--ink);background:#ffffff0f;border-color:#ffffff1f}:root[data-theme=dark] .page-dropdown-trigger:hover:not(:disabled){background:#ffffff17}:root[data-theme=dark] .page-dropdown-menu{background:#181b26;border-color:#ffffff1f;box-shadow:0 20px 52px #0000006b}:root[data-theme=dark] .page-dropdown-item{color:var(--ink)}:root[data-theme=dark] .page-dropdown-item:hover{background:#ffffff12}:root[data-theme=dark] .page-dropdown-custom{border-color:#ffffff1a}:root[data-theme=dark] .page-dropdown-custom-input{color:var(--ink);background:#ffffff0f;border-color:#ffffff1f}:root[data-theme=dark] .template-gallery-modal{background:#090b129e}:root[data-theme=dark] .template-gallery-panel{background:#111521;border-color:#ffffff24;box-shadow:0 28px 90px #0000006b}:root[data-theme=dark] .template-gallery-head{border-color:#ffffff1a}:root[data-theme=dark] .template-gallery-close{background:#ffffff14;border-color:#ffffff24}:root[data-theme=dark] .template-gallery-close img{filter:invert()}:root[data-theme=dark] .template-gallery-card{background:#ffffff0f;border-color:#ffffff1a}:root[data-theme=dark] .template-gallery-card:hover{background:#ffffff1a;border-color:#93c5fd57;box-shadow:0 16px 36px #0000003d}:root[data-theme=dark] .template-gallery-card.active{background:#93c5fd24;border-color:#93c5fd;box-shadow:0 16px 42px #3b82f638}:root[data-theme=dark] .template-gallery-cover{background:#ffffff14}:root[data-theme=dark] .template-gallery-cover em{color:#111521;background:#fff;box-shadow:0 8px 18px #0000003d}:root[data-theme=dark] .guide-status-card.warning{background:linear-gradient(135deg,#fbbf241f,#ffffff0b);border-color:#fbbf2447;box-shadow:inset 3px 0 #fbbf24b8}:root[data-theme=dark] .guide-status-card.failed{background:linear-gradient(135deg,#f8717121,#ffffff0b);border-color:#f8717147;box-shadow:inset 3px 0 #f87171b3}:root[data-theme=dark] .guide-status-card.running{background:linear-gradient(135deg,#818cf824,#ffffff0b);border-color:#818cf847}:root[data-theme=dark] .guide-option-card{background:linear-gradient(#ffffff0e,#ffffff09)}:root[data-theme=dark] .guide-option-card.ready{background:linear-gradient(135deg,#34d3991f,#ffffff0b);border-color:#34d3993d}:root[data-theme=dark] .guide-option-card.editable-step-card{background:linear-gradient(135deg,#818cf81f,#ffffff0a);border-color:#9aa7ff38}:root[data-theme=dark] .guide-option-card.editable-step-card>div>span{color:#dfe4ff;background:#818cf829}:root[data-theme=dark] .guide-option-card span{color:#aeb8ff}:root[data-theme=dark] .continue-accent{color:#ffe4ad;background:linear-gradient(135deg,#fbbf2433,#f9731624);border-color:#fbbf2447;box-shadow:0 12px 26px #0000003d,inset 0 1px #ffffff14}:root[data-theme=dark] .continue-accent:hover{box-shadow:0 14px 30px #0000004d,inset 0 1px #ffffff1a}:root[data-theme=dark] .revise-box{background:linear-gradient(135deg,#ffffff0e,#818cf814),url(/static/aippt/materials/icon-sparkle.webp) right 12px top 12px/42px 42px no-repeat;border-color:#ffffff1a}:root[data-theme=dark] .revise-box.attention{background:linear-gradient(135deg,#fbbf241f,#818cf812),url(/static/aippt/materials/icon-sparkle.webp) right 12px top 12px/42px 42px no-repeat;border-color:#fbbf2442}:root[data-theme=dark] .revise-box.saved{background:linear-gradient(135deg,#34d3991f,#818cf812),url(/static/aippt/materials/icon-sparkle.webp) right 12px top 12px/42px 42px no-repeat;border-color:#34d39942}:root[data-theme=dark] .page-edit-state{color:#ffe3a3}:root[data-theme=dark] .page-edit-status{background:#ffffff0b;border-color:#ffffff17}:root[data-theme=dark] .page-edit-dot{background:#7b8498;box-shadow:0 0 0 4px #7b849824}:root[data-theme=dark] .page-edit-status strong{color:var(--ink)}:root[data-theme=dark] .page-edit-status p{color:#9aa3b8}:root[data-theme=dark] .page-edit-status.dirty{background:#fbbf2417;border-color:#fbbf2438}:root[data-theme=dark] .page-edit-status.dirty .page-edit-dot{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2424}:root[data-theme=dark] .page-edit-status.dirty strong{color:#ffe3a3}:root[data-theme=dark] .page-edit-status.saved{background:#34d39918;border-color:#34d39938}:root[data-theme=dark] .page-edit-status.saved .page-edit-dot{background:#34d399;box-shadow:0 0 0 4px #34d39924}:root[data-theme=dark] .page-edit-status.saved strong{color:#b8f7df}:root[data-theme=dark] .save-page-btn.attention:not(:disabled){color:#ffe3a3;background:linear-gradient(135deg,#fbbf2433,#ffffff12);border-color:#fbbf244d;box-shadow:0 12px 26px #0000003d,inset 0 1px #ffffff14}:root[data-theme=dark] .save-page-btn.saved:disabled{opacity:1;color:#b8f7df;background:#34d3991c;border-color:#34d39938}:root[data-theme=dark] .revise-regenerate-btn:not(:disabled){color:#fff;background:linear-gradient(135deg,#7c8cff 0%,#a855f7 50%,#22d3ee 100%);border-color:#9aa7ff57;box-shadow:0 16px 36px #22d3ee24,0 14px 34px #7c8cff3d,inset 0 1px #ffffff3d}:root[data-theme=dark] .revise-regenerate-btn:not(:disabled):hover{box-shadow:0 18px 42px #22d3ee29,0 16px 38px #7c8cff47,inset 0 1px #ffffff47}:root[data-theme=dark] .revise-regenerate-btn:disabled{color:#8791a8;background:#ffffff0e;border-color:#ffffff14}:root[data-theme=dark] .version-head span{color:#9aa3b8;background:#ffffff0e}:root[data-theme=dark] .version-item{background:#ffffff0b;border-color:#ffffff16}:root[data-theme=dark] .version-item:not(:disabled):hover{border-color:#9aa7ff57;box-shadow:0 12px 26px #00000038}:root[data-theme=dark] .version-item.active{background:#818cf81f;border-color:#9aa7ff57}:root[data-theme=dark] .version-item img{background:#ffffff0f;border-color:#ffffff1a}:root[data-theme=dark] .version-item em,:root[data-theme=dark] .version-note b{color:#cdd4ff}:root[data-theme=dark] .notice-toast{color:var(--ink);background:linear-gradient(135deg,#181c28f5,#0d1018eb);border-color:#ffffff24;box-shadow:0 18px 48px #00000070,inset 0 1px #ffffff14}:root[data-theme=dark] .notice-toast strong{color:var(--ink)}:root[data-theme=dark] .notice-dot{background:#9aa7ff;box-shadow:0 0 0 4px #9aa7ff21}:root[data-theme=dark] .notice-toast.success{border-color:#34d39947}:root[data-theme=dark] .notice-toast.success .notice-dot{background:#34d399;box-shadow:0 0 0 4px #34d39924}:root[data-theme=dark] .notice-toast.warning{border-color:#fbbf2447}:root[data-theme=dark] .notice-toast.warning .notice-dot{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2426}:root[data-theme=dark] .notice-toast.error{border-color:#f871714d}:root[data-theme=dark] .notice-toast.error .notice-dot{background:#f87171;box-shadow:0 0 0 4px #f8717124}:root[data-theme=dark] .progress-toast{color:var(--muted);background:linear-gradient(135deg,#181c28f5,#0d1018eb);border-color:#ffffff24;box-shadow:0 18px 48px #00000070,inset 0 1px #ffffff14}:root[data-theme=dark] .progress-head{color:var(--ink)}:root[data-theme=dark] .progress-head em{color:#cbd2e6}:root[data-theme=dark] .progress-toast small{color:#8791a8}:root[data-theme=dark] .progress-track{background:#ffffff14}:root[data-theme=dark] .progress-track span{background:linear-gradient(90deg,#9aa7ff,#34d399);box-shadow:0 0 16px #9aa7ff57}:root[data-theme=dark] .detail-tab.active,:root[data-theme=dark] .suggestion-card.active{color:var(--ink);background:#ffffff1a;border-color:#9aa7ff47}:root[data-theme=dark] .material-image-card{background:#ffffff0b;border-color:#ffffff16}:root[data-theme=dark] .materials-empty{color:#9aa3b8;background:#ffffff09;border-color:#ffffff1a}:root[data-theme=dark] .app-shell :is(h1,h2,h3,h4,strong,b,[class*=-title],[class*=-name],[class*=-head]){color:var(--ink)}:root[data-theme=dark] .app-shell :is(p,small,label,[class*=-sub],[class*=-meta],[class*=-hint],[class*=-desc],[class*=-note],[class*=-caption]){color:var(--muted)}:root[data-theme=dark] .project-info-dot{color:var(--faint);background:0 0}:root[data-theme=dark] .project-top-search{background:var(--panel-soft);border-color:var(--line)}:root[data-theme=dark] .project-top-search input{color:var(--ink)}:root[data-theme=dark] .project-top-search img:not([src*="/static/"]),:root[data-theme=dark] .project-sort-trigger img:not([src*="/static/"]){filter:invert()brightness(1.35)saturate(.75);opacity:.82}:root[data-theme=dark] .project-filter-strip{background:#ffffff0b;border-color:#ffffff16}:root[data-theme=dark] .template-scene-filters{border-top-color:#ffffff14}:root[data-theme=dark] .project-filter-chips button{color:var(--muted)}:root[data-theme=dark] .project-filter-chips button.active{color:var(--ink);background:#ffffff1f;box-shadow:0 10px 22px #00000038}:root[data-theme=dark] .project-filter-chips span{color:var(--muted);background:#ffffff14}:root[data-theme=dark] .project-sort-menu,:root[data-theme=dark] .project-sort-trigger{border-color:var(--line);color:var(--ink);background:#ffffff12}:root[data-theme=dark] .project-sort-menu button{color:var(--muted)}:root[data-theme=dark] .project-sort-menu button:hover{background:#ffffff14}:root[data-theme=dark] .project-sort-menu button.active{background:var(--accent-soft);color:var(--accent)}:root[data-theme=dark] .projects-view .project-card{background:#11141db8;border-color:#ffffff17;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0e}:root[data-theme=dark] .projects-view .project-card:hover{border-color:#9aa7ff61;box-shadow:0 28px 76px #0000006b}:root[data-theme=dark] .projects-view .create-card{background:linear-gradient(135deg,#6366f129,#ec48991a),#11141d9e;border-color:#9aa7ff52}:root[data-theme=dark] .projects-view .create-card:hover{background:linear-gradient(135deg,#6366f138,#ec489924),#11141dbd;border-color:#9aa7ff85}:root[data-theme=dark] .projects-view,:root[data-theme=dark] .templates-view{box-shadow:none;background:0 0}:root[data-theme=dark] .template-editor-main,:root[data-theme=dark] .template-frame-inspector{background:#11141dbd;border-color:#ffffff17;box-shadow:0 24px 70px #00000061,inset 0 1px #ffffff0e}:root[data-theme=dark] .template-list{scrollbar-color:#9aa7ff80 #ffffff14}:root[data-theme=dark] .template-list::-webkit-scrollbar-track{background:#ffffff14}:root[data-theme=dark] .template-list::-webkit-scrollbar-thumb{background:#9aa7ff80}:root[data-theme=dark] .template-list::-webkit-scrollbar-thumb:hover{background:#b7bfffad}:root[data-theme=dark] :is(.template-create-options,.template-rule-section,.template-page-switch-head,.template-settings-tabs,.template-page-chip-grid,.template-help-box){background:#ffffff0a;border-color:#ffffff16}:root[data-theme=dark] .template-create-card{background:linear-gradient(135deg,#6366f12e,#12151ec2);border-color:#818cf85c}:root[data-theme=dark] .template-create-card:hover{border-color:#9aa7ff94;box-shadow:0 18px 38px #1e29783d}:root[data-theme=dark] .template-library-section{background:linear-gradient(#121620db,#0c1018b8),#11141db3;border-color:#ffffff1a;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0b}:root[data-theme=dark] .model-panel{background:linear-gradient(#121620e0,#0c1018b8),#11141db8;border-color:#ffffff1a;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0d}:root[data-theme=dark] .model-endpoint-card,:root[data-theme=dark] .membership-card{background:#11141dc7;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0b}:root[data-theme=dark] .model-endpoint-card.image{background:linear-gradient(135deg,#14b8a614,#8b5cf614),#11141dc7}:root[data-theme=dark] .model-form-grid input,:root[data-theme=dark] .membership-card input{background:#ffffff0e;border-color:#ffffff1c}:root[data-theme=dark] .model-capacity-pill,:root[data-theme=dark] .model-endpoint-top>span{color:#c9d1ff;background:#9aa7ff24;border-color:#9aa7ff38}:root[data-theme=dark] .template-library-group-head{border-bottom-color:#ffffff14}:root[data-theme=dark] .template-group-filter{background:#ffffff09}:root[data-theme=dark] .template-library-summary span,:root[data-theme=dark] .template-library-group-head strong,:root[data-theme=dark] .template-library-card,:root[data-theme=dark] .template-create-library-inner{background:#11141dbd;border-color:#ffffff17;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0e}:root[data-theme=dark] .template-create-modal{background:linear-gradient(135deg,#080b12eb,#111622d1 46%,#0a0e16eb),#0a0c12c2}:root[data-theme=dark] .template-create-modal:before{opacity:.52;background:linear-gradient(90deg,#60a5fa14 0 2px,#0000 2px 100%) 0 0/88px 88px,linear-gradient(0deg,#60a5fa12 0 2px,#0000 2px 100%) 0 0/88px 88px,linear-gradient(145deg,#1f293d9e,#0c111b8a);border-color:#94a3b81a;box-shadow:0 30px 100px #00000047}:root[data-theme=dark] .template-create-modal:after{filter:grayscale(.25)brightness(.72)blur(.4px);opacity:.18;background:url(/static/template-create/template-bg-card.png) 50%/contain no-repeat}:root[data-theme=dark] .template-create-dialog{background:linear-gradient(#141925e6,#0c111be0);border-color:#ffffff1f;box-shadow:0 32px 110px #0000007a,inset 0 1px #ffffff0e}:root[data-theme=dark] .template-library-card:hover{border-color:#9aa7ff66;box-shadow:0 24px 60px #0000005c}:root[data-theme=dark] .template-library-cover,:root[data-theme=dark] .template-create-library-card{background:linear-gradient(135deg,#6366f124,#12151ec7)}:root[data-theme=dark] .template-library-card.creative .template-library-cover img{background:#0f131c}:root[data-theme=dark] .template-create-library-inner>span{background:linear-gradient(135deg,#6672ff,#8b5cf6)}:root[data-theme=dark] .template-create-aside{background:linear-gradient(155deg,#26314db8,#111621bd);border-color:#ffffff17}:root[data-theme=dark] .template-create-main{background:radial-gradient(420px 260px at 50% 0,#818cf814,#0000 72%),linear-gradient(#141a27b8,#0d121ca8);border-color:#60749a33;box-shadow:0 18px 44px #0000003d,inset 0 1px #ffffff09,inset 0 0 0 1px #080c1442}:root[data-theme=dark] .template-create-kicker{color:#dfe4ff;background:#9aa7ff24}:root[data-theme=dark] .template-create-hints div{background:#ffffff0b;border-color:#ffffff16}:root[data-theme=dark] .template-create-preview-stack span{background:linear-gradient(90deg,#60a5fa29 0 28%,#0000 28%),linear-gradient(135deg,#1e293bd6,#0f172abd);border-color:#94a3b829;box-shadow:0 18px 34px #00000040}:root[data-theme=dark] .template-create-preview-stack span:nth-child(3){background:linear-gradient(0deg,#14b8a621 0 26%,#0000 26%),linear-gradient(135deg,#1e293bd6,#0f172abd)}:root[data-theme=dark] .template-create-illustration{margin-top:16px}:root[data-theme=dark] .template-create-illustration:before{opacity:.72;background:repeating-linear-gradient(118deg,#818cf81a 0 1px,#0000 1px 9px),radial-gradient(circle at 58% 52%,#22d3ee21,#0000 48%),radial-gradient(circle at 30% 68%,#a855f71f,#0000 54%);inset:82px -24px -34px -30px}:root[data-theme=dark] .template-create-illustration img{filter:drop-shadow(0 28px 40px #0000005c)drop-shadow(0 0 22px #818cf82e);width:min(324px,100% + 4px);max-height:270px;bottom:4px;left:-4px}:root[data-theme=dark] .template-create-aside .template-create-mode.large button{background:#ffffff0a;border-color:#ffffff17;box-shadow:0 12px 26px #0000002e,inset 0 1px #ffffff09}:root[data-theme=dark] .template-create-aside .template-create-mode.large button.active{background:linear-gradient(90deg,#9aa7ff4d 0 4px,#0000 4px),radial-gradient(220px 110px at 94% 10%,#14b8a629,#0000 72%),linear-gradient(135deg,#818cf83d,#ffffff13);border-color:#bfc7ffad;box-shadow:0 18px 38px #00000047,0 0 0 1px #bfc7ff33,inset 0 1px #ffffff17,inset 0 0 26px #9aa7ff14}:root[data-theme=dark] .template-create-aside .template-create-mode.large button.active strong{color:#f7f8ff}:root[data-theme=dark] .template-create-aside .template-create-mode.large button.active small,:root[data-theme=dark] .template-create-aside .template-create-mode.large button.active>i{color:#cfd6ff}:root[data-theme=dark] .template-create-file-card,:root[data-theme=dark] .create-dialog-form{background:linear-gradient(135deg,#6366f117,#0ea5e909),#0c121d8a;border-color:#60749a3d}:root[data-theme=dark] .create-dialog-form{background:0 0;border-color:#0000}:root[data-theme=dark] .template-layout-create-list article{background:#ffffff0b;border-color:#ffffff16}:root[data-theme=dark] .template-layout-create-list article.active{background:#818cf829;border-color:#9aa7ff70}:root[data-theme=dark] .template-layout-create-list span,:root[data-theme=dark] .template-layout-create-list em{color:var(--muted);background:#ffffff12}:root[data-theme=dark] .template-layout-create-list article.active em{color:#dfe4ff;background:#9aa7ff2e}:root[data-theme=dark] .template-create-icon{background:linear-gradient(135deg,#6672ff,#8b5cf6);box-shadow:0 12px 28px #6366f157}:root[data-theme=dark] .template-create-file-card.upload-zone .template-create-icon{box-shadow:none;background:0 0}:root[data-theme=dark] .template-create-file-card.upload-zone .template-create-icon img{filter:none}:root[data-theme=dark] .template-create-file-card.upload-zone{background:radial-gradient(280px 160px at 50% 26%,#818cf81f,#0000 70%),linear-gradient(145deg,#262f4594,#101723b8);border-color:#6e80aa4d;box-shadow:inset 0 0 0 1px #060a1238,inset 0 1px #ffffff09}:root[data-theme=dark] .template-create-file-card.upload-zone:hover{border-color:#9aa7ff75;box-shadow:inset 0 0 0 1px #9aa7ff1c,inset 0 1px #ffffff0b,0 16px 34px #0000003d}:root[data-theme=dark] :is(.layout-chip-grid button,.template-layout-strip button,.template-showcase-thumb-strip button,.template-workflow-strip button,.template-list-card,.template-showcase-strip button){color:var(--muted);box-shadow:none;background:#ffffff0b;border-color:#ffffff16}:root[data-theme=dark] .template-editor-main>.thumb-strip{background:#ffffff0a;border-color:#ffffff16;box-shadow:inset 0 1px #ffffff0a}:root[data-theme=dark] .template-list-card.creative img,:root[data-theme=dark] .template-editor-main.template-side-thumbs>.thumb-strip img{background:#0f131c}:root[data-theme=dark] :is(.layout-chip-grid button.active,.template-layout-strip button.active,.template-showcase-thumb-strip button.active,.template-workflow-strip button.active,.template-list-card:hover,.template-list-card.active,.template-page-chip-grid button.active){color:#dfe4ff;background:#818cf829;border-color:#9aa7ff70;box-shadow:inset 0 1px #ffffff0f}:root[data-theme=dark] .template-layout-strip .template-label{color:#dfe4ff}:root[data-theme=dark] .template-layout-strip button:not(.active) .template-label{color:var(--muted)}:root[data-theme=dark] .template-layout-strip small{color:var(--ink);background:#ffffff24}:root[data-theme=dark] .template-layout-empty-thumb{color:#dfe4ff;background:#818cf81f}:root[data-theme=dark] .template-workflow-strip span{color:var(--ink);background:#ffffff1f}:root[data-theme=dark] .template-workflow-strip button.active span{color:#fff;background:linear-gradient(135deg,#6672ff,#8b5cf6);box-shadow:0 8px 18px #6366f147}:root[data-theme=dark] .template-settings-tabs button{color:var(--muted)}:root[data-theme=dark] .template-settings-tabs button.active{color:var(--ink);background:#ffffff1a;box-shadow:0 10px 22px #00000038}:root[data-theme=dark] .template-panel-note{color:var(--muted);background:#818cf81a;border-color:#818cf838}:root[data-theme=dark] .frame-color-trigger{background:#ffffff0b;border-color:#ffffff16}:root[data-theme=dark] .frame-color-menu{background:#11141dfa;border-color:#ffffff1f;box-shadow:0 18px 38px #0000006b}:root[data-theme=dark] .frame-color-menu button:hover,:root[data-theme=dark] .frame-color-menu button.active{background:#818cf829}:root[data-theme=dark] .template-mode-btn.active{color:#dfe4ff;background:#818cf829;border-color:#9aa7ff70}:root[data-theme=dark] .template-frame-empty,:root[data-theme=dark] .template-frame-canvas,:root[data-theme=dark] .template-showcase-stage{color:var(--muted);background:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),#0f131c;border-color:#ffffff1a}:root[data-theme=dark] .template-creative-ready-empty{background:#ffffff0b;border-color:#9aa7ff47}:root[data-theme=dark] .template-showcase-thumb-strip small{color:var(--ink);background:#ffffff24}:root[data-theme=dark] .template-frame-box{background:#60a5fa14;border-color:#60a5fab3}:root[data-theme=dark] .template-frame-box.selected{background:#60a5fa1f;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa38}:root[data-theme=dark] .template-frame-box i{background:#111827;border-color:#60a5fa}:root[data-theme=dark] .template-frame-box>span{color:#fff;background:#3b82f6;box-shadow:0 8px 18px #3b82f647}:root[data-theme=dark] .login-panel{background:var(--panel-glass);border-color:var(--line);box-shadow:var(--shadow-card);color:var(--ink)}:root[data-theme=dark] .login-modal-mask{background:radial-gradient(circle at 50% 18%,#9aa7ff2e,#0000 34%),#00000094}:root[data-theme=dark] .login-modal-card{background:linear-gradient(#191c28f5,#0d1018f0),radial-gradient(circle at 16% 0,#9aa7ff29,#0000 42%),radial-gradient(circle at 100% 16%,#34d3991a,#0000 44%);border-color:#ffffff1f}:root[data-theme=dark] .login-close{background:#ffffff14;border-color:#ffffff1f}:root[data-theme=dark] .login-close img{filter:invert()brightness(1.3)}:root[data-theme=dark] .login-panel :is(h1,label,span){color:var(--ink)}:root[data-theme=dark] .login-sub{color:var(--muted)}:root[data-theme=dark] .login-panel input{background:var(--panel-soft);border-color:var(--line);color:var(--ink)}@media (width<=1040px){.creative-candidate-grid,.creative-candidate-card{grid-template-columns:1fr}.creative-select-btn{grid-column:1}.creative-lightbox{padding:14px}.creative-lightbox-head{flex-direction:column;align-items:stretch}.creative-lightbox-head span{white-space:normal}.creative-route-card{flex-direction:column;align-items:stretch}.creative-action{width:100%}}:root.touch-optimized button,:root.touch-optimized .template-list-card,:root.touch-optimized .outline-card,:root.touch-optimized .project-card,:root.touch-optimized .template-card{-webkit-tap-highlight-color:transparent}:root.touch-optimized input,:root.touch-optimized textarea,:root.touch-optimized select{min-height:44px;font-size:16px}:root.touch-optimized .primary,:root.touch-optimized .secondary,:root.touch-optimized .continue-accent,:root.touch-optimized .creative-action,:root.touch-optimized .creative-select-btn,:root.touch-optimized .ghost-icon,:root.touch-optimized .icon-only,:root.touch-optimized .materials-section-head .secondary,:root.touch-optimized .creative-candidate-info .secondary,:root.touch-optimized .template-frame-toolbar-actions .secondary,:root.touch-optimized .template-frame-inspector .primary.full-width,:root.touch-optimized .template-frame-inspector .secondary.full-width,:root.touch-optimized .inspector-card-title .secondary{border-radius:12px;min-height:42px;padding-inline:14px}:root.touch-optimized .topbar-center,:root.touch-optimized .mode-switch,:root.touch-optimized .segmented,:root.touch-optimized .template-settings-tabs{min-height:46px;padding:5px}:root.touch-optimized .topbar-center button,:root.touch-optimized .topbar-center .seg-btn,:root.touch-optimized .mode-switch button,:root.touch-optimized .segmented button,:root.touch-optimized .template-settings-tabs button,:root.touch-optimized .template-create-mode button,:root.touch-optimized .layout-chip-grid button,:root.touch-optimized .template-frame-inspector .layout-chip-grid button,:root.touch-optimized .frame-color-menu button{min-height:40px}:root.touch-optimized .template-editor-actions,:root.touch-optimized .template-frame-toolbar-actions,:root.touch-optimized .thumb-strip,:root.touch-optimized .template-showcase-strip,:root.touch-optimized .template-frame-inspector .layout-chip-grid,:root.touch-optimized .project-filter-chips{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x}:root.touch-optimized .template-editor-actions>*,:root.touch-optimized .template-frame-toolbar-actions>*,:root.touch-optimized .thumb-strip button,:root.touch-optimized .template-showcase-strip button{scroll-snap-align:start}:root.touch-optimized .template-list,:root.touch-optimized .template-editor-main,:root.touch-optimized .template-frame-inspector{-webkit-overflow-scrolling:touch;touch-action:pan-y}:root.touch-optimized .template-list-card{touch-action:pan-y}:root.touch-optimized .thumb-strip{gap:12px;padding:4px 8px 12px}:root.touch-optimized .thumb-strip button,:root.touch-optimized .template-layout-strip button{border-radius:14px;flex-basis:148px;width:148px;padding:6px}:root.touch-optimized .thumb-strip img,:root.touch-optimized .template-layout-strip img,:root.touch-optimized .template-layout-empty-thumb{border-radius:10px;height:84px}:root.touch-optimized .template-showcase-thumb-strip button{flex-basis:280px;width:280px}:root.touch-optimized .thumb-strip span,:root.touch-optimized .template-layout-strip small,:root.touch-optimized .template-showcase-thumb-strip small{min-width:28px;height:28px;font-size:13px}:root.touch-optimized .template-list-card{grid-template-columns:100px minmax(0,1fr);min-height:86px;padding:10px}:root.touch-optimized .template-list-card img{width:100px}:root.touch-optimized .creative-image-button span{opacity:1;min-height:34px;padding-inline:12px;transform:none}:root.touch-optimized .creative-candidate-card{padding:14px}:root.touch-optimized .creative-select-btn{min-width:180px}:root.touch-optimized .template-frame-box>span{min-height:26px;padding:6px 10px;font-size:12px;top:-32px}:root.touch-optimized .template-frame-box i{border-width:3px;width:24px;height:24px}:root.touch-optimized .template-frame-box i.nw{top:-14px;left:-14px}:root.touch-optimized .template-frame-box i.ne{top:-14px;right:-14px}:root.touch-optimized .template-frame-box i.sw{bottom:-14px;left:-14px}:root.touch-optimized .template-frame-box i.se{bottom:-14px;right:-14px}:root.touch-optimized .outline-card{grid-template-columns:42px 40px minmax(0,1fr) auto;padding:14px}:root.touch-optimized .drag-handle,:root.touch-optimized .outline-actions button,:root.touch-optimized .outline-index{border-radius:13px;width:40px;height:40px}:root.touch-optimized .outline-actions{gap:8px}:root.touch-optimized .frame-color-trigger,:root.touch-optimized .template-frame-inspector input,:root.touch-optimized .template-frame-inspector select,:root.touch-optimized .template-frame-inspector .palette-swatch-row input[type=color]{height:44px;min-height:44px}:root.touch-optimized .side-rail nav button,:root.touch-optimized .rail-action,:root.touch-optimized .brand-button{min-height:46px}:root.touch-optimized .rail-glyph{flex-basis:42px;width:42px;height:42px}:root.touch-optimized .primary:hover,:root.touch-optimized .secondary:hover,:root.touch-optimized .continue-accent:hover,:root.touch-optimized .template-create-card:hover,:root.touch-optimized .template-list-card:hover,:root.touch-optimized .project-card:hover,:root.touch-optimized .template-card:hover,:root.touch-optimized .lang-toggle-pill:hover,:root.touch-optimized .theme-toggle:hover{transform:none}:root.touch-optimized .primary:active,:root.touch-optimized .secondary:active,:root.touch-optimized .continue-accent:active,:root.touch-optimized .template-create-card:active,:root.touch-optimized .template-list-card:active,:root.touch-optimized .thumb-strip button:active,:root.touch-optimized .creative-image-button:active,:root.touch-optimized .creative-select-btn:active{transform:scale(.985)}.managed-user-ops{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;gap:6px;margin-top:2px;padding-top:10px;display:flex}.managed-user-op{background:var(--panel-soft);border:1px solid var(--line);height:28px;color:var(--muted);cursor:pointer;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s,color .16s}.managed-user-op:hover:not(:disabled){background:var(--panel);color:var(--ink);transform:translateY(-1px)}.managed-user-op.danger{color:var(--danger)}.managed-user-op.danger:hover:not(:disabled){color:var(--danger);background:#d93b3b1a}.managed-user-op:disabled{opacity:.45;cursor:not-allowed}.password-hint{color:var(--faint);margin:2px 0 4px;font-size:12px;line-height:1.5}.ops-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ops-result{background:var(--panel-soft);border:1px solid var(--line);color:var(--muted);word-break:break-all;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px}.ops-health{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.ops-health-item{background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;min-width:150px;padding:10px 14px;display:flex}.ops-health-item span{color:var(--faint);font-size:11px}.ops-health-item strong{color:var(--ink);font-size:14px}.ops-health-item.bad{background:#d93b3b0f;border-color:#d93b3b59}.ops-health-item.bad strong{color:var(--danger)}.ops-audit{border:1px solid var(--line);border-radius:12px;max-height:280px;margin-top:14px;overflow-y:auto}.ops-audit-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,1fr) minmax(0,1.4fr) auto;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:grid}.ops-audit-row:last-child{border-bottom:0}.ops-audit-action{color:var(--ink);font-weight:700}.ops-audit-target{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ops-audit-time{color:var(--faint);white-space:nowrap}