:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--surface-2: #eef1f6;--surface-3: #f9fafb;--ink: #0f172a;--muted: #667085;--line: rgba(15, 23, 42, .14);--navy: #0f172a;--jade: #059669;--terracotta: #dc2626;--warning: #b7791f;--accent: #d94b5d;--accent-strong: #b4233c;--accent-soft: rgba(217, 75, 93, .08);--accent-line: rgba(217, 75, 93, .26);--accent-glow: rgba(217, 75, 93, .16);--shadow-lg: 0 10px 24px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .05);--radius-control: 0;--radius-panel: 0;--radius-soft: 0;--content-width: calc(100vw - var(--page-gutter) * 2);--page-width: var(--content-width);--page-gutter: 36px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus{outline:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.44}.app-shell{min-height:100vh;max-width:calc(var(--page-width) + var(--page-gutter) * 2);margin:0 auto;padding:0 var(--page-gutter) 34px}.app-shell:has(.login-page){max-width:none;padding:0}.app-shell:has(.ai-workbench){max-width:none;padding-bottom:0}.topbar{width:100vw;margin:0 calc(50% - 50vw);min-height:68px;display:block;padding:0 var(--page-gutter);background:#fff;border:0;border-bottom:1px solid rgba(15,23,42,.1);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.app-shell:not(:has(.login-page)) .topbar{width:100vw;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.topbar-inner{width:min(var(--content-width),100%);min-height:68px;margin:0 auto;display:flex;align-items:center;gap:28px}.header-menu{align-self:center;min-width:0;width:auto;margin-left:12px;display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:0;border:0;border-radius:0;background:transparent;overflow-x:auto;scrollbar-width:none}.header-menu::-webkit-scrollbar{display:none}.header-menu button,.menu-item{position:relative;height:40px;min-width:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:0;border:0;border-radius:0;background:transparent;color:#475467;padding:0 2px;font-size:14px;font-weight:700;line-height:1.1;white-space:nowrap}.header-menu button.active{background:transparent;color:var(--ink);box-shadow:none}.header-menu button.active:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:3px;background:var(--accent)}.header-menu button:hover:not(.active){color:var(--ink);background:transparent}.header-menu button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--accent-line)}.brand{display:flex;align-items:center;gap:10px;min-width:0;flex:0 0 auto}.brand-button{max-width:min(380px,34vw);min-width:0;height:48px;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink);text-align:left}.brand-button:hover{background:transparent}.brand-mark{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#fffaf6;border:1px solid rgba(224,59,86,.22);overflow:hidden;box-shadow:none}.brand-logo{width:100%;height:100%;display:block;object-fit:cover}.brand-copy{min-width:0;display:grid;gap:2px}.brand-copy small,.brand-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-copy small{color:var(--muted);font-size:12px;font-weight:600;text-transform:none}.brand-copy strong{font-size:16px;line-height:1.15}h1,h2,p{margin:0}h1{font-size:16px;letter-spacing:0}.topbar-actions,.workspace-actions{display:flex;align-items:center;gap:8px}.topbar-actions{align-self:center;margin-left:auto;flex:0 0 auto;min-width:0;gap:10px;padding:4px;border:1px solid rgba(15,23,42,.08);background:#f8fafc}.quota-chip{height:40px;display:inline-flex;align-items:center;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-control);background:linear-gradient(180deg,#fff,#fdfdfd),var(--surface);color:var(--ink);padding:0;box-shadow:0 1px #0f172a0a}.quota-chip:hover{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #d94b5d1a}.auth-form{flex-wrap:nowrap}.quota-count{height:38px;min-width:96px;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:5px;padding:0 12px}.quota-count strong{font-size:14px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums}.quota-count small{color:#475467;font-size:12px;font-weight:900}.auth-form input[type=password]{width:96px}.topbar-login-button{height:38px;border-radius:var(--radius-control)}.topbar-new-button{height:40px;border-radius:var(--radius-control);padding:0 18px;border-color:var(--accent);box-shadow:0 8px 18px #d94b5d2e}.app-notice{width:min(var(--page-width),100%);margin:12px auto 0;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;padding:12px 14px;border:1px solid rgba(220,38,38,.22);background:#fff;color:var(--terracotta);font-size:13px;line-height:1.5}.app-notice svg{margin-top:1px;color:var(--accent)}.quota-page{min-height:calc(100vh - 72px);padding:28px 0 42px}.quota-shell{width:min(var(--content-width),100%);margin:0 auto;display:grid;gap:16px}.quota-header{display:grid;gap:7px}.quota-header span{color:var(--accent-strong);font-size:12px;font-weight:900}.quota-header h2{font-size:28px;line-height:1.15}.quota-header p{max-width:620px;color:var(--muted);font-size:14px;line-height:1.65}.quota-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:stretch}.quota-balance-card,.quota-redeem-card,.quota-rules-card,.quota-ledger-card,.quota-generation-card,.quota-organization-card,.quota-login-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff;box-shadow:none}.quota-balance-card{min-height:214px;display:grid;align-content:center;justify-items:center;gap:4px;padding:22px;background:#fff;border-color:var(--accent-line);border-left:4px solid var(--accent)}.quota-balance-card small,.quota-balance-card span{color:var(--muted);font-size:13px;font-weight:800}.quota-balance-card strong{color:var(--accent-strong);font-size:58px;line-height:1}.quota-balance-card.organization{border-left-color:var(--jade)}.quota-balance-card.organization strong{color:var(--jade)}.quota-redeem-card,.quota-rules-card,.quota-login-card{display:grid;gap:14px;padding:18px}.quota-redeem-card label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:900}.quota-redeem-card input{height:44px;border:1px solid var(--line);border-radius:var(--radius-control);padding:0 12px;background:var(--surface-3);color:var(--ink);outline:0;text-transform:uppercase}.organization-member-form input,.organization-member-form select{min-width:0;height:40px;border:1px solid var(--line);border-radius:var(--radius-control);padding:0 10px;background:var(--surface-3);color:var(--ink);outline:0}.quota-redeem-card input:focus{border-color:var(--accent-line);box-shadow:inset 0 0 0 1px var(--accent-line)}.quota-redeem-card p,.quota-login-card p{color:var(--muted);font-size:13px;line-height:1.6}.project-page{width:min(var(--content-width),100%);margin:18px auto 0;min-height:calc(100vh - 118px);padding:24px;border:1px solid rgba(17,24,39,.08);background:#fff}.project-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(17,24,39,.08)}.project-page-header h2{font-size:26px;line-height:1.2}.project-page-header p{margin-top:6px;color:var(--muted);font-size:14px}.project-create-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:18px 0;padding:16px;border:1px solid var(--line);background:var(--surface-3)}.project-create-panel label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:900}.project-create-panel input{height:42px;border:1px solid var(--line);padding:0 12px;background:#fff;color:var(--ink);outline:0}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.project-card{min-width:0;display:grid;gap:10px;padding:16px;border:1px solid rgba(17,24,39,.1);background:#fff;color:inherit;text-align:left}.project-card-cover{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;border:1px solid var(--line);background-color:var(--surface-3);background-size:cover;background-position:center;color:var(--muted)}.project-card-cover.empty{background-image:none}.project-card:hover{border-color:var(--accent-line);box-shadow:0 12px 28px #0f172a0f}.project-card strong,.project-card small,.project-card em{display:block}.project-card strong{font-size:15px}.project-card small{color:var(--muted);font-size:12px;font-style:normal}.project-card em{color:var(--accent-strong);font-size:12px;font-style:normal;font-weight:900}.project-empty-state{grid-column:1 / -1;display:grid;place-items:center;gap:8px;min-height:190px;border:1px dashed rgba(15,23,42,.18);color:var(--muted);text-align:center}.project-empty-state strong{color:var(--ink)}.quota-message{display:flex;align-items:flex-start;gap:8px;color:var(--terracotta);font-size:13px;line-height:1.5}.quota-ledger-card,.quota-generation-card,.quota-organization-card{grid-column:1 / -1;display:grid;gap:14px;padding:18px}.quota-ledger-card header,.quota-generation-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quota-organization-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quota-ledger-card h3,.quota-generation-card h3,.quota-organization-card h3,.quota-rules-card h3,.quota-login-card h3{margin:0;font-size:16px}.quota-ledger-card p,.quota-generation-card p,.quota-organization-card p{margin-top:4px;color:var(--muted);font-size:13px}.organization-member-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(140px,.8fr) minmax(120px,.8fr) 110px 90px 120px;gap:10px;align-items:center}.organization-member-list{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-control)}.organization-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px;border-top:1px solid var(--line)}.organization-member-row:first-child{border-top:0}.organization-member-row span{display:grid;gap:3px}.organization-member-row strong{font-size:13px}.organization-member-row small{color:var(--muted);font-size:12px}.organization-member-row em{color:var(--accent-strong);font-size:13px;font-style:normal;font-weight:900}.quota-ledger-table{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-control)}.quota-ledger-row{display:grid;grid-template-columns:112px 112px minmax(0,1fr) 76px 76px;gap:10px;align-items:center;min-height:42px;padding:9px 12px;border-top:1px solid var(--line);color:var(--ink);font-size:13px}.quota-ledger-row.heading{min-height:36px;border-top:0;background:var(--surface-3);color:var(--muted);font-size:12px;font-weight:900}.quota-ledger-row span:nth-child(3){display:grid;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quota-ledger-row span:nth-child(3) strong,.quota-ledger-row span:nth-child(3) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quota-ledger-row span:nth-child(3) strong{font-size:13px;font-weight:800}.quota-ledger-row span:nth-child(3) small{color:var(--muted);font-size:11px}.quota-ledger-row .positive{color:var(--jade);font-weight:900}.quota-ledger-row .negative{color:var(--terracotta);font-weight:900}.quota-ledger-empty{padding:22px;color:var(--muted);font-size:13px;text-align:center}.generation-log-list{display:grid;gap:8px}.generation-log-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.8fr) minmax(130px,.65fr) minmax(220px,1fr);gap:12px;align-items:center;min-height:64px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:var(--radius-control);background:#fff}.generation-log-row.succeeded{border-left-color:var(--jade)}.generation-log-row.failed{border-left-color:var(--terracotta)}.generation-log-row.started{border-left-color:var(--warning)}.generation-log-row span{display:grid;gap:4px;min-width:0}.generation-log-row strong,.generation-log-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-log-row strong{font-size:13px}.generation-log-row small{color:var(--muted);font-size:12px}.quota-rules-card{grid-column:2}.organization-page{width:min(var(--content-width),100%);margin:18px auto 0;min-height:calc(100vh - 118px);padding:24px;border:1px solid rgba(17,24,39,.08);background:#fff}.organization-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(17,24,39,.08)}.organization-page-header h2{font-size:26px;line-height:1.2}.organization-page-header p{margin-top:6px;color:var(--muted);font-size:14px}.organization-summary-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-top:18px}.organization-summary-card,.organization-panel,.organization-member-table{border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff}.organization-summary-card{display:grid;gap:6px;min-height:136px;align-content:center;padding:18px}.organization-summary-card.primary{border-color:var(--accent-line);border-left:4px solid var(--accent)}.organization-summary-card small,.organization-summary-card span{color:var(--muted);font-size:12px;font-weight:800}.organization-summary-card strong{color:var(--ink);font-size:28px;line-height:1.1}.organization-management-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:12px;margin-top:12px}.organization-panel,.organization-member-table{display:grid;gap:14px;padding:18px}.organization-panel header h3,.organization-member-table header h3{font-size:16px}.organization-panel header p,.organization-member-table header p{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.55}.organization-member-form.detailed{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-member-form.detailed label,.organization-redeem-form label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:900}.organization-member-form.detailed .primary-button{grid-column:1 / -1}.organization-redeem-form{display:grid;gap:12px}.organization-redeem-form input{height:42px;border:1px solid var(--line);border-radius:var(--radius-control);padding:0 11px;background:var(--surface-3);color:var(--ink);outline:0;text-transform:uppercase}.organization-member-table{margin-top:12px}.organization-alert{margin-top:12px;padding:10px 12px;border:1px solid rgba(191,72,61,.22);background:#bf483d0f;color:var(--terracotta);font-size:13px}.quota-rules-card h3,.quota-login-card h3{margin:0;font-size:16px}.quota-rules-card ul{display:grid;gap:7px;margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.65}.quota-rules-card .secondary-button{width:fit-content}.quota-login-card{max-width:520px}.login-page{min-height:100vh;position:relative;display:block;padding:0;background:var(--bg)}.login-card{width:100vw;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(440px,.82fr);gap:0;align-items:stretch;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}.login-visual{position:relative;min-height:100%;margin:0;overflow:hidden;background:#1e293b}.login-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:43% 50%}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(20,16,14,.62))}.login-visual figcaption{position:absolute;left:30px;right:30px;bottom:28px;z-index:1;display:grid;gap:8px;color:#fff}.login-visual figcaption strong{font-size:25px;line-height:1.15}.login-visual figcaption span{max-width:430px;color:#ffffffd1;font-size:13px;line-height:1.7}.login-form{position:relative;display:grid;align-content:center;gap:14px;padding:72px 70px}.login-form-heading{display:grid;gap:8px;margin-bottom:14px}.login-form-heading span{color:var(--accent);font-size:13px;font-weight:900}.login-form-heading h2{font-size:32px;line-height:1.08}.login-form-heading p{color:var(--muted);font-size:13px;line-height:1.6}.login-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.login-form input{height:52px;border:1px solid rgba(17,24,39,.12);border-radius:0;padding:0 14px;background:#fff;color:var(--ink);outline:0}.login-benefits{display:grid;gap:14px;margin:4px 0 20px;padding:0;list-style:none}.login-benefits li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;color:var(--ink);font-size:14px}.login-benefits svg{color:var(--accent)}.login-notice{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin:-2px 0 4px;padding:12px 13px;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink);font-size:13px;line-height:1.5}.login-notice svg{margin-top:2px;color:var(--accent)}.login-notice span{min-width:0;display:grid;gap:2px}.login-notice strong{color:var(--navy);font-size:13px;line-height:1.35}.login-notice small{color:var(--muted);font-size:12px;line-height:1.45}.login-form input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.text-button{min-height:34px;border:0;background:transparent;color:var(--muted);font-size:13px}.text-button:hover{color:var(--accent)}.primary-button,.secondary-button,.icon-button,.upload-button{border:1px solid var(--line);border-radius:var(--radius-control);height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:var(--surface-3);color:var(--ink);white-space:nowrap}.primary-button{background:var(--accent);color:#fff;border-color:#ffffff1a;box-shadow:none}.secondary-button{background:#fff}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.upload-button:hover:not(:disabled),.mini-icon-button:hover:not(:disabled){border-color:var(--accent-line);box-shadow:inset 0 0 0 1px var(--accent-line)}.icon-button{width:38px;padding:0}.compact{height:34px}.full{width:100%}.panel-title,.section-heading,.block-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700}.panel-title{justify-content:flex-start;min-height:28px;color:var(--ink)}.panel-title>span{min-width:0;display:grid;gap:4px}.panel-title>span strong,.panel-title>span small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-title>span strong{font-size:17px;line-height:1.25}.panel-title>span small{color:var(--muted);font-size:12px;font-weight:600}.panel-title .chat-refresh-button{margin-left:auto;width:30px;height:30px}.segmented{margin:14px 0 10px;display:grid;grid-template-columns:1fr 1fr;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:0}.segmented button{border:0;background:transparent;height:32px;border-radius:0;color:var(--muted)}.segmented .active{background:var(--surface);color:var(--navy);box-shadow:inset 0 -2px 0 var(--accent)}.search-box{height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:0;padding:0 10px;background:var(--surface-3);color:var(--muted)}.search-box input{border:0;outline:0;min-width:0;background:transparent;color:var(--ink)}.asset-list,.asset-grid{margin-top:12px;display:grid;gap:10px}.pattern-row{width:100%;display:grid;grid-template-columns:66px 1fr;gap:10px;text-align:left;padding:8px;background:#fff;border:1px solid var(--line);border-radius:0}.pattern-row.selected,.motif-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pattern-thumb{height:48px;border-radius:0;border:1px solid rgba(30,29,26,.15);background-size:cover!important;background-position:center!important}.pattern-row strong,.motif-card span,.result-card strong{display:block;font-size:13px}.pattern-row small,.motif-card small,.result-card small,.block-label small{color:var(--muted);font-size:12px}.asset-grid{grid-template-columns:1fr 1fr}.motif-card{position:relative;padding:8px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:0}.upload-button{width:100%;margin-top:12px;border-style:dashed;background:var(--surface-3)}.hidden-input{display:none}.home-page{width:min(var(--content-width),100%);margin:0 auto;display:grid;gap:18px;padding:28px 0 72px}.home-studio{color:#ffffffe6}.studio-hero{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);min-height:520px;border:1px solid rgba(255,255,255,.1);background:#111318}.studio-hero-copy{display:grid;align-content:center;justify-items:start;gap:18px;padding:44px;border-right:1px solid rgba(255,255,255,.1)}.studio-hero-copy>span,.studio-status-panel>span,.studio-command-panel header span,.studio-recent-panel header span,.studio-asset-panel header span,.studio-flow-panel>span{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;background:#f46f841f;color:#f46f84;font-size:12px;font-weight:900}.studio-hero-copy h2{max-width:620px;margin:0;font-size:50px;line-height:1.08;letter-spacing:0}.studio-hero-copy p{max-width:560px;color:#ffffff9e;font-size:15px;line-height:1.7}.studio-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.studio-canvas-preview{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden;padding:32px;background:radial-gradient(circle at 28px 28px,rgba(255,255,255,.08) 1px,transparent 1.4px),#17191f;background-size:32px 32px}.studio-preview-board{position:relative;width:min(680px,100%);aspect-ratio:1.18}.studio-preview-main,.studio-preview-float{position:absolute;display:block;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.12);background:#fff;box-shadow:0 30px 80px #00000061}.studio-preview-main{inset:5% 16% 10% 4%;width:80%;height:82%}.studio-preview-float.one{top:0;right:0;width:34%;height:34%}.studio-preview-float.two{right:8%;bottom:0;width:42%;height:38%}.studio-agent-card{position:absolute;right:28px;bottom:28px;width:min(320px,calc(100% - 56px));display:grid;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.13);background:#16181eeb;box-shadow:0 22px 52px #00000052;color:#ffffffe6}.studio-agent-card span{color:#f46f84;font-size:12px;font-weight:900}.studio-agent-card strong{font-size:18px;line-height:1.3}.studio-agent-card small{color:#ffffff94;font-size:13px;line-height:1.55}.studio-dashboard{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(360px,1.08fr) minmax(300px,.9fr);border:1px solid rgba(255,255,255,.1);background:#111318}.studio-status-panel,.studio-command-panel,.studio-recent-panel,.studio-asset-panel,.studio-flow-panel{min-width:0;display:grid;gap:14px;padding:18px;background:#ffffff09}.studio-status-panel,.studio-command-panel{border-right:1px solid rgba(255,255,255,.1)}.studio-status-panel>strong{font-size:24px;line-height:1.2}.studio-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-metrics small{min-width:0;display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.1);color:#ffffff8a;font-size:12px}.studio-metrics b{color:#ffffffe6;font-size:20px}.studio-command-panel header,.studio-recent-panel header,.studio-asset-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-command-panel header small{color:#ffffff8a;font-size:12px}.studio-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-command-grid button{min-width:0;min-height:74px;display:grid;place-items:center;align-content:center;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffe6;font-size:13px;font-weight:900}.studio-command-grid button:hover,.studio-recent-panel header button:hover,.studio-asset-panel header button:hover,.studio-empty-action:hover{border-color:#f46f8494;background:#f46f841f;color:#fff}.studio-recent-panel header button,.studio-asset-panel header button{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffdb;font-size:12px;font-weight:900}.studio-recent-list{display:grid;gap:8px}.studio-recent-list button{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffe0;text-align:left}.studio-recent-thumb{width:72px;aspect-ratio:4 / 3;display:grid;place-items:center;background-size:cover;background-position:center}.studio-recent-thumb.empty{background:#ffffff14;color:#ffffff8a}.studio-recent-list strong{display:block;overflow:hidden;font-size:13px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.studio-recent-list small{display:block;overflow:hidden;color:#ffffff8a;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.studio-empty-action{min-height:74px;border:1px dashed rgba(255,255,255,.16);background:#ffffff0d;color:#ffffff94;font-weight:900}.studio-lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);border:1px solid rgba(255,255,255,.1);background:#111318}.studio-asset-panel{border-right:1px solid rgba(255,255,255,.1)}.studio-asset-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-asset-strip img{width:100%;aspect-ratio:4 / 3;display:block;object-fit:cover;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.studio-context-tags{display:flex;flex-wrap:wrap;gap:8px}.studio-context-tags span{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.12);color:#ffffff9e;font-size:12px;font-weight:800}.studio-flow-panel ol{display:grid;gap:10px;margin:0;padding-left:20px;color:#ffffffd1;font-size:13px;line-height:1.55}.node-list{position:relative;z-index:1;margin:10px 0 0;padding-left:18px;color:var(--ink);font-size:12px;line-height:1.65}.node-empty{position:relative;z-index:1;min-height:94px;display:grid;place-items:center;padding:14px;border:1px dashed var(--line);border-radius:0;background:var(--surface-3);color:var(--muted);text-align:center;font-size:12px;line-height:1.55}.error-state{border-color:#dc262647;background:#dc26260f;color:var(--terracotta)}.canvas-result-image{position:relative;z-index:1;display:block;width:100%;max-height:520px;object-fit:contain;border:1px solid var(--line);border-radius:0;background:var(--surface-3)}.ai-workbench{display:grid;grid-template-columns:var(--chat-dock-width, 360px) minmax(0,1fr) 320px;gap:0;width:100vw;margin:0 calc(50% - 50vw) -28px;min-height:calc(100vh - 68px);border-top:1px solid rgba(255,255,255,.08);background:#0f1115;color:#ffffffe6}.ai-workbench.resizing-chat-dock{-webkit-user-select:none;user-select:none;cursor:col-resize}.ai-canvas-shell,.chat-dock,.context-inspector{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.ai-canvas-shell{position:relative;min-height:calc(100vh - 68px);padding:18px 28px 96px 96px;display:flex;flex-direction:column;gap:0;overflow:hidden;background:radial-gradient(circle at 24px 24px,rgba(255,255,255,.08) 1px,transparent 1.4px),linear-gradient(180deg,#17191f,#111318);background-size:32px 32px}.ai-task-toolbar{position:absolute;left:24px;top:50%;z-index:8;display:grid;gap:8px;width:70px;max-height:calc(100vh - 150px);overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.11);background:#1a1c22eb;box-shadow:0 18px 42px #00000052;transform:translateY(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ai-task-toolbar button{width:52px;height:48px;display:grid;place-items:center;align-content:center;gap:3px;border:0;background:transparent;color:#ffffffb8;padding:0}.ai-task-toolbar button:hover:not(:disabled){background:#ffffff1a;color:#fff}.ai-task-toolbar button span{max-width:48px;overflow:hidden;font-size:11px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.chat-dock{position:relative;max-height:calc(100vh - 68px);padding:18px 16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;border-right:1px solid rgba(255,255,255,.1);background:#16181e;color:#ffffffe6}.chat-dock .panel-title{color:#ffffffeb}.chat-dock .panel-title>span small{color:#ffffff85}.chat-dock .mini-icon-button{border-color:#ffffff1f;background:#ffffff12;color:#ffffffc7}.chat-resize-handle{position:absolute;top:14px;bottom:14px;right:-10px;width:16px;border:0;border-radius:0;background:transparent;cursor:col-resize;z-index:5}.chat-resize-handle:after{content:"";position:absolute;top:50%;right:7px;width:3px;height:56px;border-radius:0;background:#fff3;transform:translateY(-50%);transition:background .16s ease,box-shadow .16s ease}.chat-resize-handle:hover:after,.ai-workbench.resizing-chat-dock .chat-resize-handle:after{background:#f46f84;box-shadow:none}.context-inspector{max-height:calc(100vh - 68px);display:flex;flex-direction:column;gap:14px;padding:18px 16px;overflow:auto;border-left:1px solid rgba(255,255,255,.1);background:#16181e;color:#ffffffe6}.context-inspector header{min-width:0;display:grid;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.context-inspector header span,.context-section-title span{color:#f46f84;font-size:11px;font-weight:900;text-transform:uppercase}.context-inspector header strong{min-width:0;overflow:hidden;font-size:18px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.context-inspector header small{color:#ffffff8f;font-size:12px;line-height:1.45}.context-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.context-metric-grid article,.context-section,.inspector-task,.inspector-empty,.inspector-output-grid button{min-width:0;border:1px solid rgba(255,255,255,.1);background:#ffffff0b}.context-metric-grid article{display:grid;gap:7px;padding:12px}.context-metric-grid svg{color:#f46f84}.context-metric-grid span{color:#ffffff7a;font-size:11px;font-weight:800}.context-metric-grid strong{min-width:0;overflow:hidden;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.context-section{display:grid;gap:10px;padding:12px}.context-section-title{display:flex;align-items:center;gap:7px;color:#f46f84}.inspector-task-list{display:grid;gap:8px}.inspector-task{display:grid;gap:5px;padding:10px}.inspector-task span{color:#f46f84;font-size:11px;font-weight:900}.inspector-task.done span{color:#6ee7b7}.inspector-task.failed span{color:#fca5a5}.inspector-task strong,.inspector-output-grid strong{min-width:0;overflow:hidden;color:#ffffffe0;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.inspector-task small{display:-webkit-box;overflow:hidden;color:#ffffff85;font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.inspector-empty{min-height:72px;display:grid;place-items:center;align-content:center;gap:7px;color:#ffffff7a;font-size:12px;font-weight:800}.selected-object-detail{gap:12px}.selected-object-preview{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%),#ffffff0b;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.selected-object-preview img,.selected-object-preview video{width:100%;height:100%;display:block;object-fit:contain}.selected-object-copy{min-width:0;display:grid;gap:4px}.selected-object-copy strong{min-width:0;overflow:hidden;color:#ffffffeb;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.selected-object-copy small,.selected-object-detail p{color:#ffffff8a;font-size:12px;line-height:1.45}.selected-object-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.selected-object-meta div{min-width:0;display:grid;gap:4px;padding:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b}.selected-object-meta dt,.selected-object-meta dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-object-meta dt{color:#ffffff6b;font-size:11px;font-weight:900}.selected-object-meta dd{color:#ffffffd6;font-size:12px;font-weight:800}.selected-object-actions{display:grid;gap:8px}.selected-object-actions .primary-button,.selected-object-actions .secondary-button{width:100%;justify-content:center}.inspector-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-output-grid button{display:grid;gap:7px;padding:7px;color:inherit;text-align:left}.inspector-output-grid button:hover{border-color:#f46f8494;background:#f46f841f}.inspector-output-grid img,.inspector-output-grid video,.inspector-output-grid button>span{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;object-fit:cover;background:#ffffff14;color:#ffffff9e;font-size:11px;font-weight:900}.workflow-launch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workflow-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:start;gap:12px;padding:16px;border:1px solid rgba(17,24,39,.1);border-radius:0;background:#fff;color:var(--ink);text-align:left;box-shadow:0 12px 28px #1118270f;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.workflow-card:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-line);box-shadow:0 18px 38px #1118271a}.workflow-card>svg{justify-self:end;align-self:center;color:var(--accent)}.workflow-preview{grid-column:1 / -1;height:86px;border:1px solid rgba(17,24,39,.08);border-radius:0;background-color:var(--surface-2);background-position:center;background-size:cover;overflow:hidden}.create-flow .workflow-preview{background:linear-gradient(180deg,#f8fafcf2,#ffffffb8),repeating-linear-gradient(135deg,rgba(37,99,235,.12) 0 10px,transparent 10px 22px),radial-gradient(circle at 30% 38%,rgba(37,99,235,.34) 0 8px,transparent 9px),radial-gradient(circle at 72% 58%,rgba(5,150,105,.24) 0 7px,transparent 8px)}.edit-flow .workflow-preview{background:linear-gradient(180deg,#eff6ffe0,#ffffffbd),radial-gradient(circle at 25% 28%,rgba(37,99,235,.26) 0 18px,transparent 19px),radial-gradient(circle at 55% 60%,rgba(5,150,105,.14) 0 28px,transparent 29px),linear-gradient(135deg,transparent 0 47%,rgba(15,23,42,.08) 48% 52%,transparent 53%)}.export-flow .workflow-preview{background:linear-gradient(180deg,#f8fafceb,#ffffffc7),linear-gradient(12deg,rgba(15,23,42,.06) 0 24%,transparent 25%),repeating-linear-gradient(90deg,#2563eb33 0 16px,#05966929 16px 32px,#64748b1f 32px 48px)}.workflow-copy{min-width:0;display:grid;gap:6px}.workflow-copy strong{font-size:15px;line-height:1.25}.workflow-copy small{color:var(--muted);font-size:12px;line-height:1.5}.prompt-kit-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(17,24,39,.1);border-radius:0;background:#fff}.prompt-kit-heading{display:flex;justify-content:space-between;gap:12px}.prompt-kit-heading strong,.prompt-kit-heading small{display:block}.prompt-kit-heading strong{font-size:15px}.prompt-kit-heading small{margin-top:3px;color:var(--muted);font-size:12px}.prompt-kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:9px}.prompt-kit-card{min-width:0;min-height:118px;display:grid;align-content:start;gap:6px;padding:11px;border:1px solid rgba(17,24,39,.1);border-radius:0;background:#fbfcfe;color:var(--ink);text-align:left}.agent-run-monitor{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:0;background:#fff;text-align:left}.agent-run-monitor.running{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.agent-run-monitor.done{border-color:#05966947;background:#05966914}.agent-run-monitor.error{border-color:#dc262652;background:#dc262612}.agent-run-monitor>div{display:flex;align-items:center;gap:8px;min-width:0}.agent-run-monitor strong{font-size:13px}.agent-run-monitor small{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.agent-run-monitor p{color:var(--muted);font-size:12px;line-height:1.55}.agent-run-monitor .retry-button{height:34px;margin-top:2px}.run-pulse{width:8px;height:8px;flex:0 0 auto;border-radius:0;background:var(--accent-strong);box-shadow:0 0 0 0 var(--accent-glow)}.agent-run-monitor.running .run-pulse{animation:runPulse 1.15s ease-out infinite}.agent-run-monitor.done .run-pulse{background:var(--jade)}.agent-run-monitor.error .run-pulse{background:var(--terracotta)}@keyframes runPulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}to{box-shadow:0 0 0 10px #2563eb00}}.single-canvas{position:relative;flex:1;min-height:calc(100vh - 192px);display:block;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent}.single-canvas.empty-project-canvas{grid-template-columns:1fr}.empty-project-canvas .canvas-focus{width:100%}.canvas-focus,.canvas-task-card{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:0;background:#ffffff0a;box-shadow:none}.canvas-focus{height:100%;display:flex;flex-direction:column;overflow:hidden;border-color:#ffffff14;background:#080a0e94;box-shadow:inset 0 0 0 1px #ffffff05,0 24px 80px #00000047}.mini-icon-button{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-control);background:#ffffffb3;color:var(--ink);padding:0}.canvas-image-stage{flex:1;width:100%;min-height:calc(100vh - 192px);display:grid;place-items:center;border:0;border-radius:0;overflow:hidden;background:transparent;color:inherit}.canvas-focus.cropping>:not(.canvas-crop-overlay){opacity:.18;pointer-events:none}.canvas-crop-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:76px 24px 96px;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-crop-panel{position:absolute;left:24px;top:24px;right:24px;z-index:2;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border:1px solid rgba(17,24,39,.12);border-radius:var(--radius-panel);background:#fffffff5;box-shadow:0 10px 24px #0f172a1f}.canvas-crop-panel strong{margin-right:4px;font-size:13px}.canvas-crop-panel label{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.canvas-crop-panel input{width:72px;height:30px;border:1px solid rgba(17,24,39,.12);border-radius:var(--radius-control);padding:0 8px;font-weight:800}.canvas-crop-panel button{height:32px;border:1px solid rgba(17,24,39,.12);border-radius:var(--radius-control);background:#fff;color:var(--ink);padding:0 12px;font-weight:900}.canvas-crop-panel button:first-of-type,.canvas-crop-panel button:nth-of-type(2){border-color:transparent;background:var(--accent);color:#fff}.canvas-crop-frame{position:relative;max-width:100%;max-height:calc(100vh - 260px);overflow:hidden;border:1px solid rgba(17,24,39,.16);border-radius:var(--radius-panel);background:#111827;box-shadow:0 20px 50px #0f172a38;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-crop-frame img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;opacity:.72}.canvas-crop-box{position:absolute;border:2px solid var(--accent);background:#e0314c1f;box-shadow:0 0 0 9999px #0f172a61,inset 0 0 0 1px #ffffffbf;cursor:move;touch-action:none}.canvas-crop-box span{position:absolute;left:8px;top:8px;border-radius:var(--radius-control);background:#fffffff0;color:var(--ink);padding:4px 7px;font-size:11px;font-weight:900}.canvas-object-stage{position:relative;flex:1;width:100%;min-height:calc(100vh - 192px);overflow:auto;cursor:grab;touch-action:none}.canvas-object-stage:before{content:"";position:absolute;left:0;top:0;width:max(100%,1600px);height:max(100%,1100px);pointer-events:none}.canvas-object-stage.panning{cursor:grabbing}.canvas-group-frame{position:absolute;z-index:0;border:1px dashed rgba(244,111,132,.56);border-radius:8px;background:#f46f8414;pointer-events:none}.canvas-group-frame.active{border-color:#e0314c9e;background:#e0314c0e}.canvas-group-frame span{position:absolute;left:10px;top:6px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-strong);font-size:12px;font-weight:900}.canvas-object-node{position:absolute;z-index:1;display:grid;grid-template-rows:1fr auto;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-panel);background:#ffffffeb;box-shadow:0 18px 42px #00000042;color:#111827;cursor:grab;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;will-change:left,top}.canvas-object-node:has(.canvas-card-preview){grid-template-rows:minmax(0,1fr) auto;padding:10px}.canvas-object-node.active{border-color:#f46f84;box-shadow:0 0 0 3px #f46f8438,0 24px 56px #0000004d}.canvas-object-node.featured{z-index:4;border-width:2px;background:#fff;box-shadow:0 18px 38px #0f172a29}.canvas-object-node.featured span{font-size:12px}.canvas-object-node.dragging{z-index:5;cursor:grabbing;box-shadow:0 0 0 3px var(--accent-soft),0 18px 34px #0f172a33}.canvas-object-node img,.canvas-object-node video{width:100%;min-width:0;height:100%;min-height:0;display:block;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-panel) - 3px)}.canvas-object-node span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2;text-align:left}.canvas-card-preview{min-width:0;min-height:0;display:grid;align-content:start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:calc(var(--radius-panel) - 3px);background:#fff;overflow:hidden;text-align:left}.canvas-card-preview small{color:var(--accent-strong);font-size:11px;font-weight:900}.canvas-card-preview strong{min-width:0;color:var(--ink);font-size:13px;line-height:1.28}.canvas-card-preview p{margin:0;color:var(--muted);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:12px;line-height:1.5}.analysis-preview{border-color:var(--accent-line);background:var(--accent-soft)}.canvas-main-image{width:auto;height:auto;max-width:min(86%,1040px);max-height:calc(100vh - 240px);min-height:0;object-fit:contain;box-shadow:0 24px 90px #00000061}.video-stage{padding:14px}.canvas-main-video{width:100%;height:100%;max-width:min(82%,980px);max-height:calc(100vh - 292px);min-height:0;object-fit:contain;background:#11110f}.focus-pattern,.focus-empty{flex:1;min-height:520px}.focus-pattern{background-position:center!important;background-repeat:repeat!important;background-size:280px auto!important}.focus-empty{display:grid;place-items:center;gap:10px;color:var(--muted);border:0;background:var(--surface-3);font-size:15px;font-weight:700}.project-empty{flex:1;min-height:calc(100vh - 192px);display:grid;place-items:center;align-content:center;gap:14px;padding:42px;text-align:center;background:transparent;color:#ffffffe6}.project-empty-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:0;background:var(--accent-soft);color:var(--accent);box-shadow:none}.project-empty h3{font-size:26px;line-height:1.16}.project-empty p{max-width:560px;color:#ffffff94;font-size:14px;line-height:1.7}.project-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.recent-projects-panel{width:min(680px,100%);display:grid;gap:12px;margin-top:22px;text-align:left}.recent-projects-panel header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#ffffffe6}.recent-projects-panel header strong{font-size:14px}.recent-projects-panel header small{color:#ffffff80;font-size:12px}.recent-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recent-project-card{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-panel);background:#ffffff0f;color:#ffffffe6;text-align:left}.recent-project-card:hover{border-color:#f46f8494;box-shadow:0 18px 38px #0000003d}.recent-project-thumb{width:72px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:calc(var(--radius-panel) - 2px);background-color:var(--surface-3);background-size:cover;background-position:center;color:var(--muted)}.recent-project-thumb.empty{background-image:none}.recent-project-card span:last-child{min-width:0;display:grid;gap:5px}.recent-project-card strong,.recent-project-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-project-card strong{font-size:13px;line-height:1.25}.recent-project-card small{color:#ffffff8a;font-size:12px}.focus-result{flex:1;min-height:520px;border:0;border-radius:0}.canvas-side{min-width:0;display:flex;flex-direction:column;gap:14px}.canvas-task-card{flex:1;padding:16px;overflow:auto}.timeline-panel{min-width:0;padding:14px;border:1px solid rgba(17,24,39,.1);border-radius:0;background:#fff;box-shadow:none;overflow:hidden}.timeline-panel .node-header strong{display:inline-flex;align-items:center;gap:7px}.skill-flow-card{margin-bottom:12px;padding:12px;border:1px solid var(--accent-line);border-radius:0;background:var(--accent-soft)}.skill-flow-card p{margin:8px 0 10px;color:var(--ink);font-size:12px;line-height:1.5}.skill-stage-list{display:grid;gap:7px}.skill-stage{display:grid;grid-template-columns:46px minmax(72px,.8fr) 1fr;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:0;background:#fff;min-width:0}.skill-stage span{color:var(--jade);font-size:11px;font-weight:800}.skill-stage.pending span{color:var(--muted)}.skill-stage.blocked span{color:var(--terracotta)}.skill-stage strong,.skill-stage small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-stage strong{font-size:12px}.skill-stage small,.skill-task-path{color:var(--muted);font-size:11px}.skill-task-path{display:block;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-list{display:grid;gap:9px;max-height:150px;overflow:auto;padding-right:3px}.timeline-item{min-width:0;display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:8px;text-align:left;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink)}.timeline-item.active,.timeline-item:hover{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.timeline-item img,.timeline-item video,.timeline-text-thumb{width:58px;height:44px;border:1px solid var(--line);border-radius:0;object-fit:cover;background:var(--surface-3)}.timeline-text-thumb{display:grid;place-items:center;color:var(--muted);font-size:12px;font-weight:800}.timeline-item span{min-width:0}.timeline-item strong,.timeline-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-item strong{font-size:12px}.timeline-item small{margin-top:4px;color:var(--muted);font-size:11px}.timeline-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);min-height:0;overflow:auto}.timeline-detail-image{width:100%;min-width:0;display:block;margin:0 0 10px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:0;background:var(--surface-3)}.timeline-detail-image img,.timeline-detail-image video{width:100%;max-height:150px;display:block;object-fit:contain}.timeline-detail pre,.timeline-detail p,.analysis-result-panel>pre,.analysis-result-panel>p{max-height:none;min-height:0;overflow:auto;margin:0;padding:12px;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.65}.analysis-canvas-stage{flex:1;min-height:calc(100vh - 232px);display:grid;place-items:center;overflow:auto;padding:80px 18px 96px;background:transparent}.analysis-summary-card{width:min(520px,92%);min-width:0;display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-panel);background:#fffffff5;color:var(--ink);text-align:left;box-shadow:0 12px 28px #0f172a14}.analysis-summary-card:hover{border-color:var(--accent-line);box-shadow:0 16px 34px #0f172a1a}.analysis-summary-card span{color:var(--accent-strong);font-size:12px;font-weight:900}.analysis-summary-card strong{font-size:20px;line-height:1.28}.analysis-summary-card small,.analysis-summary-card p{color:var(--muted);font-size:13px;line-height:1.65}.analysis-summary-card p{margin:0}.analysis-summary-tags{display:flex;flex-wrap:wrap;gap:6px}.analysis-summary-tags em{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid var(--accent-line);border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-style:normal;font-weight:800}.analysis-summary-card b{width:fit-content;min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--accent-line);border-radius:var(--radius-control);color:var(--accent-strong);font-size:13px;font-weight:900}.analysis-result-panel{min-height:100%;padding:18px;color:var(--ink)}.analysis-result-header{display:grid;gap:5px;margin-bottom:14px}.analysis-result-header span{color:var(--accent-strong);font-size:12px;font-weight:800}.analysis-result-header h3{margin:0;font-size:22px;line-height:1.25}.analysis-result-view{display:grid;gap:10px;max-height:none;overflow:visible;padding-right:2px}.analysis-result-section{border:1px solid var(--line);border-radius:0;background:#fff;padding:12px 14px}.analysis-result-section h4{margin:0 0 8px;font-size:13px}.analysis-result-section ul{display:grid;gap:6px;margin:0;padding-left:16px;color:var(--muted);font-size:13px;line-height:1.65}.analysis-result-section p{min-height:0;padding:0;border:0;background:transparent}.analysis-json-block{border:1px solid var(--line);border-radius:0;background:#fff;overflow:hidden}.analysis-json-block summary{padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer}.analysis-json-block pre{max-height:none;min-height:0;border-width:1px 0 0;border-radius:0;background:var(--surface-3)}.task-copy{margin:10px 0 14px;color:var(--muted);font-size:13px;line-height:1.65}.compact-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.compact-result-grid .result-card{text-align:left}.chat-scroll-region{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;padding:8px 6px 2px 2px;overflow:auto}.agent-context-card,.agent-task-card{min-width:0;display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-panel);background:#ffffff0b;color:#ffffffe0}.agent-context-card{border-color:#ffffff1a;background:#ffffff0f}.agent-context-card span,.agent-task-card span{color:#f46f84;font-size:11px;font-weight:900}.agent-context-card strong,.agent-task-card strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.agent-context-card small,.agent-task-card small{display:-webkit-box;overflow:hidden;color:#ffffff8a;font-size:12px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.agent-context-card div{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.agent-context-card button{height:28px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-control);background:#ffffff14;color:#ffffffe0;padding:0 10px;font-size:12px;font-weight:800}.agent-task-stack{display:grid;gap:7px}.agent-task-card.running{border-color:#f46f8494}.agent-task-card.done span{color:var(--jade)}.agent-task-card.failed span{color:var(--terracotta)}.chat-input-dock{flex:0 0 auto;display:grid;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-panel);background:#ffffff0f;box-shadow:none}.chat-input-actions{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:8px}.chat-input-actions .compact{width:100%;padding:0 10px}.chat-bubble{width:fit-content;max-width:94%;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-panel);background:#ffffff12;color:#ffffffe0;text-align:left;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.agent-bubble{max-width:100%}.agent-bubble:has(>.flow-output-card){padding:0;border:0;background:transparent}.flow-output-card{width:100%;min-width:0;display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:10px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:0;background:#ffffff0d;color:#ffffffe0}.flow-output-card.active,.flow-output-card:hover{border-color:#f46f8494;background:#f46f841f;box-shadow:inset 0 0 0 1px #f46f8447}.flow-output-kind,.reference-output-thumb{width:54px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:0;background:#ffffff14}.flow-output-kind{display:grid;place-items:center;color:#ffffff8a;font-size:12px;font-weight:800}.reference-output-thumb{display:block;object-fit:cover}.reference-output-card{background:#ffffff0d}.flow-output-card span{min-width:0;display:grid;gap:3px}.flow-output-card strong,.flow-output-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-output-card em{min-width:0;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45}.flow-output-card strong{font-size:12px}.flow-output-card small,.flow-output-card em{color:#ffffff85;font-size:11px;font-style:normal}.command-composer{position:relative}.command-suggestion-popover{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:8;max-height:288px;overflow:auto;padding:10px;border:1px solid rgba(255,255,255,.12);background:#191b21fa;box-shadow:0 18px 42px #00000052}.command-suggestion-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:2px 3px 9px;color:#ffffff85;font-size:11px}.command-suggestion-header span{color:#ffffffe0;font-weight:800}.command-suggestion-popover button{width:100%;min-width:0;display:grid;grid-template-columns:54px 82px 1fr;align-items:center;gap:9px;padding:9px 10px;border:1px solid transparent;border-radius:0;background:#ffffff0f;color:#ffffffe0;text-align:left}.command-suggestion-popover button:hover{border-color:#f46f8494;background:#f46f841f}.command-suggestion-popover button span{color:#f46f84;font-size:12px;font-weight:900}.command-suggestion-popover button strong{font-size:12px}.command-suggestion-popover button small{min-width:0;overflow:hidden;color:#ffffff85;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.agent-bubble{background:#ffffff12;align-self:flex-start}.user-bubble{align-self:flex-end;background:var(--accent);color:#fff;border-color:#ffffff1f}.canvas-output-strip{position:absolute;left:50%;bottom:86px;z-index:5;display:flex;gap:3px;transform:translate(-50%)}.canvas-output-strip button{width:154px;height:86px;padding:0;border:2px solid rgba(255,255,255,.92);border-radius:0;overflow:hidden;background:#ffffffc7;box-shadow:none}.canvas-output-strip button.active{border-color:var(--accent)}.canvas-output-strip img,.canvas-output-strip video{width:100%;height:100%;display:block;object-fit:cover}.canvas-floating-toolbar{position:absolute;left:50%;bottom:18px;z-index:7;display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:8px;border:1px solid rgba(17,24,39,.1);border-radius:var(--radius-panel);background:#fffffff2;box-shadow:0 12px 28px #1118271f;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-floating-toolbar button{width:38px;height:38px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:#30343b;padding:0}.canvas-floating-toolbar button:hover:not(:disabled),.canvas-floating-toolbar button.active{background:#282a2d;color:#fff}.canvas-floating-toolbar span{width:1px;height:26px;background:#1118271f}.image-modal{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:auto 1fr;gap:14px;padding:18px;background:#000000e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.image-modal-toolbar{position:relative;z-index:2;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;border:1px solid var(--line);border-radius:0;background:#151512eb}.image-modal-close{position:relative;z-index:3;pointer-events:auto}.image-modal-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-modal>img,.image-modal>video{position:relative;z-index:1;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:0;background:#11110f}.analysis-detail-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:28px;background:#0f172a75;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analysis-detail-dialog{width:min(920px,96vw);max-height:min(82vh,820px);display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(15,23,42,.14);border-radius:var(--radius-panel);background:#fff;box-shadow:0 24px 60px #0f172a38;overflow:hidden}.analysis-detail-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}.analysis-detail-toolbar span{min-width:0;display:grid;gap:3px}.analysis-detail-toolbar small{color:var(--accent-strong);font-size:12px;font-weight:900}.analysis-detail-toolbar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.analysis-detail-dialog .analysis-result-panel{min-height:0;overflow:auto}.stage-empty,.generation-empty,.empty-state{min-height:132px;display:grid;place-items:center;padding:18px;border:1px dashed rgba(15,23,42,.18);border-radius:var(--radius-panel);background:linear-gradient(135deg,rgba(37,99,235,.03),transparent 34%),#fff;color:var(--muted);text-align:center;font-size:13px;line-height:1.6}.stage-empty{min-height:296px;border:0;border-radius:0}.empty-state.wide{grid-column:1 / -1;min-height:170px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list span{padding:5px 8px;border:1px solid rgba(29,60,99,.2);border-radius:0;background:#fff;color:var(--ink);font-size:12px;font-weight:700}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;margin-top:12px}.result-card{min-width:0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:0}.motif-thumb{width:100%;aspect-ratio:1;margin-bottom:7px;border-radius:0;border:1px solid var(--line);background-color:var(--surface-3);background-position:center;background-repeat:no-repeat;background-size:cover}.motif-thumb-small{width:22px;height:22px;margin:0;flex:0 0 auto}.library-page{width:min(var(--content-width),100%);margin-left:auto;margin-right:auto;margin-top:18px;min-height:calc(100vh - 118px);padding:24px;border:1px solid rgba(17,24,39,.08);border-radius:var(--radius-panel);background:linear-gradient(180deg,#fffffff5,#f8fafcf5),radial-gradient(circle at 18% 0%,rgba(221,69,91,.08),transparent 28%);box-shadow:0 22px 60px #0f172a0f}.library-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:16px;border-bottom:1px solid rgba(17,24,39,.08)}.library-page-header h2{font-size:24px;line-height:1.2}.library-page-header p{margin-top:6px;color:var(--muted);font-size:14px;line-height:1.55}.library-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.library-metrics span{min-width:0;padding:12px 14px;border:1px solid rgba(17,24,39,.08);border-radius:var(--radius-control);background:#ffffffbd;color:var(--muted);font-size:12px}.library-metrics strong{display:block;margin-bottom:3px;color:var(--ink);font-size:20px;line-height:1}.library-alert{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(221,69,91,.24);background:#dd455b14;color:var(--accent-strong);font-size:13px;font-weight:700}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:0}.library-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start}.library-section{min-width:0;display:grid;gap:12px;padding:18px;border:1px solid rgba(17,24,39,.08);border-radius:var(--radius-panel);background:#ffffffc7}.primary-library-section{background:#ffffffe6}.motif-library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.asset-section-heading{display:flex;align-items:baseline;gap:10px;margin:0}.asset-section-heading h3{margin:0;font-size:18px}.asset-section-heading small{color:var(--muted);font-size:12px}.library-card{min-width:0;padding:12px;text-align:left;border:1px solid rgba(17,24,39,.08);border-radius:var(--radius-soft);background:#fff;box-shadow:0 1px #0f172a08;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.library-card.selected,.library-card:hover{border-color:var(--accent-line);box-shadow:0 10px 24px #0f172a0f;transform:translateY(-1px)}.library-card.oss-card{position:relative}.library-card.oss-card:after{content:"OSS";position:absolute;top:10px;right:10px;padding:3px 6px;border:1px solid rgba(255,255,255,.72);background:#0f172ab8;color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em}.library-card-main{width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.library-card-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;margin-top:9px;padding:0 10px;border:1px solid var(--accent-line);border-radius:var(--radius-control);color:var(--accent-strong);font-size:12px;font-weight:800;text-decoration:none}.library-card-link:hover{background:var(--accent-soft)}.library-card-image{display:block;width:100%;aspect-ratio:4 / 3;margin-bottom:8px;border:1px solid var(--line);border-radius:var(--radius-control);background-position:center!important;background-size:cover!important}.library-card strong,.library-card small{display:block}.library-card small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.library-empty-card{display:grid;place-items:center;gap:10px;min-height:190px;padding:28px;border:1px dashed rgba(100,116,139,.36);background:linear-gradient(135deg,#ffffffdb,#f8fafcdb),repeating-linear-gradient(45deg,rgba(15,23,42,.03) 0 1px,transparent 1px 12px);color:var(--muted);text-align:center}.library-empty-card strong{color:var(--ink);font-size:16px}.library-empty-card span{max-width:360px;font-size:13px;line-height:1.55}.library-empty-card.wide{grid-column:1 / -1}.status-pill{width:fit-content;padding:4px 8px;border-radius:0;font-size:12px;font-style:normal;font-weight:800}.status-pill.done{background:#2f8f761f;color:#257560}.status-pill.partial{background:#efb44829;color:#9c6a12}.status-pill.planned{background:#6470841f;color:var(--muted)}.selected-chips,.prompt-examples{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.selected-chips button,.prompt-examples button{min-height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:0;background:#ffffffb8;color:var(--ink);padding:5px 8px;font-size:12px}.add-chip{border-style:dashed!important}textarea{width:100%;height:104px;margin-top:0;resize:none;border:0;border-radius:var(--radius-panel);padding:12px;color:var(--ink);background:#fff;outline:0;line-height:1.55}.chat-dock textarea{min-height:118px;color:#ffffffe6;background:#ffffff14}.chat-dock textarea::placeholder{color:#ffffff61}.chat-dock .secondary-button,.context-inspector .secondary-button{border-color:#ffffff1f;background:#ffffff12;color:#ffffffe0}.chat-dock .primary-button{background:#f46f84}textarea:focus{box-shadow:inset 0 0 0 1px var(--accent-line),0 0 0 3px var(--accent-soft)}.prompt-examples button{width:100%;justify-content:flex-start;text-align:left}.generated-preview-canvas{position:relative;width:100%;min-height:310px;flex:1;margin:10px 0;border-radius:0;border:1px solid var(--line);overflow:hidden;background:linear-gradient(90deg,rgba(17,24,39,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(17,24,39,.04) 1px,transparent 1px),#f7f8fb;background-size:18px 18px}.generated-preview-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff57}.ai-preview-image{display:block;width:100%;height:100%;min-height:310px;object-fit:contain}.preview-tile{background-image:var(--generated-image);background-size:168px auto;background-repeat:repeat;background-position:center}.preview-fit{display:grid;place-items:center}@media(max-width:1180px){:root{--page-gutter: 24px}.topbar,.topbar-inner{min-height:60px;gap:16px}.brand{flex:0 1 240px}.header-menu{max-width:none}.topbar-actions .primary-button,.topbar-actions .secondary-button{padding:0 11px}.header-menu button{padding:0 12px}.brand-button{max-width:260px}.quota-count{min-width:62px;padding:0 8px}.ai-workbench{margin-left:-14px;margin-right:-14px}.library-columns{grid-template-columns:1fr}.canvas-output-strip button{width:128px;height:72px}.studio-hero-copy h2{font-size:48px}.studio-dashboard{grid-template-columns:1fr}.studio-status-panel,.studio-command-panel{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:900px){:root{--page-gutter: 12px}body{min-width:0}.app-shell{padding:0 var(--page-gutter) 20px}.topbar{display:block}.topbar{width:100vw;margin:0 calc(50% - 50vw);height:auto;padding:12px var(--page-gutter);border-bottom:1px solid rgba(15,23,42,.08)}.app-shell:not(:has(.login-page)) .topbar{width:100vw;padding:12px var(--page-gutter)}.topbar-inner{width:100%;min-height:0;display:block}.header-menu{margin-top:12px;justify-content:flex-start;width:100%;overflow-x:auto}.header-menu button,.menu-item{height:36px}.header-menu button.active:after{bottom:-4px}.brand{align-items:flex-start}.brand-button{max-width:none}.brand-mark{width:34px;height:34px}h1{font-size:16px}.brand-copy small{font-size:10px}.brand-copy strong{font-size:15px}.topbar-actions{margin-top:12px;justify-content:flex-start;flex-wrap:wrap}.quota-count{justify-content:flex-start}.topbar-actions .primary-button,.topbar-actions .secondary-button{padding:0 10px}.quota-layout{grid-template-columns:1fr}.quota-rules-card{grid-column:1}.organization-member-form{grid-template-columns:1fr}.organization-page{padding:16px}.organization-page-header,.organization-management-grid,.organization-summary-grid{grid-template-columns:1fr}.organization-page-header{display:grid}.organization-member-form.detailed{grid-template-columns:1fr}.quota-ledger-row{grid-template-columns:82px 104px minmax(0,1fr) 54px 54px;gap:6px;padding:8px;font-size:12px}.generation-log-row{grid-template-columns:1fr;gap:10px}.ai-canvas-shell,.chat-dock,.context-inspector{min-height:auto;margin-top:10px;max-height:none}.ai-workbench{display:flex;flex-direction:column;width:100%;margin:10px 0 0;border-top:0;background:#0f1115}.ai-canvas-shell{order:1;min-height:620px;padding:82px 10px 92px;border:1px solid rgba(255,255,255,.1)}.ai-task-toolbar{left:10px;right:10px;top:10px;width:auto;max-height:none;display:flex;overflow-x:auto;transform:none}.ai-task-toolbar button{flex:0 0 52px}.chat-dock{order:2;border:1px solid rgba(255,255,255,.1);background:#16181e}.context-inspector{order:3;border:1px solid rgba(255,255,255,.1);background:#16181e}.chat-resize-handle{display:none}.canvas-floating-toolbar{max-width:calc(100vw - 34px);overflow-x:auto}.recent-project-list{grid-template-columns:1fr}.recent-project-card{grid-template-columns:64px minmax(0,1fr)}.recent-project-thumb{width:64px;height:44px}.workflow-launch,.studio-hero,.login-card{grid-template-columns:1fr}.studio-hero{min-height:auto}.studio-hero-copy,.login-form{padding:24px}.studio-lower-grid,.studio-command-grid,.studio-asset-strip{grid-template-columns:1fr}.studio-hero-copy,.studio-asset-panel{border-right:0;border-bottom:1px solid var(--line)}.studio-canvas-preview{min-height:430px}.studio-hero-copy h2{font-size:38px}.login-visual{min-height:420px}.workflow-card{grid-template-columns:minmax(0,1fr) 28px;padding:12px}.workflow-preview{height:70px}.result-grid{grid-template-columns:repeat(2,1fr)}.workspace-actions{justify-content:flex-end}.workspace-actions .compact{width:auto;min-width:108px;padding:0 10px}.single-canvas{grid-template-columns:1fr}.timeline-list{max-height:none}.canvas-image-stage,.canvas-main-image{min-height:420px}.canvas-main-image,.canvas-main-video{max-width:92%}}