:root{--n0: #ffffff;--n25: #fafbfc;--n50: #f4f5f7;--n100: #edeff2;--n150: #e4e7ec;--n200: #d8dce2;--n300: #c2c8d1;--n400: #97a0ac;--n500: #6c7480;--n600: #4c545f;--n700: #343b45;--n800: #22262e;--n900: #14171c;--accent: #4f46e5;--accent-strong: #4338ca;--accent-2: #8b5cf6;--accent-tint: #eef0fe;--accent-tint-strong: #e2e6fd;--accent-border: #c5c9f4;--accent-ring: rgba(99, 91, 255, .16);--grad-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--grad-accent-soft: linear-gradient(135deg, rgba(99, 102, 241, .12), rgba(139, 92, 246, .1));--accent-glow: 0 6px 18px rgba(99, 91, 255, .3);--ink-1: #12162a;--ink-2: #0b0e1c;--ink-line: rgba(255, 255, 255, .08);--ink-text: #a7aec6;--ink-text-hi: #eef0fa;--ok: #1e7a46;--ok-bg: #e7f5ec;--warn: #8f6512;--warn-bg: #fdf6e4;--warn-border: #eed9a8;--danger: #be3d3d;--danger-bg: #fdf0f0;--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--sh-xs: 0 1px 2px rgba(23, 28, 38, .05);--sh-sm: 0 1px 2px rgba(23, 28, 38, .05), 0 4px 14px rgba(23, 28, 38, .06);--sh-md: 0 2px 4px rgba(18, 23, 32, .04), 0 14px 34px rgba(18, 23, 32, .09);--sh-lg: 0 4px 10px rgba(18, 23, 32, .05), 0 28px 64px rgba(18, 23, 32, .15);--sh-overlay: 0 8px 18px rgba(14, 18, 26, .09), 0 36px 90px rgba(14, 18, 26, .24);--panel: var(--n0);--radius-lg: var(--r-lg);--shadow-lg: var(--sh-lg);--ease: cubic-bezier(.25, .6, .3, 1);--t1: .15s var(--ease);--t2: .2s var(--ease);--font-sans: Inter, "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--n900);background:var(--n50);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--n50);color:var(--n900)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a,select{transition:color var(--t1),background-color var(--t1),border-color var(--t1),box-shadow var(--t1),opacity var(--t1)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0}*{scrollbar-width:thin;scrollbar-color:var(--n300) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--n300)}*::-webkit-scrollbar-thumb:hover{background:var(--n400)}*::-webkit-scrollbar-track{background:transparent}::selection{background:var(--accent-tint-strong);color:var(--n900)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:100vh}.app-content{min-width:0;min-height:100vh}.page-scroll{min-height:100vh;overflow:auto}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:88px;height:100vh;padding:18px 10px 14px;border-right:1px solid rgba(11,14,28,.9);background:linear-gradient(180deg,var(--ink-1) 0%,var(--ink-2) 100%);z-index:20}.brand-mark{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 26px;border-radius:var(--r-lg);background:var(--grad-accent);color:var(--n0);text-decoration:none;box-shadow:var(--accent-glow);transition:box-shadow var(--t1),transform var(--t1),filter var(--t1)}.brand-mark:hover{filter:brightness(1.1);box-shadow:0 8px 24px #635bff6b;transform:translateY(-1px)}.main-nav{display:grid;gap:4px}.nav-item,.button-nav{position:relative;display:grid;place-items:center;gap:4px;width:100%;min-height:56px;border:0;border-radius:var(--r-md);background:transparent;color:var(--ink-text);font-size:11px;text-decoration:none;cursor:pointer}.nav-item:hover,.button-nav:hover{background:#ffffff0f;color:var(--ink-text-hi)}.nav-item:active,.button-nav:active{background:#ffffff17}.nav-item.active{background:linear-gradient(135deg,#6366f152,#8b5cf642);color:var(--n0);font-weight:700;box-shadow:inset 0 0 0 1px #8b82ff59,0 4px 14px #4c44e54d}.sidebar-bottom{display:grid;gap:8px;margin-top:auto}.credit-button,.subscribe-button,.login-button{display:grid;place-items:center;gap:4px;min-height:42px;padding:6px 2px;border:1px solid var(--ink-line);border-radius:var(--r-md);background:#ffffff0b;color:var(--ink-text);font-size:10px;cursor:pointer}.credit-button:hover,.subscribe-button:hover{border-color:#8b82ff73;background:#6366f129;color:var(--ink-text-hi)}.login-button{border-color:transparent;background:var(--grad-accent);color:var(--n0);box-shadow:0 4px 14px #4c44e557}.login-button:hover{border-color:transparent;filter:brightness(1.1);color:var(--n0)}.mobile-nav{display:none}.section-kicker{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-kicker:before{content:"";width:18px;height:2px;border-radius:var(--r-pill);background:var(--grad-accent)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:var(--r-md);background:var(--grad-accent);color:var(--n0);font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:var(--accent-glow);transition:filter var(--t1),box-shadow var(--t2),transform var(--t2)}.primary-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 8px 24px #635bff66;transform:translateY(-1px)}.primary-button:active:not(:disabled){filter:brightness(.96);box-shadow:var(--sh-xs);transform:translateY(0)}.primary-button:disabled{background:var(--n200);color:var(--n400);cursor:not-allowed;box-shadow:none}.primary-button small{color:#ffffffb8;font-size:11px;font-weight:600}.compact-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--n200);border-radius:var(--r-sm);background:var(--n0);color:var(--n700);font-size:12px;font-weight:650;cursor:pointer;box-shadow:var(--sh-xs)}.compact-button:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-tint);color:var(--accent);box-shadow:var(--sh-sm)}.compact-button:disabled{cursor:not-allowed;opacity:.5}.compact-button.ghost{border-color:transparent;background:transparent}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--n500);cursor:pointer}.icon-button:hover:not(:disabled){border-color:var(--n150);background:var(--n100);color:var(--n900)}.icon-button:disabled{cursor:not-allowed;opacity:.42}.quiet-action{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--n500);font-size:13px;cursor:pointer}.quiet-action:hover{color:var(--accent)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-page{padding:60px clamp(24px,5vw,82px) 64px;background:radial-gradient(720px 340px at 18% -6%,rgba(99,102,241,.09),transparent 70%),radial-gradient(680px 320px at 86% 2%,rgba(139,92,246,.08),transparent 70%)}.home-hero{width:min(100%,1030px);margin:0 auto}.home-hero h1{margin:0;color:var(--n900);font-size:36px;font-weight:750;line-height:1.24;letter-spacing:-.02em;text-align:center}.home-hero h1 span{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero .section-kicker{justify-content:center;text-align:center}.quick-create{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:800px;margin:30px auto 22px}.quick-create button{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:0 16px;border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n0);color:var(--n700);font-size:14px;font-weight:650;text-align:left;cursor:pointer;box-shadow:var(--sh-xs);transition:color var(--t1),background-color var(--t1),border-color var(--t1),box-shadow var(--t2),transform var(--t2)}.quick-create button svg:last-child{margin-left:auto;color:var(--accent);transition:transform var(--t2)}.quick-create button:hover{border-color:var(--accent-border);background:var(--grad-accent-soft),var(--n0);box-shadow:var(--sh-sm);transform:translateY(-2px)}.quick-create button:hover svg:last-child{transform:translate(2px)}.home-composer{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:1fr auto;gap:0 13px;min-height:174px;padding:18px;border:1px solid var(--n150);border-radius:22px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--sh-md);transition:border-color var(--t1),box-shadow var(--t2)}.home-composer:focus-within{border-color:var(--accent-border);box-shadow:var(--sh-md),0 0 0 4px var(--accent-ring)}.home-upload{position:relative;display:grid;place-items:center;grid-row:span 2;width:64px;height:64px;border:1px dashed var(--accent-border);border-radius:var(--r-lg);background:var(--grad-accent-soft),var(--n0);color:var(--accent);cursor:pointer;overflow:hidden;transition:border-color var(--t1),background-color var(--t1),transform var(--t1)}.home-upload:hover{border-color:var(--accent);background:var(--accent-tint-strong)}.home-upload input{position:absolute;width:1px;height:1px;opacity:0}.home-composer textarea{width:100%;min-height:84px;border:0;resize:none;outline:0;color:var(--n800);font-size:15px;line-height:1.65;background:transparent}.home-composer textarea::placeholder{color:var(--n400)}.composer-footer{display:flex;align-items:center;justify-content:space-between}.composer-mode{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--n600);font-size:13px;cursor:pointer}.composer-mode:hover{color:var(--n900)}.send-button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--grad-accent);color:var(--n0);cursor:pointer;box-shadow:var(--accent-glow);transition:filter var(--t1),box-shadow var(--t1),transform var(--t1)}.send-button:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 8px 22px #635bff6b;transform:scale(1.06)}.send-button:disabled{background:var(--n150);color:var(--n400);cursor:not-allowed;box-shadow:none}.tool-matrix{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px;max-width:1220px;margin:40px auto 56px}.tool-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:88px;padding:14px;border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n0);color:var(--n800);text-align:left;cursor:pointer;overflow:hidden;transition:border-color var(--t1),background-color var(--t1),box-shadow var(--t2),transform var(--t2)}.tool-card:hover:not(:disabled){border-color:var(--accent-border);transform:translateY(-3px);box-shadow:var(--sh-md)}.tool-card:disabled{color:var(--n400);cursor:not-allowed}.tool-card.featured{grid-row:span 2;grid-template-columns:1fr auto;align-content:center;min-height:186px;border-color:transparent;background:linear-gradient(140deg,#4f46e5,#7c3aed 58%,#8b5cf6);color:var(--n0);box-shadow:0 14px 34px #584ae052}.tool-card.featured:hover:not(:disabled){border-color:transparent;box-shadow:0 20px 44px #584ae066}.tool-card.featured .tool-copy strong{color:var(--n0)}.tool-card.featured .tool-copy small{color:#ffffffc7}.tool-card.featured .tool-action{background:#fffffff5;color:var(--accent);box-shadow:0 4px 12px #14103c47}.tool-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-md);background:var(--grad-accent-soft);color:var(--accent);transition:transform var(--t2)}.tool-card:hover:not(:disabled) .tool-icon{transform:scale(1.06)}.featured .tool-icon{grid-column:2;grid-row:1 / span 2;width:92px;height:112px;background:#ffffff29;color:var(--n0)}.tool-copy{display:grid;gap:4px;min-width:0}.tool-copy strong{font-size:14px;letter-spacing:-.005em}.featured .tool-copy strong{font-size:23px;letter-spacing:-.015em}.tool-copy small{color:var(--n500);font-size:12px;line-height:1.45}.tool-action{display:inline-flex;align-items:center;gap:6px;align-self:end;width:max-content;padding:8px 10px;border-radius:var(--r-sm);background:var(--n900);color:var(--n0);font-size:12px;font-weight:700}.discover-section{max-width:1220px;margin:0 auto}.discover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.discover-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--n150);border-radius:var(--r-pill);background:var(--n0);box-shadow:var(--sh-xs)}.discover-tabs button{min-height:32px;padding:0 16px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--n500);font-size:13px;cursor:pointer}.discover-tabs button:hover{color:var(--n900)}.discover-tabs button.selected{background:var(--grad-accent);color:var(--n0);font-weight:700;box-shadow:0 3px 10px #635bff52}.discover-grid{columns:4 200px;column-gap:12px}.discover-card{position:relative;break-inside:avoid;display:block;margin-bottom:12px;border-radius:var(--r-lg);background:var(--n100);overflow:hidden;transition:box-shadow var(--t2),transform var(--t2)}.discover-card:hover{box-shadow:var(--sh-lg);transform:translateY(-3px)}.discover-hit{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.discover-hit img{display:block;width:100%;height:auto;transition:transform .4s var(--ease)}.discover-card:hover .discover-hit img{transform:scale(1.03)}.discover-card:after{content:"";position:absolute;inset:auto 0 0;height:76px;background:linear-gradient(transparent,#000000ad);pointer-events:none}.discover-use{position:absolute;top:50%;left:50%;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--r-pill);background:#fffffff5;color:var(--n900);font-size:12px;font-weight:700;box-shadow:var(--sh-lg);opacity:0;transform:translate(-50%,-40%);transition:opacity var(--t2),transform var(--t2);pointer-events:none}.discover-card:hover .discover-use{opacity:1;transform:translate(-50%,-50%)}.discover-overlay{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:1;color:var(--n0);font-size:11px}.discover-overlay span,.discover-overlay button{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:0;border-radius:var(--r-sm);background:#12161e8c;color:var(--n0);font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.discover-overlay button{cursor:pointer;position:relative;z-index:2}.discover-overlay button:hover{background:#12161ebf}.discover-title{position:absolute;bottom:11px;left:11px;right:11px;z-index:1;overflow:hidden;color:var(--n0);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.discover-empty{display:grid;place-items:center;min-height:240px;margin:0;border:1px dashed var(--n200);border-radius:var(--r-lg);background:var(--n25);color:var(--n400);font-size:13px}.agent-page{display:grid;grid-template-columns:258px minmax(0,1fr);height:100vh;background:var(--n0)}.conversation-sidebar{display:flex;flex-direction:column;padding:22px 14px;border-right:1px solid var(--n150);background:var(--n25)}.conversation-side-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 16px;font-size:14px}.conversation-side-head button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer;color:var(--n500)}.conversation-side-head button:hover{background:var(--n100);color:var(--n900)}.new-conversation{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid var(--n200);border-radius:var(--r-md);background:var(--n0);color:var(--n700);font-size:13px;font-weight:650;cursor:pointer;box-shadow:var(--sh-xs)}.new-conversation:hover{border-color:var(--accent-border);background:var(--accent-tint);color:var(--accent)}.conversation-list{display:grid;gap:3px;margin-top:18px}.conversation-list p{padding:8px;color:var(--n400);font-size:12px}.conversation-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border-radius:var(--r-sm)}.conversation-item.active{background:var(--grad-accent-soft),var(--n0);box-shadow:inset 0 0 0 1px var(--accent-border)}.conversation-item.active>button:first-child{color:var(--accent);font-weight:650}.conversation-item>button{display:flex;align-items:center;gap:8px;min-width:0;min-height:36px;padding:0 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--n600);text-align:left;cursor:pointer}.conversation-item>button:first-child{width:100%}.conversation-item>button:last-child{display:grid;place-items:center;width:28px;padding:0;color:var(--danger);opacity:0}.conversation-item:hover>button:last-child,.conversation-item:focus-within>button:last-child{opacity:1}.conversation-item>button:hover{background:var(--n100)}.conversation-item.active>button:hover{background:transparent}.conversation-item>button:disabled{cursor:not-allowed;opacity:.55}.conversation-item>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.conversation-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;padding:28px clamp(18px,4vw,70px) 22px;background:var(--n0)}.conversation-scroll{min-height:0;overflow:auto}.agent-empty{display:grid;place-items:center;align-content:center;min-height:100%;text-align:center}.agent-orb{display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:var(--grad-accent);color:var(--n0);box-shadow:var(--accent-glow)}.agent-empty h1{margin:20px 0 8px;font-size:24px;letter-spacing:-.01em}.agent-empty p{margin:0;color:var(--n400);font-size:14px}.message-list{display:grid;gap:20px;max-width:820px;margin:0 auto;padding:12px 0 36px}.message{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}.message>span{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-md);background:var(--n100);color:var(--n600);font-size:11px;font-weight:800}.message.user>span{background:var(--grad-accent);color:var(--n0);box-shadow:0 3px 10px #635bff4d}.message div{width:fit-content;max-width:min(700px,94%);padding:11px 14px;border:1px solid var(--n100);border-radius:var(--r-lg);background:var(--n0);box-shadow:var(--sh-xs)}.message.user div{border-color:transparent;background:var(--grad-accent);box-shadow:0 6px 16px #635bff3d}.message.user div p{color:var(--n0)}.message.user div small{color:#ffffffad}.message p{margin:0;color:var(--n700);font-size:14px;line-height:1.65;white-space:pre-wrap}.message small{display:block;margin-top:5px;color:var(--n400);font-size:11px}.agent-composer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;width:min(100%,820px);margin:0 auto;padding:13px;border:1px solid var(--n150);border-radius:var(--r-xl);background:var(--n0);box-shadow:var(--sh-md);transition:border-color var(--t1),box-shadow var(--t2)}.agent-composer:focus-within{border-color:var(--accent-border);box-shadow:var(--sh-md),0 0 0 4px var(--accent-ring)}.agent-composer-actions{display:grid;gap:4px;align-self:start}.agent-composer-actions label,.agent-composer-actions button{position:relative;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--r-sm);background:var(--n100);color:var(--n600);cursor:pointer;overflow:hidden}.agent-composer-actions label:hover,.agent-composer-actions button:hover{background:var(--n150);color:var(--n900)}.agent-composer-actions input{position:absolute;width:1px;height:1px;opacity:0}.agent-composer textarea{min-height:72px;border:0;resize:none;outline:none;color:var(--n800);font-size:14px;line-height:1.55;background:transparent}.agent-composer-footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}.agent-composer-footer span{display:inline-flex;align-items:center;gap:5px;color:var(--n400);font-size:11px}.workbench-page{display:grid;grid-template-columns:350px minmax(430px,1fr) 286px;height:100vh;background:var(--n50)}.workbench-page.queue-collapsed{grid-template-columns:350px minmax(430px,1fr)}.image-editor-panel,.task-queue-panel{overflow:auto;background:var(--n0)}.image-editor-panel{padding:24px 20px;border-right:1px solid var(--n150)}.task-queue-panel{padding:21px 16px;border-left:1px solid var(--n150)}.workbench-panel-head,.preview-head,.queue-head,.queue-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.workbench-panel-head h1{margin:0;font-size:22px;letter-spacing:-.01em}.workbench-panel-head .section-kicker{margin-bottom:5px}.workbench-tools{position:relative;display:flex;align-items:center;gap:2px;margin-top:15px;padding-bottom:16px;border-bottom:1px solid var(--n100)}.prompt-library{position:absolute;top:40px;left:0;z-index:12;width:min(310px,calc(100vw - 40px));max-height:330px;padding:12px;border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n0);box-shadow:var(--sh-lg);overflow:auto}.prompt-library>strong{display:block;margin-bottom:9px;color:var(--n700);font-size:12px}.prompt-library>p{margin:24px 0;color:var(--n400);font-size:12px;text-align:center}.prompt-library-list{display:grid;gap:5px}.prompt-library-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:4px;border-radius:var(--r-sm);background:var(--n50)}.prompt-library-item button{min-width:0;min-height:34px;padding:0 8px;border:0;background:transparent;color:var(--n600);font-size:11px;text-align:left;cursor:pointer}.prompt-library-item button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-library-item button:last-child{display:grid;place-items:center;padding:0;color:var(--n400)}.prompt-library-item button:hover{color:var(--accent)}.editor-section{padding:17px 0;border-bottom:1px solid var(--n100)}.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--n700);font-size:13px;font-weight:700}.section-row span{color:var(--n400);font-size:11px;font-weight:500}.reference-grid{display:flex;flex-wrap:wrap;gap:8px}.reference-add,.reference-thumb{position:relative;display:grid;place-items:center;gap:5px;width:72px;height:72px;border:1px dashed var(--n300);border-radius:var(--r-md);background:var(--n25);color:var(--n500);font-size:10px;cursor:pointer;overflow:hidden;transition:border-color var(--t1),background-color var(--t1),color var(--t1)}.reference-add:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.reference-add input{position:absolute;width:1px;height:1px;opacity:0}.reference-thumb{border-style:solid;border-color:var(--n150)}.reference-thumb img{width:100%;height:100%;object-fit:cover}.reference-thumb button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:21px;height:21px;border:0;border-radius:50%;background:#12161ec7;color:var(--n0);cursor:pointer}.reference-thumb button:hover{background:var(--danger)}.template-compose{display:grid;gap:10px;margin-bottom:14px;padding:10px;border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n25)}.template-compose-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:0 8px 0 10px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:linear-gradient(135deg,var(--ink-1),var(--ink-2));color:var(--ink-text);font-size:11px}.template-compose-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-compose-bar strong{color:var(--ink-text-hi);font-weight:700}.template-compose-actions{display:flex;flex:0 0 auto;align-items:center;gap:4px}.template-compose-actions button{min-height:24px;border:0;border-radius:var(--r-xs);background:transparent;color:var(--ink-text);cursor:pointer}.template-compose-actions button:hover:not(:disabled){background:#ffffff14;color:var(--n0)}.template-compose-actions button:disabled{cursor:not-allowed;opacity:.45}.template-compose-fill{display:inline-flex;align-items:center;gap:4px;padding:0 7px;font-size:10px;font-weight:700}.template-compose-close{display:grid;place-items:center;width:24px;padding:0}.template-compose-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-compose-fields label{display:grid;gap:5px;min-width:0;color:var(--n600);font-size:11px;font-weight:650}.template-compose-fields label:last-child{grid-column:1 / -1}.template-compose-fields input{width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid var(--n200);border-radius:var(--r-sm);background:var(--n0);color:var(--n800);outline:0;font-size:12px}.template-compose-fields input::placeholder{color:var(--n400)}.template-compose-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.prompt-section textarea{width:100%;min-height:184px;padding:0;border:0;resize:vertical;outline:0;color:var(--n800);font-size:14px;line-height:1.65;background:transparent}.prompt-section textarea::placeholder{color:var(--n400)}.controls-section{border-bottom:0}.control-label{display:grid;gap:6px;color:var(--n600);font-size:12px;font-weight:650}.control-label select{width:100%;height:37px;padding:0 9px;border:1px solid var(--n200);border-radius:var(--r-sm);background:var(--n0);color:var(--n700);outline:0;font-size:13px;cursor:pointer}.control-label select:hover{border-color:var(--n300)}.control-label select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.model-badge{display:flex;align-items:center;min-height:37px;padding:0 10px;border:1px solid var(--accent-border);border-radius:var(--r-sm);background:var(--grad-accent-soft),var(--n0);color:var(--accent-strong);font-size:13px;font-weight:650}.control-grid,.advanced-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.advanced-toggle{display:flex;align-items:center;gap:6px;width:100%;min-height:39px;margin-top:11px;padding:0 9px;border:1px solid var(--n200);border-radius:var(--r-sm);background:var(--n0);color:var(--n600);font-size:12px;cursor:pointer}.advanced-toggle:hover{border-color:var(--n300);background:var(--n50)}.advanced-toggle span{margin-left:auto;color:var(--n400)}.advanced-toggle .rotated{transform:rotate(180deg)}.generate-workbench{width:100%;margin-top:8px}.image-preview-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:18px;overflow:hidden}.preview-head{min-height:38px}.preview-head>div{display:flex;align-items:center;gap:8px}.preview-head>div:first-child>span{color:var(--n700);font-size:13px;font-weight:700}.preview-head small{padding:4px 8px;border-radius:var(--r-pill);background:var(--ok-bg);color:var(--ok);font-size:10px;font-weight:700}.preview-empty{display:grid;place-items:center;align-content:center;min-height:0;padding:26px;color:var(--n400);text-align:center;background:radial-gradient(420px 260px at 50% 44%,rgba(99,102,241,.06),transparent 72%)}.preview-empty h2{margin:17px 0 7px;color:var(--n600);font-size:18px;letter-spacing:-.01em}.preview-empty p{max-width:310px;margin:0;font-size:13px;line-height:1.65}.error-state,.error-state h2{color:var(--danger)}.error-state .compact-button{margin-top:16px}.preview-image-frame{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:18px}.preview-image-frame img{max-width:100%;max-height:calc(100vh - 112px);border-radius:var(--r-lg);box-shadow:var(--sh-lg)}.preview-image-frame a{position:absolute;right:24px;bottom:24px;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border-radius:var(--r-sm);background:#12161ee0;color:var(--n0);font-size:12px;text-decoration:none}.preview-image-frame a:hover{background:#12161ef5}.queue-head h2{margin:0;color:var(--n800);font-size:16px;letter-spacing:-.01em}.queue-head span{color:var(--n400);font-size:11px}.queue-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.queue-summary span{display:grid;gap:5px;padding:10px;border:1px solid var(--n100);border-radius:var(--r-md);background:var(--grad-accent-soft),var(--n25);color:var(--n400);font-size:11px}.queue-summary b{color:var(--n800);font-size:17px;font-variant-numeric:tabular-nums}.task-list{display:grid;gap:5px}.queue-empty{margin:38px 0;color:var(--n400);font-size:12px;text-align:center}.task-row{position:relative;width:100%;border:1px solid transparent;border-radius:var(--r-md);background:transparent;overflow:hidden;transition:border-color var(--t1),background-color var(--t1)}.task-row:hover{border-color:var(--n150);background:var(--n50)}.task-row.selected{border-color:var(--accent-border);background:var(--grad-accent-soft),var(--n0)}.task-row-main{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;width:100%;padding:8px 34px 8px 8px;border:0;background:transparent;text-align:left;cursor:pointer}.task-delete-button{position:absolute;top:50%;right:5px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--r-sm);transform:translateY(-50%);background:transparent;color:var(--danger);cursor:pointer;opacity:0}.task-row:hover .task-delete-button,.task-delete-button:focus-visible{opacity:1}.task-delete-button:hover{background:var(--danger-bg);color:var(--danger)}.task-delete-button:disabled{cursor:wait;opacity:.5}.task-thumbnail{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-sm);background:var(--n100);color:var(--n400);overflow:hidden}.task-thumbnail img{width:100%;height:100%;object-fit:cover}.task-copy{display:grid;min-width:0;align-content:center;gap:4px}.task-copy strong{overflow:hidden;color:var(--n700);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.task-copy small{font-size:11px;color:var(--n400)}.status-queued,.status-running{color:var(--warn)}.status-succeeded{color:var(--ok)}.status-failed{color:var(--danger)}.fullscreen-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#0d101e80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fullscreen-editor-inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(860px,100%);height:min(680px,100%);padding:18px;border-radius:var(--r-xl);background:var(--n0);box-shadow:var(--sh-overlay)}.fullscreen-editor-inner header,.fullscreen-editor-inner footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.fullscreen-editor-inner h2{margin:0;font-size:17px;letter-spacing:-.01em}.fullscreen-editor-inner textarea{min-height:0;margin:16px 0;padding:14px;border:1px solid var(--n200);border-radius:var(--r-md);resize:none;outline:0;line-height:1.65}.fullscreen-editor-inner textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.fullscreen-editor-inner footer span{color:var(--n400);font-size:12px}.video-placeholder,.canvas-page,.assets-page,.subscription-page{padding:44px clamp(24px,5vw,72px) 64px}.video-editor-placeholder{max-width:1180px;margin:0 auto}.video-editor-placeholder>header,.tutorial-band>header,.projects-section>header,.assets-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.video-editor-placeholder h1,.tutorial-band h1,.assets-head h1,.subscription-head h1{margin:0;font-size:28px;letter-spacing:-.015em}.later-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--warn-border);border-radius:var(--r-sm);background:var(--warn-bg);color:var(--warn);font-size:12px}.video-placeholder-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:16px;min-height:570px;margin-top:28px}.video-config,.video-empty,.tutorial-band,.projects-section,.assets-empty,.subscription-plan{border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n0)}.video-config{display:flex;flex-direction:column;gap:13px;padding:18px}.video-config textarea{width:100%;min-height:270px;padding:12px;border:1px solid var(--n200);border-radius:var(--r-md);background:var(--n25);resize:none;outline:0;color:var(--n800);line-height:1.6}.video-config textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.reference-add.muted{width:100%;height:80px}.video-options{display:grid;gap:8px}.video-options button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 9px;border:1px solid var(--n200);border-radius:var(--r-sm);background:var(--n0);color:var(--n600);font-size:12px;text-align:left;cursor:pointer}.video-options button:hover:not(:disabled){border-color:var(--n300);background:var(--n50)}.video-options button:disabled,.reference-add.muted:disabled{cursor:not-allowed;opacity:.65}.video-empty{display:grid;place-items:center;align-content:center;padding:30px;color:var(--n400);text-align:center}.video-empty h2{margin:18px 0 8px;color:var(--n700);font-size:21px;letter-spacing:-.01em}.video-empty p{max-width:350px;margin:0;line-height:1.65;font-size:13px}.video-brief{width:100%;min-height:40px;padding:10px 12px;border:1px solid var(--n200);border-radius:var(--r-md);background:var(--n25);outline:0;color:var(--n800)}.video-brief:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.video-option-select{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 9px;border:1px solid var(--n200);border-radius:var(--r-sm);background:var(--n0);color:var(--n600);font-size:12px}.video-option-select select{border:0;background:transparent;color:inherit;outline:0;max-width:220px}.video-model-line{margin:0;color:var(--n500);font-size:12px;line-height:1.5}.video-reference-list{display:flex;flex-wrap:wrap;gap:8px}.video-reference-chip{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--n200)}.video-reference-chip img{width:100%;height:100%;object-fit:cover}.video-reference-chip button{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;border-radius:999px;background:#0000008c;color:#fff;display:grid;place-items:center;cursor:pointer}.video-preview-panel{display:flex;flex-direction:column;gap:12px;min-height:570px}.video-result{border:1px solid var(--n150);border-radius:var(--r-lg);background:#0b0f19;overflow:hidden}.video-result video{display:block;width:100%;max-height:520px;background:#000}.video-result-meta{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--n0);color:var(--n600);font-size:12px}.video-result-meta a{color:var(--accent)}.video-error{color:#b42318;margin-top:10px}.video-task-list{display:grid;gap:8px}.video-task-list button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px 12px;border:1px solid var(--n150);border-radius:var(--r-md);background:var(--n0);cursor:pointer;color:var(--n700)}.video-task-list button.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.video-task-list small{color:var(--n500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.later-badge.muted-ready{opacity:1;background:#ecfdf3;color:#067647;border-color:#abefc6}.reference-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px dashed var(--n300);border-radius:var(--r-md);background:var(--n25);color:var(--n600);cursor:pointer}.reference-add:disabled{opacity:.65;cursor:not-allowed}.canvas-page{max-width:1380px;margin:0 auto}.tutorial-band{padding:23px}.tutorial-band header span{color:var(--n400);font-size:12px}.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.tutorial-card{position:relative;height:150px;padding:0;border:0;border-radius:var(--r-lg);background:var(--n100);color:var(--n0);overflow:hidden;cursor:pointer;transition:box-shadow var(--t2),transform var(--t2)}.tutorial-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.tutorial-card img{width:100%;height:100%;object-fit:cover}.tutorial-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#0000009e)}.tutorial-card span{position:absolute;z-index:1;bottom:11px;left:11px;right:11px;display:flex;align-items:center;gap:7px;color:var(--n0);font-size:12px;font-weight:700;text-align:left}.projects-section{margin-top:20px;padding:23px}.projects-section h2{margin:0;font-size:22px;letter-spacing:-.01em}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-top:20px}.new-project-tile,.project-card{display:grid;align-content:center;min-height:180px;border:1px dashed var(--n300);border-radius:var(--r-lg);background:var(--n25);color:var(--n500);text-align:center}.new-project-tile{place-items:center;gap:7px;cursor:pointer;transition:border-color var(--t1),background-color var(--t1),color var(--t1)}.new-project-tile:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.new-project-tile strong{color:var(--n700);font-size:14px}.new-project-tile span{font-size:12px}.project-card{position:relative;grid-template-rows:1fr auto;align-content:stretch;border-style:solid;border-color:var(--n150);background:var(--n0);overflow:hidden;text-align:left;transition:box-shadow var(--t2),transform var(--t2)}.project-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.project-card img,.project-cover{width:100%;height:132px;background:var(--n100);object-fit:cover}.project-meta{display:grid;gap:3px;padding:10px 72px 10px 10px}.project-card strong{overflow:hidden;color:var(--n700);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-card span{color:var(--n400);font-size:11px}.project-meta input{width:100%;min-width:0;height:26px;padding:0 6px;border:1px solid var(--accent-border);border-radius:var(--r-xs);outline:0;color:var(--n700);font-size:12px}.project-meta input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.project-actions{position:absolute;right:7px;bottom:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--t1)}.project-card:hover .project-actions,.project-card:focus-within .project-actions{opacity:1}.project-actions button{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--n150);border-radius:var(--r-sm);background:var(--n0);color:var(--n500);cursor:pointer;box-shadow:var(--sh-xs)}.project-actions button:hover{border-color:var(--accent-border);color:var(--accent)}.assets-page,.subscription-page{max-width:1380px;margin:0 auto}.assets-head p:not(.section-kicker),.subscription-head p:not(.section-kicker){margin:10px 0 0;color:var(--n500);font-size:14px;line-height:1.6}.assets-head>span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--n150);border-radius:var(--r-sm);background:var(--n0);color:var(--n600);font-size:12px}.assets-filters{margin-top:20px}.assets-empty{display:grid;place-items:center;align-content:center;min-height:420px;margin-top:28px;color:var(--n400);text-align:center}.assets-empty h2{margin:16px 0 7px;color:var(--n600);font-size:20px;letter-spacing:-.01em}.assets-empty p{margin:0;font-size:13px}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-top:28px}.asset-card{border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n0);overflow:hidden;transition:box-shadow var(--t2),transform var(--t2)}.asset-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.asset-card>img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--n100)}.asset-card-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:11px}.asset-card-footer>div:first-child{display:grid;min-width:0;gap:4px}.asset-card-footer strong{overflow:hidden;color:var(--n700);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.asset-card-footer span{color:var(--n400);font-size:10px}.asset-card-footer>div:last-child{display:flex;gap:3px}.asset-card-footer button,.asset-card-footer a{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:var(--r-sm);background:var(--n100);color:var(--n600);cursor:pointer;text-decoration:none}.asset-card-footer button:hover,.asset-card-footer a:hover{background:var(--accent-tint);color:var(--accent)}.asset-card-footer button:disabled{cursor:wait;opacity:.5}.subscription-head{display:block;max-width:700px}.subscription-grid{display:grid;grid-template-columns:minmax(260px,360px) minmax(260px,360px);gap:14px;margin-top:30px}.subscription-plan{padding:24px;box-shadow:var(--sh-xs);transition:border-color var(--t2),box-shadow var(--t2),transform var(--t2)}.subscription-plan:hover{border-color:var(--accent-border);box-shadow:var(--sh-md);transform:translateY(-3px)}.subscription-plan>svg{color:var(--accent)}.subscription-plan h2{margin:16px 0 12px;font-size:18px}.subscription-plan>strong{display:block;font-size:31px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.subscription-plan>strong small{color:var(--n400);font-size:12px;font-weight:600}.subscription-plan ul{display:grid;gap:10px;padding:0;margin:21px 0;list-style:none}.subscription-plan li{display:flex;align-items:center;gap:7px;color:var(--n600);font-size:13px}.subscription-plan li svg{color:var(--ok)}.subscription-plan .primary-button{width:100%}.muted-plan{background:var(--n25)}.muted-plan>p{color:var(--n400);font-size:13px;line-height:1.65}.templates-page{max-width:1340px;margin:0 auto;padding:40px clamp(24px,5vw,72px) 64px}.templates-hero h1{margin:0 0 10px;color:var(--n900);font-size:30px;letter-spacing:-.015em}.templates-hero>p{max-width:760px;margin:0;color:var(--n500);font-size:14px;line-height:1.75}.templates-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.templates-stats div{display:grid;gap:3px;min-width:132px;padding:13px 16px;border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--grad-accent-soft),var(--n0);box-shadow:var(--sh-xs)}.templates-stats b{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.templates-stats span{color:var(--n500);font-size:12px}.templates-tabs{display:flex;gap:8px;margin:28px 0 18px}.templates-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 16px;border:1px solid var(--n150);border-radius:var(--r-md);background:var(--n0);color:var(--n600);font-size:13px;font-weight:650;cursor:pointer}.templates-tabs button:hover{border-color:var(--accent-border);color:var(--accent)}.templates-tabs button.selected{border-color:transparent;background:var(--grad-accent);color:var(--n0);box-shadow:0 4px 12px #635bff4d}.templates-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.templates-count{color:var(--n500);font-size:12px}.chip-row{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.chip-label{flex:0 0 auto;padding-top:6px;color:var(--n400);font-size:12px}.templates-search{display:flex;align-items:center;gap:8px;flex:1 1 240px;max-width:380px;height:40px;padding:0 12px;border:1px solid var(--n200);border-radius:var(--r-md);background:var(--n0);color:var(--n400);transition:border-color var(--t1),box-shadow var(--t1)}.templates-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.templates-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--n800);font-size:13px}.templates-search input::placeholder{color:var(--n400)}.group-chips{display:flex;flex-wrap:wrap;gap:6px}.group-chips button{min-height:32px;padding:0 13px;border:1px solid var(--n150);border-radius:var(--r-pill);background:var(--n0);color:var(--n600);font-size:12px;cursor:pointer}.group-chips button:hover{border-color:var(--accent-border);color:var(--accent)}.group-chips button.selected{border-color:var(--accent-border);background:var(--grad-accent-soft),var(--n0);color:var(--accent);font-weight:700;box-shadow:inset 0 0 0 1px #8b82ff33}.template-grid{columns:3 280px;column-gap:14px}.tpl-card{--tpl-accent: var(--accent);break-inside:avoid;display:flex;flex-direction:column;gap:9px;margin-bottom:14px;padding:12px;border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n0);box-shadow:var(--sh-xs);transition:border-color var(--t2),box-shadow var(--t2),transform var(--t2)}.tpl-card:hover{border-color:color-mix(in srgb,var(--tpl-accent) 40%,var(--n150));transform:translateY(-3px);box-shadow:0 16px 38px #5046c81f}.tpl-preview-wrap{position:relative;border-radius:var(--r-md);overflow:hidden}.tpl-preview-button{display:block;width:100%;padding:0;border:0;background:var(--n100);cursor:zoom-in}.tpl-preview{display:block;width:100%;height:auto;transition:transform var(--t2)}.tpl-preview-wrap:hover .tpl-preview{transform:scale(1.02)}.tpl-preview-actions{position:absolute;inset:auto 10px 10px;display:flex;gap:7px;opacity:0;transform:translateY(6px);transition:opacity var(--t2),transform var(--t2)}.tpl-preview-wrap:hover .tpl-preview-actions,.tpl-preview-wrap:focus-within .tpl-preview-actions{opacity:1;transform:none}.tpl-quick-use,.tpl-quick-detail{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 14px;border:0;border-radius:var(--r-pill);font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tpl-quick-use{flex:1;background:var(--grad-accent);color:var(--n0);box-shadow:var(--accent-glow)}.tpl-quick-use:hover{filter:brightness(1.08)}.tpl-quick-detail{background:#fffffff0;color:var(--n800);box-shadow:var(--sh-sm)}.tpl-quick-detail:hover{background:var(--n0)}.tpl-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--tpl-accent)}.tpl-group{color:var(--n500);font-size:12px;font-weight:650}.tpl-source{margin-left:auto;overflow:hidden;max-width:58%;padding:3px 7px;border-radius:var(--r-xs);background:var(--n100);color:var(--n500);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tpl-head{display:flex;align-items:center;gap:8px}.tpl-card h3{margin:0;color:var(--n800);font-size:15px;letter-spacing:-.01em}.tpl-nameen{margin:-4px 0 0;color:var(--n400);font-size:11px}.tpl-triggers{margin:0;overflow:hidden;color:var(--n500);font-size:12px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.tpl-keywords{display:flex;flex-wrap:wrap;gap:5px}.tpl-keywords span{padding:3px 7px;border-radius:var(--r-xs);background:var(--n100);color:var(--n600);font-size:11px}.tpl-foot{display:flex;align-items:center;gap:8px;margin-top:auto}.tpl-foot .tpl-keywords{flex:1;min-width:0;flex-wrap:nowrap;overflow:hidden}.tpl-copy{flex:0 0 auto}.tpl-ref-link{display:inline-flex;align-items:center;gap:3px;width:max-content;color:var(--n400);font-size:11px;text-decoration:none}.tpl-ref-link:hover{color:var(--accent)}.tpl-required{min-height:34px;margin:0;color:var(--n500);font-size:12px;line-height:1.45}.tpl-param-count{flex:1;color:var(--n400);font-size:11px}.case-prompt{display:-webkit-box;min-height:64px;margin:0;overflow:hidden;color:var(--n500);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.case-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.case-actions .primary-button,.case-actions .compact-button{min-height:38px;padding-inline:10px}.compose-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:28px;background:#03050dad;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:tpl-fade .18s var(--ease)}.compose-modal{position:relative;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);width:min(1040px,100%);max-height:calc(100vh - 56px);border:1px solid var(--n150);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-lg);overflow:hidden;animation:tpl-pop .24s var(--ease)}@keyframes tpl-fade{0%{opacity:0}}@keyframes tpl-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}}.compose-modal-close{position:absolute;top:14px;right:14px;z-index:3;background:#fffffff0;box-shadow:var(--sh-sm)}.compose-modal-identity{display:flex;flex-direction:column;gap:14px;min-height:0;padding:26px;border-right:1px solid var(--n150);background:var(--n50);overflow:auto}.compose-modal-preview{display:grid;place-items:center;aspect-ratio:4 / 3;border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n0);overflow:hidden}.compose-modal-preview img{display:block;width:100%;height:100%;object-fit:contain}.compose-modal-preview-empty{display:grid;place-items:center;gap:10px;padding:20px;color:var(--n400);text-align:center}.compose-modal-meta>span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em}.compose-modal-meta h2{margin:7px 0 5px;color:var(--n900);font-size:23px;letter-spacing:-.015em}.compose-modal-meta p{margin:0;color:var(--n500);font-size:12px}.compose-reference-upload{position:relative;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 11px;border:1px dashed var(--n300);border-radius:var(--r-md);background:var(--n0);color:var(--n600);font-size:12px;cursor:pointer;overflow:hidden}.compose-reference-upload:hover{border-color:var(--accent);color:var(--accent)}.compose-reference-upload span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-reference-upload input{position:absolute;width:1px;height:1px;opacity:0}.compose-ai-fill{width:100%}.compose-modal-form{display:flex;flex-direction:column;min-width:0;min-height:0;padding:28px 30px 20px;overflow:auto}.compose-modal-form>header{padding-right:36px}.compose-modal-form>header h2{margin:0;color:var(--n900);font-size:25px;letter-spacing:-.02em}.compose-modal-form>header>p:last-child{margin:8px 0 0;color:var(--n500);font-size:13px;line-height:1.55}.compose-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.compose-modal-fields label{display:grid;gap:6px;min-width:0;color:var(--n600);font-size:12px;font-weight:650}.compose-modal-fields label:first-child{grid-column:1 / -1}.compose-modal-fields input{width:100%;min-width:0;height:39px;padding:0 10px;border:1px solid var(--n200);border-radius:var(--r-sm);background:var(--n0);color:var(--n800);outline:0}.compose-modal-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.compose-live-preview{display:grid;min-height:0;margin-top:18px;color:var(--n600);font-size:12px;font-weight:700}.compose-live-preview>span{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--accent)}.compose-live-preview textarea{width:100%;min-height:210px;padding:12px;border:1px solid var(--n150);border-radius:var(--r-md);background:var(--n50);color:var(--n600);resize:vertical;outline:0;font:11.5px/1.6 var(--font-mono)}.compose-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid var(--n150)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.skill-card{display:flex;flex-direction:column;gap:11px;padding:18px;border:1px solid var(--n150);border-radius:var(--r-lg);background:var(--n0);box-shadow:var(--sh-xs);transition:border-color var(--t2),box-shadow var(--t2),transform var(--t2)}.skill-card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:0 16px 38px #5046c81f}.skill-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.skill-head h3{margin:0;color:var(--n800);font-size:16px;letter-spacing:-.01em;word-break:break-word}.skill-author{color:var(--n400);font-size:12px}.skill-score{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--r-sm);background:var(--warn-bg);color:var(--warn);font-size:12px;font-weight:700;white-space:nowrap}.skill-cat{width:max-content;padding:4px 10px;border-radius:var(--r-sm);background:var(--n100);color:var(--n600);font-size:11px;font-weight:700}.skill-tagline{margin:0;color:var(--n600);font-size:13px;line-height:1.7}.skill-templates-link{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:6px 11px;border:1px solid var(--accent-border);border-radius:var(--r-sm);background:var(--accent-tint);color:var(--accent);font-size:12px;font-weight:650;cursor:pointer}.skill-templates-link:hover{background:var(--accent-tint-strong)}.skill-highlights{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.skill-highlights li{padding:3px 8px;border-radius:var(--r-xs);background:var(--n100);color:var(--n600);font-size:11px}.skill-meta{display:grid;gap:6px;padding:11px 12px;border-radius:var(--r-md);background:var(--n50)}.skill-meta span{display:flex;align-items:center;gap:6px;color:var(--n600);font-size:12px;line-height:1.5}.skill-meta span svg{flex:0 0 auto;color:var(--n400)}.skill-repro{margin:0;color:var(--n500);font-size:12px;line-height:1.65}.skill-foot{margin-top:auto}.skill-foot a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--n200);border-radius:var(--r-md);color:var(--n700);font-size:12px;font-weight:650;text-decoration:none}.skill-foot a:hover{border-color:var(--accent-border);background:var(--accent-tint);color:var(--accent)}.templates-empty{padding:64px 20px;color:var(--n400);font-size:14px;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0d101e7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-modal{position:relative;width:min(420px,100%);padding:30px;border-radius:var(--r-xl);background:var(--n0);box-shadow:var(--sh-overlay)}.modal-close{position:absolute;top:12px;right:12px}.modal-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:var(--r-lg);background:var(--grad-accent);color:var(--n0);box-shadow:var(--accent-glow)}.login-modal h2{margin:18px 0 20px;font-size:23px;letter-spacing:-.015em}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--n150);border-radius:var(--r-pill);background:var(--n50)}.auth-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--n500);font-size:12px;cursor:pointer}.auth-tabs button:hover{color:var(--n900)}.auth-tabs button.selected{background:var(--n0);color:var(--n800);font-weight:700;box-shadow:var(--sh-sm)}.login-modal form{margin-top:18px}.modal-input{display:grid;gap:7px;color:var(--n600);font-size:12px;font-weight:650}.modal-input input{width:100%;height:42px;padding:0 11px;border:1px solid var(--n200);border-radius:var(--r-sm);outline:0;color:var(--n800);transition:border-color var(--t1),box-shadow var(--t1)}.modal-input input:hover{border-color:var(--n300)}.modal-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}.code-button{align-self:end;height:42px;padding:0 10px;border:1px solid var(--accent-border);border-radius:var(--r-sm);background:var(--accent-tint);color:var(--accent);font-size:12px;font-weight:700;cursor:pointer}.code-button:hover:not(:disabled){background:var(--accent-tint-strong)}.code-button:disabled{border-color:var(--n150);background:var(--n100);color:var(--n400);cursor:not-allowed}.terms-control{position:relative;display:flex;align-items:flex-start;gap:7px;margin-top:16px;color:var(--n500);font-size:11px;line-height:1.5;cursor:pointer}.terms-control input{position:absolute;opacity:0}.check-box{display:grid;place-items:center;flex:0 0 15px;width:15px;height:15px;margin-top:1px;border:1px solid var(--n300);border-radius:var(--r-xs);color:transparent;transition:border-color var(--t1),background-color var(--t1)}.terms-control input:checked+.check-box{border-color:var(--accent);background:var(--accent);color:var(--n0)}.terms-control input:focus-visible+.check-box{outline:2px solid var(--accent);outline-offset:1px}.modal-submit{width:100%;margin-top:20px}.quick-login-divider{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--n400);font-size:11px}.quick-login-divider:before,.quick-login-divider:after{content:"";flex:1;height:1px;background:var(--n150)}.quick-login-btn{width:100%;height:38px;margin-top:0;border:1px dashed var(--n300);border-radius:var(--r-sm);background:transparent;color:var(--n500);font-size:12px;cursor:pointer;transition:border-color var(--t1),color var(--t1)}.quick-login-btn:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-tint)}.form-error{margin:10px 0 0;color:var(--danger);font-size:12px}.toast{position:fixed;left:50%;bottom:28px;z-index:120;transform:translate(-50%);max-width:min(420px,calc(100% - 32px));padding:11px 18px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-pill);background:#0f1322eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--n0);font-size:13px;box-shadow:var(--sh-lg);animation:toast-in .26s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.session-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--n0);color:var(--ink-text-hi);font-size:14px}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}}.home-hero,.tool-matrix,.discover-section,.templates-hero,.video-editor-placeholder,.canvas-page>section,.assets-head,.subscription-head,.subscription-grid,.agent-empty{animation:rise-in .48s var(--ease) both}.tool-matrix{animation-delay:70ms}.discover-section{animation-delay:.14s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.flow-editor,.flow-route-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--ink-2);color:var(--ink-text-hi)}.flow-route-loading{display:grid;place-items:center;font-size:14px}.flow-layout{display:grid;grid-template:48px minmax(0,1fr) / 280px minmax(0,1fr);width:100%;height:100%;overflow:hidden}.flow-toolbar{z-index:4;grid-column:1 / -1;display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;border-bottom:1px solid var(--ink-line);background:#0b0e1cf5;box-shadow:0 8px 24px #0000002e}.flow-toolbar>button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#ffffff0a;color:var(--ink-text);font-size:12px;cursor:pointer}.flow-toolbar>button:hover{border-color:#818cf88c;background:#6366f11f;color:var(--ink-text-hi)}.flow-toolbar>strong{max-width:280px;overflow:hidden;color:var(--ink-text-hi);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.flow-toolbar-spacer{flex:1}.flow-save-state{display:inline-flex;align-items:center;gap:5px;color:#67d99a;font-size:11px;font-variant-numeric:tabular-nums}.flow-save-state.dirty{color:#fbbf24}.flow-sidebar{z-index:3;display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;border-right:1px solid var(--ink-line);background:linear-gradient(180deg,#12162a,#0d1020)}.flow-sidebar-head{display:grid;gap:10px;padding:14px 12px 10px}.flow-sidebar-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-sidebar-head strong{font-size:14px}.flow-sidebar-head span{color:var(--ink-text);font-size:10px;font-variant-numeric:tabular-nums}.flow-search{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 9px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#ffffff0a;color:var(--ink-text)}.flow-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f124}.flow-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink-text-hi);font-size:11px}.flow-search button{display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ink-text);cursor:pointer}.flow-group-chips{display:flex;gap:5px;padding:0 12px 10px;overflow-x:auto}.flow-group-chips button{flex:0 0 auto;min-height:25px;padding:0 8px;border:1px solid var(--ink-line);border-radius:var(--r-pill);background:transparent;color:var(--ink-text);font-size:10px;cursor:pointer}.flow-group-chips button.selected{border-color:#818cf8b3;background:#6366f12e;color:#c7d2fe}.flow-case-list{min-height:0;padding:0 8px 12px;overflow:auto}.flow-case-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:start;gap:8px;min-height:92px;margin-bottom:5px;padding:7px 5px;border:1px solid transparent;border-radius:var(--r-md);background:#ffffff06;cursor:grab;transition:border-color var(--t1),background-color var(--t1),opacity var(--t1),transform var(--t1)}.flow-case-item:hover{border-color:var(--ink-line);background:#ffffff0f;transform:translateY(-1px)}.flow-case-item.dragging{opacity:.45;cursor:grabbing}.flow-case-item>img,.flow-case-placeholder{width:48px;height:48px;border-radius:var(--r-sm);object-fit:cover}.flow-case-item>div{display:grid;min-width:0;gap:4px}.flow-case-item strong{overflow:hidden;color:var(--ink-text-hi);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.flow-case-item p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ink-text);font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flow-case-item small{overflow:hidden;color:var(--ink-text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.flow-case-item>button{align-self:center;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#ffffff0a;color:#a5b4fc;cursor:pointer;opacity:0}.flow-case-item:hover>button,.flow-case-item:focus-within>button{opacity:1}.flow-sidebar-empty{display:grid;place-items:center;gap:8px;padding:44px 10px;color:var(--ink-text);text-align:center;font-size:11px}.flow-sidebar-empty button{border:0;background:transparent;color:#a5b4fc;cursor:pointer}.flow-canvas{position:relative;min-width:0;min-height:0;background:var(--ink-2);overflow:hidden}.flow-canvas.drop-active{box-shadow:inset 0 0 0 2px #818cf8cc}.flow-canvas .react-flow__controls{bottom:12px;right:12px;overflow:hidden;border:1px solid var(--ink-line);border-radius:var(--r-sm);box-shadow:none}.flow-canvas .react-flow__controls-button{border-bottom-color:var(--ink-line);background:#12162af0;color:var(--ink-text-hi);fill:currentColor}.flow-canvas .react-flow__minimap{right:12px;bottom:164px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#12162ae6}.flow-canvas .react-flow__edge.selected path{stroke:#a5b4fc;filter:drop-shadow(0 0 5px rgba(99,102,241,.75))}.flow-node{position:relative;border:1px solid var(--ink-line);border-radius:12px;background:var(--ink-1);color:var(--ink-text);box-shadow:0 14px 36px #00000047;transition:border-color var(--t1),box-shadow var(--t1),transform var(--t1)}.flow-node:hover{border-color:#ffffff29;transform:translateY(-2px)}.flow-node.selected{border:2px solid #6366f1;box-shadow:0 0 0 3px #6366f129,0 18px 44px #00000052}.flow-handle{width:9px!important;height:9px!important;border:2px solid #c7d2fe!important;background:#6366f1!important;transition:transform var(--t1),box-shadow var(--t1)!important}.flow-handle:hover{transform:scale(1.4);box-shadow:0 0 0 4px #6366f138}.flow-case-node{width:260px;overflow:hidden}.flow-node-accent{display:block;height:3px}.flow-case-preview{display:grid;place-items:center;width:100%;height:116px;color:#ffffffbd;overflow:hidden}.flow-case-preview img{width:100%;height:100%;object-fit:cover}.flow-node-body{padding:12px}.flow-node-body header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.flow-node-body strong,.flow-node-head strong{color:var(--ink-text-hi);font-size:12px}.flow-node-body header span{flex:0 0 auto;padding:3px 6px;border-radius:var(--r-pill);background:#6366f126;color:#c7d2fe;font-size:8px}.flow-line-clamp{display:-webkit-box;margin:9px 0 0;overflow:hidden;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.flow-prompt-node{width:360px;padding:12px}.flow-node-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.flow-node-actions{position:relative;display:flex;gap:5px}.flow-node-actions>button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#ffffff0a;color:#c7d2fe;cursor:pointer}.flow-node-actions>button:last-child{display:inline-flex;width:auto;padding:0 7px;gap:4px;font-size:9px}.flow-node-actions>button:disabled{cursor:not-allowed;opacity:.45}.flow-rewrite-menu{position:absolute;z-index:12;top:34px;right:33px;display:grid;min-width:94px;padding:5px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#171b31;box-shadow:0 16px 36px #00000061}.flow-rewrite-menu button{min-height:30px;padding:0 9px;border:0;border-radius:var(--r-xs);background:transparent;color:var(--ink-text);font-size:11px;text-align:left;cursor:pointer}.flow-rewrite-menu button:hover{background:#6366f129;color:var(--ink-text-hi)}.flow-prompt-input{width:100%;min-height:150px;margin-top:10px;padding:10px;border:1px solid var(--ink-line);border-radius:var(--r-sm);outline:0;background:#ffffff09;color:var(--ink-text-hi);font-size:11px;line-height:1.55;resize:vertical}.flow-prompt-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f124}.flow-prompt-node>footer{margin-top:5px;color:var(--ink-text);font-size:9px;text-align:right}.flow-adapt-panel{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--ink-line)}.flow-adapt-panel>label{display:grid;gap:5px;color:var(--ink-text);font-size:10px}.flow-adapt-panel>label.invalid textarea{border-color:#f87171b8}.flow-adapt-panel textarea{width:100%;min-height:70px;padding:8px;border:1px solid var(--ink-line);border-radius:var(--r-sm);outline:0;background:#ffffff09;color:var(--ink-text-hi);font-size:10px;resize:vertical}.flow-field-error{color:#fca5a5;font-size:9px}.flow-adapt-image{position:relative;min-height:48px}.flow-adapt-image>label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border:1px dashed rgba(255,255,255,.16);border-radius:var(--r-sm);color:var(--ink-text);font-size:10px;cursor:pointer}.flow-adapt-image input,.flow-reference-upload input{display:none}.flow-adapt-image img{width:100%;height:72px;border-radius:var(--r-sm);object-fit:cover}.flow-adapt-image>button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--r-pill);background:#0b0e1cd6;color:#fff;cursor:pointer}.flow-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:0;border-radius:var(--r-sm);background:var(--grad-accent);color:#fff;font-size:11px;font-weight:700;cursor:pointer}.flow-primary-button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.48}.flow-image-node{width:300px;padding:12px}.flow-prompt-summary{min-height:44px;margin:10px 0;padding:8px;border-radius:var(--r-sm);background:#ffffff09;color:var(--ink-text-hi);font-size:10px;line-height:1.45}.flow-prompt-summary.blocked{color:var(--ink-text)}.flow-size-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.flow-size-buttons button{min-height:29px;border:1px solid var(--ink-line);border-radius:var(--r-xs);background:transparent;color:var(--ink-text);font-size:9px;cursor:pointer}.flow-size-buttons button.selected{border-color:#6366f1;background:#6366f129;color:#c7d2fe}.flow-image-result{display:grid;place-items:center;min-height:150px;margin:10px 0;border:1px dashed rgba(255,255,255,.13);border-radius:var(--r-sm);color:var(--ink-text);overflow:hidden}.flow-image-result>div{display:grid;place-items:center;gap:8px;font-size:10px;text-align:center}.flow-image-result>button{position:relative;display:block;width:100%;height:150px;padding:0;border:0;background:transparent;cursor:zoom-in}.flow-image-result img{width:100%;height:100%;object-fit:cover}.flow-image-result>button svg{position:absolute;right:7px;bottom:7px;padding:4px;box-sizing:content-box;border-radius:var(--r-xs);background:#0b0e1cc2;color:#fff}.flow-generation-error{padding:10px;color:#fca5a5}.flow-generation-error p{margin:0;line-height:1.45}.flow-image-node>.flow-primary-button{width:100%}.flow-reference-node{width:200px;padding:12px}.flow-reference-upload{display:grid;place-items:center;gap:6px;min-height:145px;margin-top:9px;border:1px dashed rgba(255,255,255,.16);border-radius:var(--r-sm);color:var(--ink-text);font-size:10px;cursor:pointer}.flow-reference-upload small{font-size:8px;opacity:.72}.flow-reference-preview{position:relative;height:145px;margin-top:9px;overflow:hidden;border-radius:var(--r-sm)}.flow-reference-preview img{width:100%;height:100%;object-fit:cover}.flow-reference-preview button{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:var(--r-pill);background:#0b0e1ccc;color:#fff;cursor:pointer}.flow-empty-state,.flow-drop-hint{pointer-events:none;position:absolute;z-index:2;display:grid;place-items:center;color:var(--ink-text);text-align:center}.flow-empty-state{top:0;right:0;bottom:0;left:0;align-content:center;gap:8px}.flow-empty-state strong{color:var(--ink-text-hi);font-size:14px}.flow-empty-state span{font-size:10px}.flow-drop-hint{top:24px;right:24px;bottom:24px;left:24px;align-content:center;border:2px dashed rgba(129,140,248,.65);border-radius:var(--r-lg);background:#6366f10f;color:#c7d2fe;font-size:13px;font-weight:700}.flow-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:32px;background:#05070fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flow-lightbox img{max-width:min(1100px,92vw);max-height:88vh;border-radius:var(--r-lg);box-shadow:var(--sh-overlay)}.flow-lightbox button{position:fixed;top:18px;right:18px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-pill);background:#12162acc;color:#fff;cursor:pointer}.flow-error-state{display:grid;place-items:center}.flow-error-state section{display:grid;place-items:center;max-width:420px;gap:10px;padding:28px;text-align:center}.flow-error-state h1,.flow-error-state p{margin:0}.flow-error-state p{color:var(--ink-text);font-size:12px;line-height:1.6}.flow-error-state button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#ffffff0d;color:var(--ink-text-hi);cursor:pointer}.flow-model-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;color:#a5b4fc;font-size:9px}.flow-model-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-model-meta small{flex:0 0 auto;color:#fbbf24;font-size:8px}.flow-model-error{color:#f87171;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-model-select{width:100%;min-height:24px;margin-top:6px;padding:2px 6px;border:1px solid #ef4444;border-radius:var(--r-xs);background:#00000059;color:var(--ink-text-hi);font-size:9px}.flow-node.unsupported{border-color:#ef4444;box-shadow:0 0 0 2px #ef444438,0 14px 36px #00000047}.flow-node.unsupported:hover{border-color:#f87171}.flow-var-panel{margin-top:8px;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);overflow:hidden}.flow-var-summary{display:flex;align-items:center;gap:6px;width:100%;min-height:28px;padding:0 8px;border:0;background:#ffffff08;color:var(--ink-text-hi);font-size:9px;cursor:pointer;text-align:left}.flow-var-pending{margin-left:auto;font-style:normal;color:#fbbf24}.flow-var-list{display:flex;flex-direction:column;gap:1px;padding:4px;background:#0000002e}.flow-var-row{display:flex;align-items:center;gap:6px;min-height:24px;padding:2px 6px;border-radius:var(--r-xs);font-size:9px}.flow-var-row.bound{color:#86efac}.flow-var-row.fuzzy{color:#a5b4fc}.flow-var-row.unbound{color:#f87171}.flow-var-row.empty{color:#fbbf24}.flow-var-row.stale{color:#fbbf24;background:#fbbf2414}.flow-var-row.literal{color:#86efac}.flow-var-name{flex:0 0 auto;font-family:ui-monospace,monospace}.flow-var-state{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-var-media{flex:0 0 auto;color:var(--ink-text);font-size:8px}.flow-var-manual button{border:1px solid var(--ink-line);border-radius:var(--r-xs);background:transparent;color:#c7d2fe;font-size:8px;padding:1px 6px;cursor:pointer}.flow-var-literal{width:90px;min-height:20px;padding:1px 6px;border:1px solid #6366f1;border-radius:var(--r-xs);background:#0000004d;color:var(--ink-text-hi);font-size:9px}.flow-var-rebind{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:24px;margin-top:4px;border:1px dashed var(--ink-line);border-radius:var(--r-xs);background:transparent;color:#c7d2fe;font-size:9px;cursor:pointer}.flow-var-rebind:hover{border-color:#6366f1;color:#e0e7ff}.flow-upstream-refs{display:flex;flex-direction:column;gap:3px;margin-top:7px;padding:5px 8px;border-radius:var(--r-xs);background:#6366f114;font-size:9px;color:#a5b4fc}.flow-upstream-refs.ready{background:#86efac14;color:#86efac}.flow-upstream-refs span{font-weight:600}.flow-upstream-refs small{color:var(--ink-text-hi)}.flow-upstream-refs .flow-upstream-hint{color:#fbbf24;font-style:normal}.flow-textgen-node{width:300px;padding:12px}.flow-textgen-node textarea{min-height:72px}.flow-textgen-node footer{margin-top:3px;color:var(--ink-text);font-size:9px;text-align:right}.flow-textgen-local{margin-top:6px;padding:4px 8px;border-radius:var(--r-xs);background:#fbbf241a;color:#fbbf24;font-size:9px}.flow-textgen-output{margin-top:8px;border:1px solid rgba(134,239,172,.25);border-radius:var(--r-sm);background:#86efac0f}.flow-textgen-output button{display:flex;align-items:flex-start;gap:6px;width:100%;padding:8px;border:0;background:transparent;color:var(--ink-text-hi);font-size:10px;line-height:1.5;text-align:left;cursor:pointer;white-space:pre-wrap;word-break:break-word}.flow-textgen-output button svg{flex:0 0 auto;margin-top:2px;color:#86efac}.flow-group-node{width:100%;height:100%;border:1px dashed color-mix(in srgb,var(--flow-group-accent) 70%,transparent);border-radius:16px;background:color-mix(in srgb,var(--flow-group-accent) 8%,transparent);color:var(--ink-text)}.flow-group-node.selected{border-style:solid;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--flow-group-accent) 28%,transparent)}.flow-group-node header{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-bottom:1px solid color-mix(in srgb,var(--flow-group-accent) 32%,transparent);color:var(--ink-text-hi)}.flow-group-node>span{position:absolute;top:9px;right:10px;font-size:8px;opacity:.65}.flow-sticky-node{width:100%;height:100%;padding:10px 12px;border:0;border-radius:10px;box-shadow:0 10px 24px #0000002e;overflow:hidden}.flow-sticky-node.selected{outline:2px solid #6366f1}.flow-sticky-node header{display:flex;align-items:center;gap:6px;font-size:10px}.flow-sticky-node p{margin:7px 0 0;font-size:10px;line-height:1.45;white-space:pre-wrap}.flow-sticky-node>span{position:absolute;right:8px;bottom:6px;font-size:8px;opacity:.65}.flow-generic-node,.flow-video-node{width:300px;padding:12px}.flow-node-kind{display:inline-flex;margin-top:8px;padding:3px 6px;border-radius:var(--r-pill);background:#6366f126;color:#c7d2fe;font-size:8px}.flow-generic-node>a{display:inline-block;margin-top:8px;color:#a5b4fc;font-size:9px}.flow-generic-node>small{display:block;margin-top:7px;color:#fbbf24;font-size:8px}.flow-generic-node .flow-model-meta{align-items:flex-start;flex-direction:column}.flow-generic-node .flow-model-meta small{white-space:normal}.flow-duration-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.flow-duration-buttons button{min-height:27px;border:1px solid var(--ink-line);border-radius:var(--r-xs);background:transparent;color:var(--ink-text);font-size:9px;cursor:pointer}.flow-duration-buttons button.selected{border-color:#6366f1;background:#6366f129;color:#c7d2fe}.flow-video-result{display:grid;place-items:center;min-height:170px;margin:10px 0;border:1px dashed rgba(255,255,255,.13);border-radius:var(--r-sm);color:var(--ink-text);overflow:hidden}.flow-video-result>div{display:grid;place-items:center;gap:8px;padding:10px;font-size:10px;text-align:center}.flow-video-result video{width:100%;max-height:220px;background:#000}.flow-video-node>.flow-primary-button{width:100%}.flow-sidebar-filters{display:grid;gap:8px;padding-bottom:10px}.flow-sidebar-filters .flow-group-chips{padding-bottom:0}.flow-dag-filter{min-height:30px;margin:0 12px;padding:0 8px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#171b31;color:var(--ink-text);font-size:10px}.flow-case-placeholder{display:grid;place-items:center;color:#ffffffc7}.flow-case-placeholder.media-video{background:linear-gradient(135deg,#312e81,#7c3aed)}.flow-case-placeholder.media-image{background:linear-gradient(135deg,#0f766e,#2563eb)}.flow-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:24px;background:#05070fc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flow-input-dialog{width:min(680px,94vw);max-height:88vh;overflow:auto;border:1px solid var(--ink-line);border-radius:var(--r-lg);background:#12162a;color:var(--ink-text-hi);box-shadow:var(--sh-overlay)}.flow-input-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--ink-line);background:#12162afa}.flow-dialog-preview{flex:0 0 96px;height:72px;overflow:hidden;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#ffffff09}.flow-dialog-preview img{width:100%;height:100%;object-fit:cover}.flow-dialog-preview>span{display:grid;place-items:center;align-content:center;height:100%;gap:4px;color:var(--ink-text)}.flow-dialog-preview small{font-size:8px}.flow-dialog-heading{flex:1 1 auto;min-width:0}.flow-input-dialog h2,.flow-input-dialog p{margin:0}.flow-input-dialog h2{margin-top:4px;font-size:18px}.flow-dialog-mode{display:inline-flex;padding:3px 6px;border-radius:var(--r-pill);font-size:9px;text-transform:uppercase}.flow-dialog-mode.exact{color:#a5b4fc;background:#6366f11f}.flow-dialog-mode.approximate{border:1px solid rgba(251,191,36,.55);color:#fbbf24;background:#fbbf241a}.flow-input-dialog header p{margin-top:6px;color:var(--ink-text);font-size:10px}.flow-input-dialog header>button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ink-line);border-radius:var(--r-pill);background:transparent;color:var(--ink-text-hi);cursor:pointer}.flow-input-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 20px}.flow-dialog-field{display:grid;align-content:start;gap:6px;color:var(--ink-text);font-size:10px}.flow-dialog-field>span:first-child{color:var(--ink-text-hi)}.flow-dialog-field b{margin-left:3px;color:#f87171}.flow-dialog-field input,.flow-dialog-field textarea{width:100%;padding:9px 10px;border:1px solid var(--ink-line);border-radius:var(--r-sm);outline:0;background:#ffffff09;color:var(--ink-text-hi);font-size:11px}.flow-dialog-field textarea{min-height:88px;resize:vertical}.flow-dialog-field.invalid input,.flow-dialog-field.invalid textarea,.flow-dialog-field.invalid .flow-dialog-upload{border-color:#f87171ad}.flow-dialog-field small{color:var(--ink-text);text-align:right;font-size:8px}.flow-dialog-upload{display:flex;align-items:center;justify-content:center;gap:7px;min-height:88px;border:1px dashed var(--ink-line);border-radius:var(--r-sm);cursor:pointer}.flow-dialog-upload input{display:none}.flow-dialog-image{position:relative;height:120px;overflow:hidden;border-radius:var(--r-sm)}.flow-dialog-image img{width:100%;height:100%;object-fit:cover}.flow-dialog-image button{position:absolute;top:6px;right:6px;border:0;border-radius:var(--r-pill);background:#0b0e1cd1;color:#fff;cursor:pointer}.flow-dialog-empty{grid-column:1 / -1;padding:24px;border:1px dashed var(--ink-line);border-radius:var(--r-sm);color:var(--ink-text);text-align:center;font-size:11px}.flow-input-dialog footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--ink-line);background:#12162afa}.flow-input-dialog footer>div{display:flex;gap:8px}.flow-input-dialog footer button{min-height:34px;padding:0 12px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:#ffffff0a;color:var(--ink-text-hi);cursor:pointer}.flow-input-dialog footer button:disabled{cursor:not-allowed;opacity:.45}.flow-input-dialog footer .flow-primary-button{border:0;background:var(--grad-accent)}.flow-ai-fill{display:inline-flex;align-items:center;gap:6px;color:#c7d2fe!important}@media(max-width:640px){.flow-input-fields{grid-template-columns:1fr}.flow-input-dialog footer{align-items:stretch;flex-direction:column}}@media(max-width:760px){.flow-layout{grid-template:48px 210px minmax(0,1fr) / 1fr}.flow-toolbar{grid-column:1;overflow-x:auto}.flow-sidebar{grid-row:2;border-right:0;border-bottom:1px solid var(--ink-line)}.flow-canvas{grid-row:3}.flow-case-list{display:flex;gap:6px;overflow-x:auto}.flow-case-item{flex:0 0 240px}}@media(max-width:1260px){.tool-matrix{grid-template-columns:1.25fr repeat(3,1fr)}.workbench-page{grid-template-columns:320px minmax(360px,1fr) 255px}.workbench-page.queue-collapsed{grid-template-columns:320px minmax(360px,1fr)}.image-editor-panel{padding:20px 16px}.task-queue-panel{padding:18px 12px}}@media(max-width:1020px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{width:72px;padding-inline:8px}.nav-item span,.credit-button span,.subscribe-button span,.login-button span{display:none}.nav-item{min-height:46px}.credit-button,.subscribe-button,.login-button{min-height:38px}.tool-matrix{grid-template-columns:repeat(3,1fr)}.tool-card.featured{grid-row:auto;grid-column:span 2;min-height:120px}.workbench-page,.workbench-page.queue-collapsed{grid-template-columns:310px minmax(0,1fr)}.task-queue-panel,.queue-expand-button{display:none}.asset-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:760px){.app-shell{display:block;padding-bottom:66px}.sidebar{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(6,1fr);height:66px;padding:5px 6px 7px;border-top:1px solid var(--n150);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav-item{display:grid;place-items:center;gap:3px;border-radius:var(--r-sm);color:var(--n500);font-size:10px;text-decoration:none}.mobile-nav-button{padding:0;border:0;background:transparent;cursor:pointer}.mobile-nav-item.active{color:var(--accent);font-weight:700}.home-page,.video-placeholder,.canvas-page,.assets-page,.subscription-page{padding:28px 16px 34px}.home-hero h1{font-size:25px;text-align:left}.home-hero .section-kicker{text-align:left}.quick-create{display:flex;overflow-x:auto;margin-top:21px;padding-bottom:2px}.quick-create button{flex:0 0 282px}.home-composer{grid-template-columns:50px minmax(0,1fr);min-height:151px;padding:12px}.home-upload{width:50px;height:50px}.tool-matrix{grid-template-columns:repeat(2,1fr);gap:8px;margin:25px auto 36px}.tool-card{min-height:100px;padding:10px}.tool-card.featured{grid-column:1 / -1;min-height:110px}.featured .tool-copy strong{font-size:19px}.featured .tool-icon{width:74px;height:84px}.tool-copy small{font-size:11px}.discover-grid{columns:2 140px;column-gap:8px}.discover-card{margin-bottom:8px}.agent-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 66px)}.conversation-sidebar{display:block;padding:10px 12px;border-right:0;border-bottom:1px solid var(--n150);overflow:hidden}.conversation-side-head{padding:0}.new-conversation{display:none}.conversation-list{display:flex;gap:6px;margin-top:8px;padding-bottom:2px;overflow-x:auto}.conversation-list>p{margin:0;padding:7px 0}.conversation-item{flex:0 0 min(220px,80vw)}.conversation-item>button:last-child{opacity:1}.conversation-panel{min-height:0;height:auto;padding:16px}.agent-empty h1{font-size:21px}.workbench-page{display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 66px)}.queue-expand-button{display:inline-grid}.image-editor-panel{order:2;border-top:1px solid var(--n150);border-right:0;overflow:visible}.image-preview-panel{order:1;min-height:470px;padding:14px}.image-preview-panel .preview-image-frame{min-height:406px;padding:10px}.preview-image-frame img{max-height:390px}.task-queue-panel{display:block;order:3;border-top:1px solid var(--n150);border-left:0;overflow:visible}.task-list{grid-template-columns:repeat(2,minmax(0,1fr))}.task-row-main{grid-template-columns:42px minmax(0,1fr)}.task-thumbnail{width:42px;height:42px}.task-delete-button{opacity:1}.video-placeholder-grid{grid-template-columns:1fr;min-height:0}.video-config textarea{min-height:180px}.video-empty{min-height:280px}.tutorial-band,.projects-section{padding:16px}.tutorial-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.subscription-grid{grid-template-columns:1fr}.login-modal{padding:24px 20px}.templates-page{padding:26px 16px 40px}.templates-hero h1{font-size:23px}.template-grid{columns:1}.skill-grid{grid-template-columns:1fr}.templates-search{max-width:none}.compose-modal-backdrop{align-items:stretch;padding:0}.compose-modal{display:block;width:100%;height:100vh;max-height:none;border-radius:0;overflow:auto}.compose-modal-close{position:fixed;top:12px;right:12px}.compose-modal-identity{min-height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--n150);overflow:visible}.compose-modal-preview{max-height:240px;aspect-ratio:16 / 9}.compose-modal-form{min-height:auto;padding:22px 18px 18px;overflow:visible}.compose-modal-form>header h2{font-size:22px}.compose-modal-fields{grid-template-columns:1fr}.compose-modal-fields label:first-child{grid-column:auto}.compose-live-preview textarea{min-height:180px}.compose-modal-actions{position:sticky;bottom:0;padding:12px 0 2px;background:var(--panel)}}@media(max-width:420px){.home-composer{grid-template-columns:42px minmax(0,1fr)}.home-upload{width:42px;height:42px}.tool-card{grid-template-columns:34px minmax(0,1fr)}.tool-icon{width:34px;height:34px}.tool-card.featured{grid-template-columns:1fr 64px}.featured .tool-icon{width:64px;height:76px}.task-list{grid-template-columns:1fr}.code-row{grid-template-columns:minmax(0,1fr)}.code-button{width:100%}}