:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--bg:#f8f9fa;--surface:#fff;--glass:#ffffffb8;--surface-muted:#f4f4f5;--surface-hover:#eeeef0;--canvas:#f0f1f2;--canvas-dot:#c7cbd0;--text:#272a2d;--text-2:#71717a;--text-3:#a1a1aa;--line:#e4e4e7;--line-strong:#d4d4d8;--primary:#181a1b;--on-primary:#f8f9fa;--selection-border:#515761;--success:#10b981;--warning:#a97528;--danger:#ef4444;--focus:#181a1b33;--shadow-float:0 18px 48px #272a2d17, 0 2px 8px #272a2d0d;--motion-fast:.15s ease-out;--motion-pop:.24s cubic-bezier(.16, 1, .3, 1);--motion-page:.32s cubic-bezier(.25, .8, .25, 1);--motion-interaction:.15s cubic-bezier(.25, .8, .25, 1);--motion-card:.18s cubic-bezier(.16, 1, .3, 1);font-family:Inter,PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1012;--surface:#181a1c;--glass:#1e2022b8;--surface-muted:#202326;--surface-hover:#272a2d;--canvas:#111315;--canvas-dot:#34393f;--text:#f4f4f5;--text-2:#a1a1aa;--text-3:#71717a;--line:#272a2d;--line-strong:#3f3f46;--primary:#ededef;--on-primary:#181a1b;--selection-border:#9aa2ad;--success:#059669;--warning:#b98742;--danger:#dc2626;--focus:#ededef4d;--shadow-float:0 22px 60px #0000006b, 0 2px 10px #00000042}[data-theme=light]{--text:#1f2328;--text-2:#3f464f;--text-3:#5f6872;--line:#d2d6db;--line-strong:#b9bec5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:var(--bg);font-size:14px;overflow:hidden}.app-loading-screen{min-height:100vh;color:var(--text-2);background:var(--bg);place-items:center;display:grid}button,input,textarea{color:inherit;font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:0}input:focus,textarea:focus{box-shadow:none;outline:0}::selection{color:var(--on-primary);background:var(--primary)}.app-shell{grid-template:52px 1fr/56px 1fr;height:100vh;display:grid;overflow:hidden}.topbar{z-index:30;background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);grid-column:1/-1;grid-template-columns:180px 1fr auto;align-items:center;min-width:0;padding:0 12px 0 10px;display:grid}.brand{background:0 0;border:0;align-items:center;gap:8px;width:fit-content;padding:0;display:inline-flex}.brand-mark{width:30px;height:30px;color:var(--on-primary);background:linear-gradient(145deg,#fff,#eef0f7);border:1px solid #22263a42;border-radius:9px;place-items:center;padding:3px;font-weight:600;display:grid;position:relative;box-shadow:0 5px 12px #14192d38,inset 0 1px #ffffff85,inset 0 -1px #16192a33}.brand-mark img{object-fit:contain;border-radius:inherit;filter:drop-shadow(0 1px 1px #1014283d);width:100%;height:100%;display:block}.brand-mark-fallback{color:#343b52;place-items:center;width:100%;height:100%;font-size:13px;font-weight:700;display:grid}.brand strong{font-size:14px}.brand small{color:var(--text-3);letter-spacing:.16em;font-size:8px;font-weight:600}.topbar-context{align-items:center;gap:12px;min-width:0;display:flex}.topbar-context>span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.topbar-context small{color:var(--text-3);align-items:center;gap:5px;font-size:11px;display:inline-flex}.topbar-context i{background:var(--success);border-radius:50%;width:6px;height:6px}.topbar-actions{align-items:center;gap:7px;display:flex}.balance-chip,.icon-control,.avatar{border:1px solid var(--line);background:var(--surface);height:34px}.balance-chip{border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex}.balance-chip span{color:var(--text-2)}.balance-chip strong{font-variant-numeric:tabular-nums}.icon-control,.avatar{border-radius:8px;place-items:center;width:34px;display:grid}.avatar{aspect-ratio:1;color:var(--on-primary);background:var(--primary);border-color:var(--primary);font-size:12px;font-weight:600;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.dock{z-index:20;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:center;padding:14px 7px 10px;display:flex}.dock-nav,.dock-bottom{gap:7px;display:grid}.dock button{width:40px;height:40px;color:var(--text-3);transition:var(--motion-fast);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.dock button:hover,.dock button.active{color:var(--text);background:var(--surface-muted)}.dock button.active:before{background:var(--primary);content:"";border-radius:2px;width:2px;height:18px;position:absolute;left:-7px}.dock button span{display:none}.app-content{min-width:0;min-height:0;overflow:auto}.page{min-height:100%;padding:32px 34px 70px;position:relative}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-heading h1{margin:0;font-size:27px;font-weight:600}.page-heading p{color:var(--text-2);margin:8px 0 0;font-size:13px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.primary-button{color:var(--on-primary);background:var(--primary);border:1px solid var(--primary)}.primary-button:hover{filter:brightness(1.08)}.secondary-button{color:var(--text-2);background:var(--surface);border:1px solid var(--line)}.secondary-button:hover{color:var(--text);border-color:var(--line-strong)}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding-bottom:14px;display:flex}.search-field{width:min(320px,42vw);height:36px;color:var(--text-3);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-field:focus-within{color:var(--text);border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus)}.search-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:13px}.toolbar-group{gap:8px;display:flex}.project-sort{position:relative}.project-sort-menu{z-index:16;background:var(--glass);border:1px solid var(--line);width:142px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);animation:panel-in var(--motion-pop);border-radius:10px;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.project-sort-menu button{height:32px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:11px;display:flex}.project-sort-menu button:hover,.project-sort-menu button.selected{color:var(--text);background:var(--surface-muted)}.view-switch{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:2px;display:flex}.view-switch button{width:30px;height:30px;color:var(--text-3);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.view-switch button.active{color:var(--text);background:var(--surface-muted)}.project-grid{grid-template-columns:repeat(4,minmax(210px,1fr));gap:18px;margin-top:22px;display:grid}.project-grid.list-view{grid-template-columns:1fr;gap:10px}.project-grid.list-view .new-project-card,.project-grid.list-view .project-card{height:84px;min-height:84px}.project-grid.list-view .new-project-card{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;padding:0 18px}.project-grid.list-view .new-project-card>span{margin:0}.project-grid.list-view .project-open{grid-template-columns:124px minmax(0,1fr);height:100%;display:grid}.project-grid.list-view .project-cover{aspect-ratio:auto;width:100%;min-width:0;height:100%}.project-grid.list-view .project-info{height:100%}.project-card,.new-project-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;position:relative}.new-project-card,.project-open{border-radius:11px;overflow:hidden}.project-card.is-selected,.project-card.is-selected:hover{border:2px solid var(--selection-border)}.new-project-card{min-height:220px;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;display:flex}.new-project-card span{width:38px;height:38px;color:var(--text);background:var(--surface-muted);border-radius:9px;place-items:center;margin-bottom:14px;display:grid}.new-project-card strong{color:var(--text);font-size:13px}.new-project-card small{color:var(--text-3);margin-top:6px;font-size:11px}.new-project-card:hover{border-color:var(--line-strong);background:var(--surface-muted)}.project-open{text-align:left;background:0 0;border:0;width:100%;padding:0}.project-cover{aspect-ratio:16/9;background:var(--surface-muted);overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-cover-placeholder{width:100%;height:100%;min-height:116px;color:var(--text-3);background:var(--surface-muted);place-items:center;display:grid}.project-cover-placeholder:before{content:"MOYING";letter-spacing:0;opacity:.62;font-size:10px;font-weight:700}.project-card:hover{border-color:var(--line-strong);box-shadow:0 18px 42px #1419171a}.project-card:hover .project-cover img{transform:scale(1.03)}.project-info{justify-content:space-between;align-items:center;gap:10px;height:52px;padding:0 13px;display:flex}.project-info>span{gap:3px;min-width:0;display:grid}.project-info strong,.asset-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.project-info small,.asset-card small{color:var(--text-3);font-size:10px}.project-info>svg{color:var(--text-3)}.project-menu-zone{z-index:4;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:8px;right:8px}.project-menu-zone:focus-within{z-index:24}.project-card:has(.project-card-menu){z-index:24}.project-menu-zone>button{opacity:0;color:#f1f3f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121514ad;border:1px solid #ffffff24;border-radius:7px;place-items:center;width:30px;height:30px;transition:all .15s;display:grid}.project-card:hover .project-menu-zone>button,.project-menu-zone:hover>button,.project-menu-zone:focus-within>button{opacity:1}.project-card-menu,.asset-card-menu{z-index:18;width:120px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);animation:panel-in var(--motion-pop);background:#161918e6;border:1px solid #ffffff29;border-radius:8px;gap:3px;padding:5px;display:grid;position:absolute;top:34px;right:5px}.project-card-menu button,.asset-card-menu button{opacity:1;color:#dfe4e1;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;width:100%;height:30px;padding:0 8px;font-size:10px;display:flex}.project-card-menu button:hover,.asset-card-menu button:hover{color:#fff;background:#ffffff1f}.project-card-menu button:last-child:hover,.asset-card-menu button:last-child:hover{color:#ffb4b4;background:#ef444424}.page-empty{min-height:250px;color:var(--text-2);border:1px dashed var(--line-strong);border-radius:12px;align-content:center;place-items:center;gap:8px;margin-top:22px;display:grid}.page-empty strong{color:var(--text);font-size:13px;font-weight:500}.page-empty span{color:var(--text-3);font-size:11px}.page-empty button{margin-top:7px}.home-data-state{min-height:120px;color:var(--text-2);border:1px dashed var(--line-strong);border-radius:12px;align-content:center;place-items:center;gap:10px;display:grid}.home-data-state strong{color:var(--text);font-size:13px;font-weight:500}.loading-dots{width:34px;height:10px;color:var(--text-2);justify-content:space-between;align-items:center;display:inline-flex;position:relative}.loading-dots:before,.loading-dots:after{content:"";opacity:.35;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite loading-dot}.loading-dots:after{animation-delay:.28s}.loading-dots:before{box-shadow:14px 0}@keyframes loading-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.asset-toolbar{align-items:flex-end}.asset-toolbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.filter-tabs{gap:22px;display:flex}.filter-tabs button{color:var(--text-3);background:0 0;border:0;border-bottom:1px solid #0000;padding:5px 0 10px;font-size:12px}.filter-tabs button.active{color:var(--text);border-color:var(--text)}.search-field.compact{width:240px}.upload-demo{color:#eef0ef;width:min(430px,100%);box-shadow:var(--shadow-float);background:#121514eb;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;margin-top:18px;padding:9px;display:flex}.upload-thumb{border-radius:7px;width:46px;height:46px;overflow:hidden}.upload-thumb img{object-fit:cover;width:100%;height:100%}.upload-copy{flex:1;gap:4px;display:grid}.upload-copy strong{font-size:11px;font-weight:500}.upload-copy span{color:#a9adab;font-size:10px}.upload-copy>div{background:#ffffff24;border-radius:2px;height:2px;overflow:hidden}.upload-copy i{background:#dfe4e1;width:68%;height:100%;display:block}.upload-demo>button{color:#b7bbba;background:0 0;border:0;padding:6px;font-size:10px}.asset-grid{grid-template-columns:repeat(5,minmax(170px,1fr));gap:16px;margin-top:22px;display:grid}.asset-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.asset-card.is-selected{border:2px solid var(--selection-border)}.card-selection{z-index:7;cursor:pointer;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:9px;left:9px}.card-selection input{opacity:0;width:1px;height:1px;position:absolute}.card-selection>span{color:#0000;background:color-mix(in srgb, var(--surface) 84%, transparent);border:1px solid color-mix(in srgb, var(--text) 28%, var(--line));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:20px;height:20px;transition:var(--motion-fast);border-radius:6px;place-items:center;display:grid;box-shadow:0 3px 12px #1215141f}.card-selection input:checked+span{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.card-selection input:focus-visible+span{box-shadow:0 0 0 3px var(--focus)}.bulk-action-bar{min-height:36px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 86%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-in var(--motion-pop);border-radius:9px;align-items:center;gap:3px;padding:3px;display:flex;box-shadow:0 8px 24px #272a2d0f}.bulk-action-bar strong{color:var(--text);white-space:nowrap;padding:0 9px;font-size:11px;font-weight:600}.bulk-action-bar button{height:28px;color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:inline-flex}.bulk-action-bar button:hover:not(:disabled),.bulk-action-bar button.is-active{color:var(--text);background:var(--surface-muted)}.bulk-action-bar button.is-danger{color:var(--danger)}.bulk-action-bar button:disabled{cursor:not-allowed;opacity:.38}.bulk-action-bar .bulk-cancel{border-left:1px solid var(--line);border-radius:0 6px 6px 0;justify-content:center;width:28px;padding:0}.selection-trigger{flex:none}.asset-preview{aspect-ratio:4/3;background:var(--surface-muted);position:relative;overflow:hidden}.asset-preview img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.moying-watermark{z-index:3;color:#ffffffeb;letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(10px)saturate(125%);backdrop-filter:blur(10px)saturate(125%);background:#11131694;border:1px solid #ffffff2e;border-radius:5px;align-items:center;min-height:20px;padding:3px 6px;font-size:10px;font-weight:600;line-height:1;display:inline-flex;position:absolute;bottom:9px;right:9px}.rf-prototype-node.without-watermark .moying-watermark{display:none}.asset-video-thumbnail{background:var(--surface-muted);width:100%;height:100%;position:relative}.asset-video-thumbnail video{object-fit:cover;width:100%;height:100%;display:block}.asset-video-thumbnail-placeholder{color:var(--text-3);background:linear-gradient(135deg, var(--surface-muted), var(--surface));place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.asset-card:hover .asset-video-thumbnail video{transition:transform .7s cubic-bezier(.16,1,.3,1);transform:scale(1.025)}.asset-card:hover .asset-preview img{transform:scale(1.025)}.asset-preview>span{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e0db3;border-radius:5px;padding:4px 6px;font-size:9px;position:absolute;top:9px;left:9px}.asset-preview>.moying-watermark{padding:3px 6px;font-size:10px;inset:auto 9px 9px auto}.asset-menu-zone{z-index:5;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.asset-menu-zone>button{opacity:0;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e0dad;border:1px solid #ffffff1f;border-radius:7px;place-items:center;width:28px;height:28px;transition:all .15s;display:grid}.asset-card:hover .asset-menu-zone>button,.asset-menu-zone:hover>button,.asset-menu-zone:focus-within>button{opacity:1}.asset-card-menu{top:32px;right:0}.asset-card>div:last-child{justify-content:space-between;align-items:center;gap:8px;height:50px;padding:0 11px;display:flex}.asset-card>div:last-child>span{gap:3px;min-width:0;display:grid}.asset-card>div:last-child>button{width:28px;height:28px;color:var(--text-3);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.asset-card>div:last-child>button:hover{color:var(--text);background:var(--surface-muted)}.asset-card-actions{align-items:center;gap:2px;display:flex}.asset-card-actions button.favorite-active,.asset-card-actions button.favorite-active:hover{color:var(--primary)}.asset-grid.list-view{grid-template-columns:1fr;gap:10px}.asset-grid.list-view .asset-card{grid-template-columns:150px 1fr;min-height:86px;display:grid}.asset-grid.list-view .asset-preview{aspect-ratio:auto;height:100%}.asset-grid.list-view .asset-card>div:last-child{height:100%;padding:0 15px}.asset-grid.list-view .asset-preview>span{top:8px;left:8px}.upload-asset-card .asset-preview:after{background:color-mix(in srgb, var(--canvas) 54%, transparent);content:"";position:absolute;inset:0}.upload-asset-card .asset-preview img{filter:grayscale(.82)blur(4px);opacity:.58;transform:scale(1.05)}.upload-asset-card:hover .asset-preview img{transform:scale(1.05)}.upload-card-status{z-index:2;color:var(--text);text-align:center;gap:8px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.upload-card-status>div:first-child{justify-content:center;align-items:center;gap:8px;display:flex}.upload-card-status strong{font-size:12px;font-weight:500}.upload-card-status span{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:11px}.upload-card-progress{background:color-mix(in srgb, var(--text) 13%, transparent);border-radius:3px;height:3px;overflow:hidden}.upload-card-progress i{background:var(--primary);transform-origin:0;width:100%;height:100%;transition:transform var(--motion-page);border-radius:3px;display:block;transform:scaleX(.68)}.upload-complete-card .asset-preview img{filter:none;opacity:1;transform:scale(1.05)}.upload-complete-card .asset-preview:after{background:0 0}.upload-asset-card>div:last-child>button{width:auto;padding:0 6px;font-size:10px}.rail-loading{gap:9px;padding:10px 0;display:grid}.rail-loading span{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 44%, transparent), color-mix(in srgb, var(--surface) 76%, transparent), color-mix(in srgb, var(--surface) 44%, transparent));background-size:200% 100%;border-radius:9px;height:38px;animation:1.1s linear infinite account-shimmer;display:block}.rail-empty-state{color:var(--text-3);text-align:center;padding:22px 10px;font-size:11px}.floating-view{color:var(--text-2);background:color-mix(in srgb, var(--surface) 86%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:9px;gap:2px;padding:3px;display:flex;position:fixed;bottom:20px;right:24px}.floating-view button{width:30px;height:28px;color:var(--text-3);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.floating-view button.active,.floating-view button:hover{color:var(--text);background:var(--surface-muted)}.asset-dialog-backdrop{z-index:45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e101266;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.asset-dialog{width:min(460px,100%);color:var(--text);background:color-mix(in srgb, var(--surface) 94%, var(--glass));border:1px solid var(--line-strong);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);animation:panel-in var(--motion-pop);border-radius:16px;padding:22px}.asset-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.asset-dialog header>div{gap:5px;display:grid}.asset-dialog header span{color:var(--text-2);letter-spacing:.12em;font-size:9px}.asset-dialog h2{margin:0;font-size:20px;font-weight:600}.asset-dialog header button{width:30px;height:30px;color:var(--text-2);background:var(--surface-muted);border:0;border-radius:8px;place-items:center;display:grid}.asset-dialog-media{margin-top:20px;position:relative}.asset-dialog-media .asset-dialog-preview{margin-top:0}.asset-dialog-preview{object-fit:cover;border:1px solid var(--line);border-radius:9px;width:100%;max-height:270px;display:block}.asset-dialog dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 20px;display:grid}.asset-dialog dl div{background:color-mix(in srgb, var(--surface) 38%, transparent);border:1px solid var(--line);border-radius:8px;gap:5px;padding:10px;display:grid}.asset-dialog dt{color:var(--text-3);font-size:9px}.asset-dialog dd{color:var(--text);margin:0;font-size:10px}.asset-dialog footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding-top:13px;display:flex}.asset-dialog footer .primary-button,.asset-dialog footer .secondary-button{height:32px;font-size:11px}.asset-dialog footer .danger-button{color:#fff;background:var(--danger);border:1px solid var(--danger);border-radius:8px;justify-content:center;align-items:center;height:32px;padding:0 11px;font-size:11px;display:inline-flex}.share-dialog{width:min(500px,100%)}.share-dialog-preview{background:color-mix(in srgb, var(--surface-muted) 72%, transparent);border-radius:9px;align-items:center;gap:12px;margin:18px 0;padding:10px;display:flex}.share-dialog-preview img{object-fit:cover;border-radius:6px;width:58px;height:48px}.share-dialog-preview div{gap:4px;min-width:0;display:grid}.share-dialog-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.share-dialog-preview small{color:var(--text-2);font-size:10px}.share-choice-group{border:0;gap:7px;margin:0 0 16px;padding:0;display:grid}.share-choice-group legend{color:var(--text-2);margin-bottom:7px;font-size:10px}.share-choice-group label{min-height:48px;color:var(--text);background:color-mix(in srgb, var(--surface) 58%, transparent);border:1px solid var(--line);cursor:pointer;transition:background-color var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.share-choice-group label:hover,.share-choice-group label.selected{background:var(--surface-muted);border-color:var(--line-strong)}.share-choice-group label:active{transform:scale(.99)}.share-choice-group input{opacity:0;pointer-events:none;position:absolute}.share-choice-group label>span{flex:1;gap:3px;display:grid}.share-choice-group label strong{font-size:11px}.share-choice-group label small{color:var(--text-2);font-size:10px}.share-choice-group label svg{color:var(--primary);opacity:0}.share-choice-group label.selected svg{opacity:1}.inspiration-detail-dialog{width:min(620px,100%)}.inspiration-detail-media{background:var(--surface-muted);border-radius:10px;place-items:center;min-height:180px;max-height:320px;margin-top:18px;display:grid;overflow:hidden}.inspiration-detail-media img,.inspiration-detail-media video{object-fit:cover;width:100%;height:100%;max-height:320px;display:block}.inspiration-detail-placeholder{color:var(--text-2);font-size:12px}.inspiration-detail-dialog dl{margin-bottom:16px}.inspiration-detail-copy{background:var(--surface-muted);border-radius:8px;gap:6px;padding:12px;display:grid}.inspiration-detail-copy span{color:var(--text-2);font-size:10px}.inspiration-detail-copy p{color:var(--text);white-space:pre-line;margin:0;font-size:12px;line-height:1.6}.inspiration-detail-parameters{gap:8px;margin-top:18px;display:grid}.inspiration-detail-parameters>span{color:var(--text-2);font-size:11px;font-weight:600}.inspiration-detail-parameters dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.inspiration-detail-parameters dl>div{background:var(--surface-muted);border-radius:6px;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;padding:8px 10px;display:flex}.inspiration-detail-parameters dt{color:var(--text-3);font-size:11px}.inspiration-detail-parameters dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:600;overflow:hidden}.inspiration-detail-template-note{color:var(--text-2);background:color-mix(in srgb, var(--accent) 8%, var(--surface-muted));border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));border-radius:8px;align-items:flex-start;gap:8px;margin-top:16px;padding:10px 12px;font-size:11px;line-height:1.55;display:flex}.inspiration-detail-template-note svg{color:var(--accent);flex:none;margin-top:1px}.asset-dialog footer .danger-button:hover{filter:brightness(1.08)}.watermark-agreement-dialog ul{color:var(--text-2);margin:0 0 18px;padding-left:18px;font-size:11px;line-height:1.8}.watermark-agreement-dialog li::marker{color:var(--primary)}.watermark-remove-action{margin-top:14px}.asset-audio-preview{width:100%;height:34px}.asset-audio-dialog-preview{background:var(--surface-muted);object-fit:initial;max-height:none;padding:12px}.history-detail-dialog{width:min(560px,100%);min-width:0}.history-detail-dialog footer{z-index:2;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:0 -22px -22px;padding:13px 22px 22px;position:sticky;bottom:-22px}.history-detail-summary{background:color-mix(in srgb, var(--surface) 44%, transparent);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px;padding:11px 12px;display:flex}.history-detail-summary strong{color:var(--text);align-items:center;gap:7px;font-size:12px;display:inline-flex}.history-detail-summary span{color:var(--text-2);font-size:10px}.history-status-dot,.rf-task-status-dot{background:var(--warning);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--warning) 14%, transparent);border-radius:50%;flex:none;display:inline-block}.history-status-dot.succeeded,.rf-task-status-dot.succeeded{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 14%, transparent)}.history-status-dot.failed,.history-status-dot.timed_out,.rf-task-status-dot.failed,.rf-task-status-dot.timed_out{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 14%, transparent)}.history-status-dot.cancelled,.rf-task-status-dot.cancelled{background:var(--text-3);box-shadow:none}.history-detail-meta{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 14px;display:grid;overflow:hidden}.history-detail-meta div{background:var(--surface-muted);gap:3px;min-width:0;padding:9px 10px;display:grid}.history-detail-meta dt{color:var(--text-3);font-size:9px}.history-detail-meta dd{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.history-detail-prompt{color:var(--text-2);margin:0;font-size:11px;line-height:1.7}.history-detail-prompt summary{color:var(--text);cursor:pointer;font-weight:600}.history-detail-prompt p{margin:7px 0 0}.history-detail-error{min-width:0;color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent);border:1px solid color-mix(in srgb, var(--danger) 24%, var(--line));border-radius:8px;gap:5px;margin-top:14px;padding:11px 12px;display:grid;overflow:hidden}.history-detail-error strong{overflow-wrap:anywhere;word-break:break-word;min-width:0;font-size:11px;font-weight:600;line-height:1.55}.history-detail-error small{color:var(--text-2);font-size:10px;line-height:1.5}.history-detail-outputs{grid-template-columns:repeat(auto-fill,minmax(160px,180px));gap:8px;margin-top:16px;display:grid}.history-output-item{gap:6px;min-width:0;display:grid}.history-output-preview{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden;min-height:0!important}.history-detail-outputs img,.history-detail-outputs video{object-fit:cover;width:100%;height:100%}.history-output-preview span{color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:34px;height:34px;padding:0 0 0 2px;transition:opacity .15s ease-out,transform .15s ease-out;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)scale(.92)}.history-output-preview:hover span,.history-output-preview:focus-visible span{opacity:1;transform:translate(-50%,-50%)scale(1)}.history-output-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.history-output-item button{border:1px solid var(--line);min-height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:4px;font-size:10px;transition:background .15s ease-out,border-color .15s ease-out;display:inline-flex}.history-output-item button:hover{border-color:var(--text-3);background:var(--surface-muted)}.history-detail-empty{color:var(--text-3);margin:18px 0 0;font-size:11px}@media (width<=620px){.history-detail-summary{flex-direction:column;align-items:flex-start}.history-detail-meta,.history-detail-outputs{grid-template-columns:1fr}.history-output-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-theme=dark] .account-detail-modal.account-detail-wide{color:#f4f4f5;-webkit-backdrop-filter:blur(38px)saturate(160%);backdrop-filter:blur(38px)saturate(160%);background:linear-gradient(145deg,#3a414c94,#14181f5c);border-color:#ffffff24}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-tabs .is-active{color:#f4f4f5;background:#ffffff21}html[data-theme=dark] .account-detail-modal.account-detail-wide{color:#f4f4f5;background:#181a1ceb;border-color:#ffffff24;box-shadow:0 22px 60px #0000006b,0 2px 10px #00000042}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-tabs{background:#ffffff0f;border-color:#ffffff24}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-tabs .is-active{color:#f4f4f5;background:#ffffff21;box-shadow:inset 0 1px #ffffff1f}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan.selected,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button.selected{color:#f4f4f5;background:#5b5fc729;border-color:#7b80e5;box-shadow:0 4px 16px #5b5fc72e}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan>em,html[data-theme=dark] .account-detail-modal.account-detail-wide .plan-estimates{background:#ffffff0f;border-color:#ffffff1f}.project-picker>p{color:var(--text-2);margin:20px 0 12px;font-size:11px}.project-picker-list{gap:5px;display:grid}.project-picker-list button{min-height:54px;color:var(--text-2);text-align:left;background:color-mix(in srgb, var(--surface) 30%, transparent);border:1px solid var(--line);border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:0 10px;display:grid}.project-picker-list button:hover{color:var(--text);background:var(--surface-muted);border-color:var(--line-strong)}.project-picker-list button>svg:first-child{color:var(--text)}.project-picker-list button>svg:last-child{color:var(--text-3)}.project-picker-list span{gap:3px;display:grid}.project-picker-list strong{color:var(--text);font-size:11px;font-weight:500}.project-picker-list small{color:var(--text-3);font-size:9px}.workspace{background:var(--canvas);grid-template-columns:minmax(0,1fr) 320px;height:100%;min-height:0;display:grid;position:relative}.workspace.panel-collapsed{grid-template-columns:1fr}.canvas-stage{--canvas-tools-height:320px;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-editor{position:absolute;inset:0}.canvas-editor .tl-container{--color-background:var(--canvas)}.canvas-editor .tl-background{background-color:var(--canvas)!important;background-image:radial-gradient(circle,#272a2d29 1px,#0000 1.2px)!important;background-size:22px 22px!important}html[data-theme=dark] .canvas-editor .tl-background{background-image:radial-gradient(circle,#bcc5d02e 1px,#0000 1.2px)!important}.rf-prototype-shell{background:var(--canvas);position:absolute;inset:0;overflow:hidden}.rf-prototype-shell .react-flow{background:var(--canvas);cursor:grab;animation:8s ease-in-out infinite canvas-background-breathe}.rf-prototype-shell .react-flow:active{cursor:grabbing}.rf-prototype-shell .react-flow__controls,.rf-prototype-shell .react-flow__minimap{border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:10px;overflow:hidden}.rf-prototype-shell .react-flow__controls{box-sizing:border-box;border:1px solid var(--line);background:var(--glass);width:52px;height:auto;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);border-radius:12px;padding:4px 0;display:grid;margin:0!important;inset:auto auto 84px 18px!important}.rf-prototype-shell .react-flow__controls button{width:50px;height:36px;color:var(--text-2);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:8px}.rf-prototype-shell .react-flow__controls button:last-child{border-bottom:0}.rf-prototype-shell .react-flow__controls button:hover{color:var(--text);background:var(--surface-muted)}.rf-prototype-shell .react-flow__minimap{background:var(--glass)}.rf-prototype-shell .react-flow__edge-path{stroke:var(--primary);stroke-width:1.5px}.rf-prototype-shell .react-flow__edge.selected .react-flow__edge-path{stroke:var(--text);stroke-width:2.5px}.rf-prototype-shell .react-flow__edge.animated path{stroke-dasharray:5 4}.rf-prototype-badge{z-index:5;color:var(--text-3);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.12em;pointer-events:none;border-radius:8px;padding:7px 9px;font-size:9px;position:absolute;top:74px;left:82px}.rf-prototype-rail{z-index:30;background:var(--glass);border:1px solid var(--line);width:52px;height:340px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;gap:0;padding:14px 7px;display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.rf-prototype-rail button{width:36px;height:36px;color:var(--text-2);transition:var(--motion-interaction);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.rf-prototype-rail button:hover{color:var(--text);background:var(--surface-muted);transform:translateY(-1px)}.rf-prototype-rail .rf-prototype-rail-add{color:var(--on-primary);background:var(--primary);box-shadow:0 5px 16px color-mix(in srgb, var(--primary) 22%, transparent)}.rf-prototype-rail .rf-prototype-rail-add:hover{color:var(--on-primary);background:var(--primary);filter:brightness(1.08)}.rf-prototype-rail span{background:var(--line);width:28px;height:1px;margin:2px 0}[data-tooltip]{position:relative}[data-tooltip]:after{z-index:30;color:var(--text);pointer-events:none;content:attr(data-tooltip);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transition:var(--motion-fast);white-space:nowrap;border-radius:7px;padding:6px 8px;font-size:10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.rf-prototype-rail button[data-tooltip]:after{top:50%;bottom:auto;left:calc(100% + 10px);transform:translate(-4px,-50%)}.rf-prototype-rail button[data-tooltip]:hover:after,.rf-prototype-rail button[data-tooltip]:focus-visible:after{transform:translateY(-50%)}.rf-prototype-shell.has-overlay .rf-prototype-rail button[data-tooltip]:after{display:none}.rf-prototype-status{z-index:12;width:min(300px,100% - 360px);color:var(--text);background:var(--glass);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);animation:panel-in var(--motion-pop);border-radius:9px;gap:7px;padding:9px 12px;display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%)}.rf-prototype-status>div{justify-content:center;align-items:center;gap:8px;display:flex}.rf-prototype-status strong{font-size:11px;font-weight:600}.rf-prototype-status span{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:10px}.rf-prototype-status>span{background:color-mix(in srgb, var(--text) 14%, transparent);border-radius:3px;height:3px;display:block;overflow:hidden}.rf-prototype-status>span i{background:var(--primary);transform-origin:0;border-radius:3px;width:100%;height:100%;transition:transform .24s ease-out;display:block}.rf-prototype-status.done{border-color:color-mix(in srgb, var(--success) 42%, var(--line))}.rf-prototype-status.failed{border-color:color-mix(in srgb, var(--danger) 42%, var(--line))}.rf-prototype-hidden-actions{display:none}.rf-prototype-node-menu{z-index:40;pointer-events:auto;background:var(--glass);border:1px solid var(--line);width:286px;max-height:calc(100% - 120px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);animation:panel-in var(--motion-pop);border-radius:16px;gap:12px;padding:16px;display:grid;position:absolute;top:50%;left:84px;overflow:auto;transform:translateY(-50%)}.rf-prototype-node-menu header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.rf-prototype-node-menu header div{gap:4px;display:grid}.rf-prototype-node-menu header span,.rf-prototype-node-menu section>span{color:var(--text-3);letter-spacing:.1em;font-size:9px}.rf-prototype-node-menu header strong{font-size:15px}.rf-prototype-node-menu header button{width:28px;height:28px;color:var(--text-2);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.rf-prototype-node-menu section{gap:6px;display:grid}.rf-prototype-node-menu section>span{margin-top:2px}.rf-prototype-node-menu section button{min-height:58px;color:var(--text);text-align:left;background:color-mix(in srgb, var(--surface) 68%, transparent);border:1px solid var(--line);border-radius:9px;grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-items:center;column-gap:10px;padding:9px;display:grid}.rf-prototype-node-menu section button:hover{background:var(--surface-muted);border-color:var(--line-strong);transform:translateY(-1px)}.rf-prototype-node-menu section button i{width:32px;height:32px;color:var(--text);background:var(--surface-muted);border-radius:8px;grid-row:1/3;place-items:center;font-style:normal;display:grid}.rf-prototype-node-menu section button b{font-size:11px;font-weight:600}.rf-prototype-node-menu section button small{color:var(--text-3);font-size:9px}.rf-prototype-context-menu{z-index:30;width:272px;color:var(--text);background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(26px)saturate(140%);backdrop-filter:blur(26px)saturate(140%);animation:panel-in var(--motion-pop);border-radius:14px;gap:3px;padding:10px;display:grid;position:absolute}.rf-prototype-context-menu label{color:var(--text-2);gap:6px;padding:4px 5px 8px;font-size:11px;font-weight:600;display:grid}.rf-prototype-context-menu label input{width:100%;min-height:32px;color:var(--text);background:var(--surface-muted);border:1px solid var(--line);border-radius:7px;outline:0;padding:0 9px;font-size:11px}.rf-prototype-context-menu label input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus)}.rf-prototype-context-menu>button,.rf-prototype-context-submenu>button{height:38px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 9px;font-size:11px;display:flex}.rf-prototype-context-menu>button span,.rf-prototype-context-submenu>button span{flex:1}.rf-prototype-context-menu>button small{color:var(--text-3);margin-left:auto;font-size:9px}.rf-prototype-context-submenu{position:relative}.rf-prototype-context-submenu>button{width:100%}.rf-prototype-context-submenu>button>b{color:var(--text-3);font-size:10px;font-weight:500}.rf-prototype-context-menu>button:hover,.rf-prototype-context-submenu>button:hover{background:var(--surface-muted)}.rf-prototype-context-menu>button svg{color:var(--text-2)}.rf-prototype-context-menu>button.is-danger,.rf-prototype-context-menu>button.is-danger svg{color:var(--danger)}.rf-prototype-context-type-list{z-index:2;background:var(--surface);border:1px solid var(--line);min-width:92px;box-shadow:var(--shadow-float);border-radius:9px;gap:3px;padding:5px;display:grid;position:absolute;top:0;left:calc(100% + 7px)}.rf-prototype-context-type-list button{height:28px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:10px}.rf-prototype-context-type-list button:hover,.rf-prototype-context-type-list button.is-active{color:var(--text);background:var(--surface-muted)}.rf-prototype-context-divider{background:var(--line);height:1px;margin:5px 0}.rf-prototype-node-menu footer{border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:4px;display:flex}.rf-prototype-node-menu footer button{height:30px;color:var(--text-2);border:1px solid var(--line);background:0 0;border-radius:7px;flex:1;font-size:10px}.rf-prototype-node-menu footer button:hover{color:var(--text);background:var(--surface-muted)}.rf-prototype-rail-panel{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;max-height:min(620px,100% - 120px);overflow-y:auto}.rf-prototype-rail-panel section{gap:12px}.rf-template-loading{min-height:96px;color:var(--text-3);place-items:center;display:grid}.rf-template-loading svg{animation:.75s linear infinite spin}.rf-template-item .rf-template-thumb{background:var(--surface-muted);overflow:hidden}.rf-template-item .rf-template-thumb img{object-fit:cover;width:100%;height:100%;display:block}.rf-prototype-rail-panel .rf-prototype-info-row{min-height:44px}.rf-prototype-rail-panel .rf-prototype-task-history{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;gap:10px;max-height:360px;padding:2px 3px 4px 0;display:grid;overflow-y:auto}.rf-prototype-rail-panel .rf-prototype-task-history .rf-prototype-node-row{grid-template-rows:auto auto auto;min-height:72px;padding:10px}.rf-prototype-rail-panel .rf-prototype-task-history .rf-prototype-node-row>i{grid-row:1/4}.rf-prototype-task-history .rf-prototype-node-row b{align-items:center;gap:7px;display:inline-flex}.rf-prototype-task-history .rf-task-prompt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rf-prototype-info-row{min-height:38px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 54%, transparent);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:10px;display:flex}.rf-prototype-info-row small{color:var(--text-3)}.rf-prototype-node-menu section button.rf-prototype-node-row{grid-template-columns:32px 1fr;min-height:48px}.rf-prototype-node-row i{width:28px!important;height:28px!important}.rf-prototype-asset-thumb{color:var(--text-2);background:var(--surface-muted);border:1px solid var(--line);border-radius:7px;place-items:center;display:grid;overflow:hidden}.rf-prototype-asset-thumb img,.rf-prototype-asset-thumb video{object-fit:cover;width:100%;height:100%;display:block}.rf-prototype-file{display:none}.rf-prototype-add-menu{background:var(--glass);border:1px solid var(--line);width:180px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;gap:3px;padding:5px;display:grid;position:absolute;top:44px;left:0}.rf-prototype-add-menu button{text-align:left;justify-content:space-between;align-items:center;height:34px;padding:0 9px;display:flex}.rf-prototype-add-menu button small{color:var(--text-3);font-size:9px}.rf-prototype-node{width:300px;min-height:188px;color:var(--text);padding:0;position:relative}.rf-prototype-node-heading{min-width:0;height:28px;color:var(--text-2);align-items:center;gap:7px;padding:0 3px;display:flex}.rf-prototype-node-heading>span{color:var(--text-3);flex:none;place-items:center;display:grid}.rf-prototype-node-heading>strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.rf-prototype-node-heading>em{color:var(--text-3);flex:none;font-size:9px;font-style:normal;font-weight:500}.rf-prototype-batch-toolbar{z-index:12;border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:absolute;bottom:22px;right:50%;transform:translate(50%);box-shadow:0 10px 30px #0000001f}.rf-prototype-batch-toolbar span{color:var(--text-2);margin:0 4px 0 2px;font-size:11px}.rf-prototype-batch-toolbar button{border:1px solid var(--line);min-height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:10px;display:inline-flex}.rf-prototype-batch-toolbar button:hover{background:var(--surface-muted)}.rf-prototype-batch-toolbar button.is-danger{color:var(--danger)}.rf-prototype-asset-actions{align-items:center;gap:6px;margin:8px 0;display:flex}.rf-prototype-asset-actions b{color:var(--text-2);margin-right:auto;font-size:10px;font-weight:500}.rf-prototype-asset-actions button{border:1px solid var(--line);min-height:26px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:0 8px;font-size:10px}.rf-prototype-asset-actions button.is-danger{color:var(--danger)}.rf-prototype-node-row.is-selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.rf-prototype-asset-search{border:1px solid var(--line);width:100%;height:30px;color:var(--text);background:0 0;border-radius:7px;outline:none;margin:8px 0;padding:0 9px;font-size:11px}.rf-prototype-asset-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.rf-prototype-asset-filters{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.rf-prototype-asset-filters button{min-height:24px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 7px;font-size:10px}.rf-prototype-asset-filters button:hover,.rf-prototype-asset-filters button.is-active{border-color:var(--line);color:var(--text);background:var(--surface-muted)}.rf-prototype-compare-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e101266;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.rf-prototype-compare{border:1px solid var(--line);background:var(--surface);border-radius:14px;width:min(900px,100%);max-height:calc(100% - 24px);padding:18px;overflow:auto;box-shadow:0 24px 70px #00000038}.rf-prototype-compare>header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.rf-prototype-compare>header span{color:var(--text-3);letter-spacing:.08em;font-size:9px;display:block}.rf-prototype-compare>header strong{color:var(--text);margin-top:3px;font-size:16px;display:block}.rf-prototype-compare>header button{border:1px solid var(--line);width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:7px;place-items:center;display:grid}.rf-prototype-compare-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.rf-prototype-compare-grid article{gap:6px;min-width:0;display:grid}.rf-prototype-compare-media{aspect-ratio:4/3;border:1px solid var(--line);background:var(--surface-muted);border-radius:9px;position:relative;overflow:hidden}.rf-prototype-compare-media img{object-fit:contain;width:100%;height:100%}.rf-prototype-compare-grid article>strong{color:var(--text);font-size:11px}.rf-prototype-compare-grid article>small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.rf-prototype-compare-grid article>button{border:1px solid var(--line);min-height:27px;color:var(--text);cursor:pointer;background:0 0;border-radius:7px;font-size:10px}.rf-prototype-compare-grid article>button:hover{background:var(--surface-muted)}.rf-prototype-history-popover{z-index:18;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:300px;max-height:420px;padding:14px;position:absolute;top:72px;left:72px;overflow:auto;box-shadow:0 18px 48px #00000029}.rf-prototype-history-popover>header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.rf-prototype-history-popover>header span{color:var(--text-3);font-size:9px}.rf-prototype-history-popover>header strong{color:var(--text);margin-top:3px;font-size:14px;display:block}.rf-prototype-history-popover>div{gap:4px;display:grid}.rf-prototype-history-popover button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:8px minmax(0,1fr);gap:6px;padding:8px;display:grid}.rf-prototype-history-popover button:hover{border-color:var(--line);background:var(--surface-muted)}.rf-prototype-history-popover button i{background:var(--text-3);border-radius:50%;width:7px;height:7px;margin-top:4px}.rf-prototype-history-popover button i.is-done{background:var(--success)}.rf-prototype-history-popover button i.is-failed{background:var(--danger)}.rf-prototype-history-popover button b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;overflow:hidden}.rf-prototype-history-popover button small{color:var(--text-3);grid-column:2;font-size:9px}.rf-prototype-history-popover p{color:var(--text-3);margin:12px 0 4px;font-size:10px}.rf-prototype-node-body{min-height:160px;position:relative}.rf-prototype-node-surface{background:color-mix(in srgb, var(--glass) 88%, transparent);border:1px solid var(--line-strong);min-height:160px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);border-radius:13px;place-items:center;padding:12px;display:grid;position:relative;overflow:hidden}.rf-node-loading-sheen{z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 15%, transparent), transparent);width:34%;animation:1.35s ease-in-out infinite node-loading-sheen;position:absolute;top:0;bottom:0;left:-45%;transform:skew(-14deg)}.rf-prototype-node-surface>:not(.rf-node-loading-sheen){z-index:2;position:relative}.rf-prototype-node.is-active .rf-prototype-node-surface{border-color:var(--text-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--text) 14%, transparent), var(--shadow-float)}.rf-prototype-text-input{resize:none;width:100%;height:136px;color:var(--text);font:inherit;cursor:default;background:0 0;border:0;outline:0;padding:2px;font-size:13px;line-height:1.55}.rf-prototype-text-input:hover{cursor:grab}.rf-prototype-text-input:active{cursor:grabbing}.rf-prototype-node.is-active .rf-prototype-text-input{cursor:text}.rf-prototype-text-input::placeholder{color:var(--text-3)}.rf-prototype-text-input:focus{box-shadow:none}.rf-prototype-empty-media{width:52px;height:52px;color:var(--text-3);background:var(--surface-muted);border-radius:14px;place-items:center;display:grid}.rf-prototype-surface-hint{color:var(--text-3);text-align:center;font-size:9px;position:absolute;bottom:12px;left:0;right:0}.rf-prototype-preview{object-fit:contain;border:1px solid var(--line);background:var(--surface-muted);border-radius:9px;width:auto;max-width:100%;height:auto;max-height:240px;display:block}.rf-prototype-video-preview{background:var(--surface-muted);border-radius:9px;place-items:center;width:100%;max-width:100%;min-height:160px;display:grid;position:relative;overflow:hidden}.rf-prototype-image-preview{max-width:100%;display:block;position:relative}.rf-prototype-image-preview .rf-prototype-preview{width:100%}.rf-prototype-video-preview .moying-watermark{bottom:42px}.rf-prototype-video-preview .rf-prototype-preview{border:0;border-radius:0;width:100%;max-width:100%;height:100%;max-height:240px}.rf-prototype-video-duration{z-index:3;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#000000ad;border-radius:4px;padding:3px 5px;font-size:9px;line-height:1;transition:opacity .15s ease-out;position:absolute;bottom:7px;right:7px}.rf-prototype-video-preview.is-controls-visible .rf-prototype-video-duration{opacity:0}.rf-prototype-video-play{width:42px;height:42px;color:var(--text);background:color-mix(in srgb, var(--surface) 58%, transparent);border:1px solid color-mix(in srgb, var(--surface) 72%, var(--line));box-shadow:0 4px 16px #00000029, inset 0 1px 0 color-mix(in srgb, var(--surface) 78%, transparent);cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(150%);border-radius:50%;place-items:center;padding:0;transition:opacity .16s,transform .16s,background-color .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rf-prototype-video-play:hover{background:color-mix(in srgb, var(--surface) 76%, transparent);transform:translate(-50%,-50%)scale(1.04)}.rf-prototype-video-play.is-playing{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.9)}.rf-prototype-video-play:focus-visible{outline:2px solid var(--text-2);outline-offset:3px}.rf-prototype-video-controls{z-index:4;color:#fff;min-height:46px;box-shadow:none;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#0000007a 34%,#000000d6 100%);border:0;border-radius:0 0 9px 9px;grid-template-columns:30px auto minmax(28px,1fr);align-items:center;column-gap:10px;padding:5px 4px 11px 12px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.rf-prototype-video-preview.is-controls-visible .rf-prototype-video-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.rf-prototype-video-controls button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;display:grid}.rf-prototype-video-controls>button:nth-of-type(n+2){justify-self:end}.rf-prototype-video-controls button:hover{background:#ffffff1f}.rf-prototype-video-controls .rf-prototype-video-action{position:absolute;right:42px}.rf-prototype-video-controls .rf-prototype-video-action:last-child{right:8px}.rf-prototype-video-controls span{color:#fff;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;min-width:58px;font-size:10px;font-weight:500;line-height:1}.rf-prototype-video-controls .rf-prototype-video-progress{appearance:none;cursor:pointer;background:0 0;width:calc(100% - 20px);height:8px;margin:0;position:absolute;bottom:3px;left:10px;right:10px}.rf-prototype-video-progress::-webkit-slider-runnable-track{background:#ffffffd1;border-radius:999px;height:3px}.rf-prototype-video-progress::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:8px;height:8px;margin-top:-2.5px}.rf-prototype-video-progress::-moz-range-track{background:#ffffffd1;border:0;border-radius:999px;height:3px}.rf-prototype-video-progress::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:8px;height:8px}.rf-prototype-node-toolbar{z-index:5;box-sizing:border-box;pointer-events:none;background:var(--glass);border:1px solid var(--line);width:100%;max-width:none;box-shadow:var(--shadow-float);opacity:0;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);border-radius:10px;justify-content:space-around;align-items:center;gap:2px;padding:4px;transition:opacity .15s ease-out,transform .15s ease-out;display:flex;position:absolute;top:-46px;left:50%;transform:translate(-50%,6px)}.rf-prototype-node-toolbar.is-visible{pointer-events:auto;opacity:1;transform:translate(-50%)}.rf-prototype-node-toolbar button{width:28px;height:28px;color:var(--text-2);background:0 0;border:0;border-radius:7px;flex:0 0 28px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.rf-prototype-node-toolbar button:hover{color:var(--text);background:var(--surface-muted)}.rf-prototype-more-actions{display:flex;position:relative}.rf-prototype-node-toolbar .rf-prototype-more-menu{z-index:40;background:color-mix(in srgb, var(--surface) 96%, #101216);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);border-radius:9px;gap:2px;width:156px;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 42px #0000005c}.rf-prototype-node-toolbar .rf-prototype-more-menu button{white-space:nowrap;justify-content:flex-start;gap:8px;width:100%;height:32px;padding:0 8px;font-size:10px}.rf-prototype-node-toolbar .rf-prototype-more-menu button.is-danger{color:var(--danger)}.rf-prototype-node-status{color:var(--text-2);gap:6px;margin-top:11px;font-size:10px;display:grid}.rf-prototype-node-status>div{align-items:center;gap:5px;display:flex}.rf-prototype-node-status>div>i{background:var(--warning);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--warning) 16%, transparent);border-radius:50%}.rf-prototype-node-status b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-size:9px;font-weight:600}.rf-prototype-node-status>span{background:color-mix(in srgb, var(--text) 13%, transparent);border-radius:3px;height:3px;display:block;overflow:hidden}.rf-prototype-node-status>span i{background:var(--primary);transform-origin:0;border-radius:3px;width:100%;height:100%;transition:transform .24s ease-out;display:block}.rf-prototype-node-status.done{color:var(--success)}.rf-prototype-node-status.done>div>i{background:var(--success);box-shadow:none}.rf-prototype-node-status.failed{color:var(--danger)}.rf-prototype-node-status.failed>div>i{background:var(--danger);box-shadow:none}.rf-node-action{min-width:48px;height:24px;color:var(--text);background:color-mix(in srgb, var(--surface-muted) 78%, transparent);border:1px solid var(--line-strong);cursor:pointer;transition:var(--motion-fast);border-radius:6px;justify-content:center;align-items:center;gap:4px;margin-left:auto;padding:0 8px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.rf-node-action:hover:not(:disabled){color:var(--on-primary);background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 22%, transparent);transform:translateY(-1px)}.rf-node-action:active:not(:disabled){transform:translateY(0)}.rf-node-action:disabled{cursor:wait;opacity:.65}.rf-node-cancel{color:var(--text);background:color-mix(in srgb, var(--surface-muted) 78%, transparent);border-color:var(--line-strong)}.rf-node-cancel:hover:not(:disabled){color:var(--on-primary);background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 22%, transparent)}.rf-node-action-spinner{animation:.75s linear infinite spin}.loading-spinner{border:1.5px solid color-mix(in srgb, currentColor 24%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;animation:.75s linear infinite spin;display:inline-block}.loading-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.loading-skeleton{background:linear-gradient(90deg, var(--surface-muted), color-mix(in srgb, var(--surface-muted) 62%, var(--surface)), var(--surface-muted));background-size:200% 100%;border-radius:6px;min-height:12px;animation:1.25s linear infinite skeleton-shimmer;display:block}.rf-node-error-copy{display:none}.rf-prototype-inspector{z-index:7;background:var(--glass);border:1px solid var(--line);width:248px;max-height:calc(100% - 140px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);animation:panel-in var(--motion-pop);border-radius:12px;gap:12px;padding:16px;display:grid;position:absolute;top:50%;right:18px;overflow:auto;transform:translateY(-50%)}.rf-prototype-inspector>div{border-bottom:1px solid var(--line);gap:4px;padding-bottom:8px;display:grid}.rf-prototype-inspector>div span{color:var(--text-3);letter-spacing:.12em;font-size:9px}.rf-prototype-inspector>div strong{font-size:14px}.rf-prototype-inspector label{color:var(--text-2);gap:6px;font-size:10px;display:grid}.rf-prototype-inspector input,.rf-prototype-inspector textarea,.rf-prototype-inspector select{width:100%;color:var(--text);background:color-mix(in srgb, var(--surface) 66%, transparent);border:1px solid var(--line);resize:vertical;border-radius:7px;outline:0;padding:8px;font-size:11px}.rf-prototype-inspector input:focus,.rf-prototype-inspector textarea:focus,.rf-prototype-inspector select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus)}.rf-prototype-inspector>small{color:var(--text-3);font-size:9px}.rf-canvas-mode .canvas-node-overlays,.rf-canvas-mode .canvas-tools,.rf-canvas-mode .canvas-node-menu,.rf-canvas-mode .canvas-workflow-panel,.rf-canvas-mode .canvas-asset-panel,.rf-canvas-mode .canvas-rail-panel,.rf-canvas-mode .canvas-context-toolbar,.rf-canvas-mode .canvas-history,.rf-canvas-mode .canvas-inspector{display:none!important}.rf-canvas-mode .canvas-project-actions{display:none}.rf-canvas-mode{min-height:0;overflow:hidden;grid-template-columns:1fr!important}.rf-canvas-mode .canvas-project-center{margin-left:auto}.rf-canvas-mode .rf-prototype-badge,.rf-canvas-mode .rf-prototype-inspector,.rf-canvas-mode .rf-prototype-shell .react-flow__minimap{display:none!important}.rf-prototype-handle{z-index:4;width:24px;height:24px;color:var(--text);background:var(--surface);border:2px solid var(--line-strong);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .18s cubic-bezier(.16, 1, .3, 1), transform .18s cubic-bezier(.16, 1, .3, 1), color var(--motion-interaction), background-color var(--motion-interaction), border-color var(--motion-interaction);border-radius:50%;top:50%;box-shadow:0 3px 10px #00000029}.rf-prototype-node .rf-prototype-handle{width:24px;height:24px;color:var(--text);background:var(--surface);border:2px solid var(--line-strong);pointer-events:none;border-radius:50%}.rf-prototype-handle.react-flow__handle-left{transform:translate(-12%,-50%)scale(.72)}.rf-prototype-handle.react-flow__handle-right{transform:translate(12%,-50%)scale(.72)}.rf-prototype-node:hover .rf-prototype-handle,.rf-prototype-node.is-active .rf-prototype-handle{opacity:1;pointer-events:auto}.rf-prototype-node:hover .rf-prototype-handle.react-flow__handle-left,.rf-prototype-node.is-active .rf-prototype-handle.react-flow__handle-left{transform:translate(-50%,-50%)scale(1)}.rf-prototype-node:hover .rf-prototype-handle.react-flow__handle-right,.rf-prototype-node.is-active .rf-prototype-handle.react-flow__handle-right{transform:translate(50%,-50%)scale(1)}.rf-prototype-handle:after{color:var(--text);content:"+";place-items:center;font-size:17px;font-weight:400;line-height:1;display:grid;position:absolute;inset:0}.rf-prototype-handle:hover{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.rf-prototype-handle.react-flow__handle-left:hover{transform:translate(-50%,-50%)scale(1.08)}.rf-prototype-handle.react-flow__handle-right:hover{transform:translate(50%,-50%)scale(1.08)}.rf-prototype-handle:hover:after{color:var(--on-primary)}.rf-prototype-port-menu{z-index:20;width:260px;color:var(--text);background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);animation:panel-in var(--motion-pop);border-radius:12px;gap:7px;padding:12px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.rf-prototype-port-menu.is-input{right:calc(100% + 16px)}.rf-prototype-port-menu.is-output{left:calc(100% + 16px)}.rf-prototype-port-menu>strong{padding:2px 4px 7px;font-size:13px;font-weight:600}.rf-prototype-port-menu button{min-height:54px;color:var(--text);text-align:left;background:var(--surface-muted);border:1px solid #0000;border-radius:9px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:7px;display:grid}.rf-prototype-port-menu button:hover{border-color:var(--line-strong);background:var(--surface-hover);transform:translateY(-1px)}.rf-prototype-port-menu button i{width:34px;height:34px;color:var(--text);background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:8px;place-items:center;font-style:normal;display:grid}.rf-prototype-port-menu button span{gap:3px;min-width:0;display:grid}.rf-prototype-port-menu button b{font-size:11px;font-weight:600}.rf-prototype-port-menu button small{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.canvas-node-overlays{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-node-overlay{pointer-events:none;position:absolute}.canvas-node-overlay:before{background:color-mix(in srgb, var(--primary) 56%, transparent);opacity:0;content:"";height:1px;transition:opacity var(--motion-interaction);position:absolute;top:50%;left:-7px;right:-7px}.canvas-node-overlay.is-connecting:before{opacity:.75}.canvas-node-port{width:22px;height:22px;color:var(--text-2);background:color-mix(in srgb, var(--glass) 82%, transparent);border:1px solid var(--line-strong);box-shadow:0 5px 14px #1418161f, inset 0 1px 0 color-mix(in srgb, var(--surface) 68%, transparent);opacity:.78;pointer-events:auto;transition:color var(--motion-interaction), background-color var(--motion-interaction), border-color var(--motion-interaction), box-shadow var(--motion-interaction), opacity var(--motion-interaction), transform var(--motion-interaction);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.canvas-node-port-input{left:-42px}.canvas-node-port-output{right:-42px}.canvas-node-overlay:hover .canvas-node-port,.canvas-node-overlay.is-connecting .canvas-node-port{opacity:1}.canvas-node-port:hover{color:var(--on-primary);background:var(--primary);border-color:var(--primary);box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 28%, transparent);transform:translateY(-50%)scale(1.08)}.canvas-node-port:focus-visible{opacity:1;outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:3px}.canvas-node-port svg{transition:transform var(--motion-interaction)}.canvas-node-port:hover svg{transform:rotate(90deg)}.canvas-editor .tl-shape[data-shape-type=geo],.canvas-editor .tl-shape[data-shape-type=image]{filter:drop-shadow(0 18px 28px #252a3029);border-radius:16px;overflow:hidden}.canvas-editor .tl-shape[data-shape-type=geo] .tl-svg-container path{stroke:color-mix(in srgb, var(--line-strong) 68%, transparent);stroke-width:1px;fill:color-mix(in srgb, var(--surface) 82%, transparent)!important}.canvas-editor .tl-shape[data-shape-type=image] .tl-html-container{border:1px solid color-mix(in srgb, var(--line-strong) 60%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:16px}.canvas-editor .tl-shape[data-shape-type=image] img{border-radius:15px}.canvas-editor .tl-shape[data-shape-type=geo] .tl-text-shape-label{color:var(--text)}.canvas-editor .tl-shape[data-shape-type=geo] .tl-text-shape-label,.canvas-editor .tl-shape[data-shape-type=geo] .tl-rich-text-wrapper{padding:20px}html[data-theme=dark] .canvas-editor .tl-shape[data-shape-type=geo],html[data-theme=dark] .canvas-editor .tl-shape[data-shape-type=image]{filter:drop-shadow(0 20px 30px #00000061)}html[data-theme=dark] .canvas-editor .tl-shape[data-shape-type=geo] .tl-svg-container path{stroke:#ffffff38;fill:color-mix(in srgb, var(--surface) 58%, transparent)!important}html[data-theme=dark] .canvas-editor .tl-shape[data-shape-type=image] .tl-html-container{background:#1c212894;border-color:#fff3}.canvas-entry-page{background:var(--canvas);background-image:radial-gradient(circle, color-mix(in srgb, var(--text-3) 22%, transparent) 1px, transparent 1.2px);background-size:22px 22px;align-content:center;justify-items:center;gap:28px;min-height:100%;padding:64px 24px 72px;display:grid;position:relative}.canvas-entry-intro{text-align:center;justify-items:center;gap:9px;display:grid}.canvas-entry-intro>span{color:var(--text-3);letter-spacing:.14em;align-items:center;gap:6px;font-size:9px;display:inline-flex}.canvas-entry-intro h1{color:var(--text);letter-spacing:0;margin:0;font-size:28px;font-weight:600}.canvas-entry-intro p{color:var(--text-2);margin:0;font-size:12px}.canvas-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(760px,100%);display:grid}.canvas-entry-grid button{min-width:0;min-height:86px;color:var(--text);text-align:left;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;display:grid;box-shadow:0 10px 30px #1418160a}.canvas-entry-grid button:hover{background:color-mix(in srgb, var(--surface) 78%, transparent);border-color:var(--line-strong);transform:translateY(-2px)}.canvas-entry-grid button>span{width:38px;height:38px;color:var(--text);background:var(--surface-muted);border-radius:9px;place-items:center;display:grid}.canvas-entry-grid button>div{gap:5px;min-width:0;display:grid}.canvas-entry-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.canvas-entry-grid small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.canvas-entry-grid i{color:var(--text-3);opacity:0;transition:var(--motion-fast);font-size:9px;font-style:normal;transform:translate(-3px)}.canvas-entry-grid button:hover i{opacity:1;transform:translate(0)}html[data-theme=dark] .canvas-entry-page{background-image:radial-gradient(circle,#bcc5d02e 1px,#0000 1.2px)}html[data-theme=dark] .canvas-entry-grid button{box-shadow:0 12px 34px #0003}.canvas-tools,.canvas-history,.canvas-layers,.panel-reopen{z-index:10;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);border-radius:9px;position:absolute}.canvas-tools{gap:0;padding:4px;display:flex;top:16px;left:16px}.canvas-tools button,.canvas-history button{height:30px;color:var(--text-2);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.canvas-tools button{width:30px}.canvas-tools button:hover,.canvas-tools button.active,.canvas-history button:hover{color:var(--text);background:var(--surface-muted)}.canvas-tools>span{background:var(--line);align-self:center;width:20px;height:1px;margin:0}.canvas-history{align-items:center;padding:4px;display:flex;bottom:16px;left:16px}.canvas-history button{width:30px}.canvas-history button:last-child{width:auto;padding:0 8px;font-size:10px}.canvas-history span{background:var(--line);width:1px;height:18px;margin:0 3px}.canvas-history strong{color:var(--text-3);font-variant-numeric:tabular-nums;padding:0 8px;font-size:10px;font-weight:500}.canvas-history input{width:92px;accent-color:var(--primary)}.canvas-layers{top:16px;right:16px}.canvas-layers button{height:34px;color:var(--text-2);background:0 0;border:0;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex}.canvas-layers span{min-width:18px;height:18px;color:var(--text);background:var(--surface-muted);border-radius:5px;place-items:center;font-size:9px;display:grid}.canvas-projectbar{z-index:14;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:16px;right:16px}.canvas-project-title,.canvas-project-actions{pointer-events:auto;background:var(--glass);border:1px solid var(--line);height:40px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;align-items:center;gap:5px;padding:4px;display:flex}.canvas-project-title>button,.canvas-project-actions>button{height:30px;color:var(--text-2);transition:var(--motion-fast);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:inline-flex}.canvas-project-title>button:first-child{width:30px;padding:0}.canvas-project-title>button:hover,.canvas-project-actions>button:hover{color:var(--text);background:var(--surface-muted)}.canvas-project-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:240px;padding:0 6px;font-size:13px;font-weight:600;overflow:hidden}.canvas-save-state{height:30px;color:var(--text-2);align-items:center;gap:6px;padding:0 9px;font-size:11px;display:inline-flex}.canvas-save-state svg{color:var(--success)}.canvas-project-actions>button>span{min-width:18px;height:18px;color:var(--text);background:var(--surface-muted);border-radius:5px;place-items:center;font-size:9px;display:grid}.canvas-project-center{pointer-events:auto;align-items:center;gap:8px;display:flex}.canvas-project-center>.canvas-save-state,.canvas-mode-switch{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px}.canvas-mode-switch{align-items:center;gap:2px;height:40px;padding:4px;display:flex}.canvas-mode-switch button{height:30px;color:var(--text-2);transition:var(--motion-fast);background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:11px}.canvas-mode-switch button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 7px #272a2d14}.canvas-mode-label{height:30px;color:var(--text-2);align-items:center;padding:0 10px;font-size:11px;display:inline-flex}.canvas-tools .canvas-add{width:36px;height:36px;color:var(--on-primary);background:var(--primary);border-radius:9px;margin:0}.canvas-tools .canvas-add:hover{color:var(--on-primary);background:var(--primary);filter:brightness(1.08)}.canvas-node-menu{z-index:14;width:min(560px,100% - 96px);height:var(--canvas-tools-height);background:var(--glass);border:1px solid var(--line);max-height:calc(100% - 140px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-in var(--motion-pop);border-radius:12px;padding:15px;position:absolute;top:70px;left:70px;overflow-y:auto}.canvas-node-menu-heading,.canvas-rail-panel>div{justify-content:space-between;align-items:center;display:flex}.canvas-node-menu-heading strong,.canvas-rail-panel strong{font-size:13px}.canvas-node-menu-heading>div{gap:4px;display:grid}.canvas-node-menu-heading>div span{color:var(--text-3);letter-spacing:.12em;font-size:9px}.canvas-node-menu-heading button,.canvas-rail-panel>div button{width:28px;height:28px;color:var(--text-2);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.canvas-node-section-label{color:var(--text-2);margin-top:16px;font-size:10px;font-weight:600;display:block}.canvas-node-section-label:first-of-type{margin-top:14px}.canvas-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-node-grid,.canvas-starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.canvas-node-grid button,.canvas-starter-grid button{text-align:left;background:color-mix(in srgb, var(--surface) 84%, transparent);border:1px solid var(--line);min-width:0;transition:var(--motion-fast);border-radius:9px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;column-gap:10px;padding:11px;display:grid}.canvas-node-grid button:hover,.canvas-starter-grid button:hover{border-color:var(--line-strong);background:var(--surface);transform:translateY(-1px)}.canvas-node-grid button>span,.canvas-starter-grid button>span{width:36px;height:36px;color:var(--text);background:var(--surface-muted);border-radius:8px;grid-row:1/3;place-items:center;display:grid}.canvas-node-grid strong,.canvas-starter-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.canvas-node-grid small,.canvas-starter-grid small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.canvas-starters{z-index:9;width:min(760px,100% - 210px);position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.canvas-starters>p{color:var(--text-3);text-align:center;margin:0 0 14px;font-size:11px}.canvas-starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-starter-grid button{min-height:74px;box-shadow:0 8px 24px #1418160a}.canvas-workflow-panel{z-index:14;background:var(--glass);border:1px solid var(--line);width:min(420px,100% - 210px);max-height:calc(100% - 140px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);animation:panel-in var(--motion-pop);border-radius:13px;gap:14px;padding:18px;display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.canvas-workflow-panel>p{color:var(--text-2);margin:0;font-size:11px;line-height:1.7}.workflow-choice-list{gap:8px;display:grid}.workflow-choice-list button,.workflow-upload{min-width:0;color:var(--text);text-align:left;background:color-mix(in srgb, var(--surface) 58%, transparent);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.workflow-choice-list button:hover,.workflow-upload:hover{background:color-mix(in srgb, var(--surface) 78%, transparent);border-color:var(--line-strong)}.workflow-choice-list button>svg,.workflow-upload>svg{color:var(--text-2);flex:none}.workflow-choice-list button>span,.workflow-upload>span{flex:1;gap:4px;min-width:0;display:grid}.workflow-choice-list strong,.workflow-upload strong{font-size:11px;font-weight:600}.workflow-choice-list small,.workflow-upload small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.workflow-choice-list button>svg:last-child{color:var(--success)}.workflow-primary{height:36px;color:var(--on-primary);background:var(--primary);border:1px solid var(--primary);border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:11px;display:inline-flex}.workflow-primary:hover{filter:brightness(1.08)}.canvas-rail-panel{z-index:13;width:288px;height:var(--canvas-tools-height);background:var(--glass);border:1px solid var(--line);max-height:calc(100% - 140px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-in var(--motion-pop);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;border-radius:12px;padding:15px;position:absolute;top:70px;left:70px;overflow-y:auto}.canvas-rail-panel .rail-list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;gap:12px;max-height:430px;padding:2px 3px 4px 0;overflow-y:auto}.canvas-rail-panel .rail-item{min-height:62px;padding:11px 12px}.canvas-rail-panel .status-dot{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);flex:0 0 8px}.canvas-rail-panel .status-dot.done{color:var(--success)}.canvas-rail-panel .status-dot.running{color:var(--warning)}.canvas-rail-panel .status-dot.failed{color:var(--danger)}.canvas-rail-panel>p{color:var(--text-2);margin:18px 0;font-size:11px;line-height:1.7}.rail-list{gap:7px;margin-top:15px;display:grid}.rail-item{min-width:0;color:var(--text);text-align:left;background:color-mix(in srgb, var(--surface) 48%, transparent);border:1px solid var(--line);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;padding:9px;display:grid}.rail-item:hover{border-color:var(--line-strong);background:color-mix(in srgb, var(--surface) 72%, transparent)}.rail-item>span:first-child{width:30px;height:30px;color:var(--text-2);background:var(--surface-muted);border-radius:7px;grid-row:1/3;place-items:center;display:grid}.rail-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.rail-item small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.status-dot{margin:0 auto;border-radius:50%!important;width:8px!important;height:8px!important}.status-dot.done{background:var(--success)}.status-dot.running{background:var(--warning)}.status-dot.failed{background:var(--danger)}.rail-empty-action{height:32px;color:var(--text);background:var(--surface-muted);border:1px solid var(--line);border-radius:7px;padding:0 10px;font-size:10px}.canvas-confirm-backdrop{z-index:30;-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);background:#03070e52;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.canvas-confirm{width:min(380px,100%);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(36px)saturate(155%);backdrop-filter:blur(36px)saturate(155%);animation:panel-in var(--motion-pop);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;background:linear-gradient(145deg,#3a414c94,#14181f5c);border:1px solid #ffffff2e;border-radius:15px;max-height:min(720px,100vh - 40px);padding:22px;overflow-y:auto}.canvas-confirm>div{gap:5px;display:grid}.canvas-confirm span{color:var(--text-2);letter-spacing:.12em;font-size:9px}.canvas-confirm h2{margin:0;font-size:18px;font-weight:600}.canvas-confirm p{color:var(--text-2);margin:18px 0 20px;font-size:11px;line-height:1.7}.canvas-dialog-field{color:var(--text-2);gap:7px;margin:20px 0;font-size:10px;display:grid}.canvas-dialog-field>input,.canvas-dialog-select{height:38px;color:var(--text);background:color-mix(in srgb, var(--surface) 52%, transparent);border:1px solid var(--line);border-radius:8px;outline:0;font-size:11px}.canvas-dialog-field>input{padding:0 10px}.canvas-dialog-field>input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus)}.canvas-dialog-select{align-items:center;display:flex;position:relative}.canvas-dialog-select select{appearance:none;width:100%;height:100%;color:var(--text);cursor:pointer;background:0 0;border:0;outline:0;padding:0 30px 0 10px;font-size:11px}.canvas-dialog-select svg{pointer-events:none;color:var(--text-2);position:absolute;right:10px}.canvas-confirm footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding-top:13px;display:flex}.canvas-confirm footer>button:not(.primary-button){height:32px;color:var(--text-2);background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;padding:0 11px;font-size:11px}.canvas-confirm .primary-button{height:32px;font-size:11px}.canvas-asset-panel{z-index:13;width:288px;height:var(--canvas-tools-height);background:var(--glass);border:1px solid var(--line);min-height:0;max-height:calc(100% - 140px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-in var(--motion-pop);border-radius:12px;flex-direction:column;padding:14px;display:flex;position:absolute;top:68px;left:70px;overflow:hidden}.canvas-node-menu,.canvas-rail-panel,.canvas-asset-panel{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;top:50%;transform:translateY(-50%)}.asset-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.asset-panel-heading>div{gap:3px;display:grid}.asset-panel-heading strong{font-size:14px;font-weight:600}.asset-panel-heading small{color:var(--text-2);font-size:10px}.asset-panel-heading>button{width:30px;height:30px;color:var(--text-2);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.asset-panel-heading>button:hover{color:var(--text);background:var(--surface-muted)}.canvas-asset-panel>label{height:36px;color:var(--text-3);background:color-mix(in srgb, var(--surface) 68%, transparent);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:0 10px;display:flex}.canvas-asset-panel>label:focus-within{color:var(--text);border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus)}.canvas-asset-panel input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.asset-panel-tabs{border-bottom:1px solid var(--line);gap:16px;margin-top:12px;display:flex}.asset-panel-tabs button{height:32px;color:var(--text-3);background:0 0;border:0;border-bottom:1px solid #0000;padding:0;font-size:11px}.asset-panel-tabs button.active{color:var(--text);border-color:var(--text)}.asset-panel-grid{flex:1;grid-template-columns:1fr 1fr;gap:8px;min-height:0;margin-top:12px;padding-right:2px;display:grid;overflow:auto}.asset-panel-grid button{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;padding:0;overflow:hidden}.asset-panel-grid button:hover{border-color:var(--line-strong)}.asset-panel-grid img{aspect-ratio:4/3;object-fit:cover;width:100%}.asset-panel-grid span{text-overflow:ellipsis;white-space:nowrap;padding:7px 8px;font-size:10px;display:block;overflow:hidden}.canvas-context-toolbar{z-index:16;background:var(--glass);border:1px solid var(--line);height:40px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:context-in var(--motion-pop);border-radius:12px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:154px;left:50%;transform:translate(-50%)}.canvas-context-toolbar>span{color:var(--text-3);white-space:nowrap;padding:0 8px;font-size:10px}.canvas-context-toolbar button{height:30px;color:var(--text-2);white-space:nowrap;transition:var(--motion-fast);background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:inline-flex}.canvas-context-toolbar button:hover{color:var(--text);background:var(--surface-muted)}.canvas-context-toolbar button:last-child{justify-content:center;width:30px;padding:0}.generation-panel{z-index:12;background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;padding:18px 16px 104px;display:flex;position:relative;overflow:auto}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h2{margin:0;font-size:16px;font-weight:600}.panel-heading p{color:var(--text-3);margin:5px 0 0;font-size:10px}.panel-heading>button{width:30px;height:30px;color:var(--text-3);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.panel-heading>button:hover{color:var(--text);background:var(--surface-muted)}.type-switch{background:var(--surface-muted);border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;margin-top:20px;padding:3px;display:grid}.type-switch button{height:30px;color:var(--text-3);background:0 0;border:0;border-radius:6px;font-size:11px}.type-switch button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 7px #14181612}.field-label{gap:8px;margin-top:18px;display:grid}.field-label>span,.panel-fields label>span{color:var(--text-2);font-size:11px;font-weight:500}.prompt-box{border:1px solid var(--line);background:0 0;border-radius:9px;transition:all .15s;overflow:hidden}.prompt-box:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus)}.prompt-box textarea{resize:none;background:0 0;border:0;outline:0;width:100%;height:112px;padding:11px 11px 5px;font-size:12px;line-height:1.6}.prompt-box>div{justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.prompt-box button{height:26px;color:var(--text-2);background:var(--surface-muted);border:0;border-radius:6px;align-items:center;gap:5px;padding:0 7px;font-size:10px;display:inline-flex}.prompt-box small{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:9px}.reference-slot{text-align:left;border:1px dashed var(--line-strong);background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.reference-slot>span{width:34px;height:34px;color:var(--text-2);background:var(--surface-muted);border-radius:7px;place-items:center;display:grid}.reference-slot>div{gap:3px;display:grid}.reference-slot strong{font-size:11px;font-weight:500}.reference-slot small{color:var(--text-3);font-size:9px}.panel-fields{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.panel-fields label{gap:8px;display:grid}.panel-fields button{width:100%;height:36px;color:var(--text-2);border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:10px;display:flex}.panel-fields button svg:last-child{margin-left:auto}.task-area{gap:10px;margin-top:18px;display:grid}.task-card{color:#eef0ef;background:#171a19;border:1px solid #ffffff17;border-radius:10px;grid-template-columns:52px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.task-preview{color:#bfc5c1;background:#242826;border-radius:7px;place-items:center;width:52px;height:52px;display:grid}.task-card>div:nth-child(2){gap:5px;min-width:0;display:grid}.task-card strong{font-size:10px;font-weight:500}.task-card span{color:#9ca29f;font-size:9px}.task-card span i{background:#b99663;border-radius:50%;width:5px;height:5px;margin-right:4px;animation:1s ease-in-out infinite alternate pulse;display:inline-block}.task-progress{background:#ffffff1f;border-radius:2px;height:2px;overflow:hidden}.task-progress i{background:#dfe3e1;width:42%;height:100%;display:block}.task-card>button{color:#aeb3b0;background:0 0;border:0;font-size:9px}.result-card{background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;animation:.24s cubic-bezier(.16,1,.3,1) result-in;overflow:hidden}.result-media{aspect-ratio:4/3;position:relative;overflow:hidden}.result-media img{object-fit:cover;width:100%;height:100%}.result-media span{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e1110b8;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;display:flex;position:absolute;top:9px;left:9px}.result-meta{justify-content:space-between;align-items:center;padding:10px;display:flex}.result-meta>div{gap:3px;display:grid}.result-meta strong{font-size:11px;font-weight:500}.result-meta small{color:var(--text-3);font-size:9px}.result-meta>button{width:28px;height:28px;color:var(--text-2);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.result-actions{grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px;display:grid}.result-actions button{height:32px;color:var(--text-2);background:var(--surface);border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:10px;display:inline-flex}.result-actions .insert-button{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.generation-footer{background:color-mix(in srgb, var(--surface) 88%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.generation-footer>div{gap:3px;display:grid}.generation-footer span{color:var(--text-3);font-size:9px}.generation-footer strong{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11px;display:flex}.generate-action{width:112px;height:38px;color:var(--on-primary);background:var(--primary);border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:500;display:inline-flex}.generate-action:disabled{cursor:not-allowed;opacity:.55}.generate-action i{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.panel-reopen{height:36px;color:var(--text);align-items:center;gap:7px;padding:0 11px;font-size:11px;display:flex;top:16px;right:16px}.canvas-inspector{z-index:12;background:color-mix(in srgb, var(--surface) 84%, transparent);border-left:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);flex-direction:column;min-width:0;min-height:0;padding:18px 16px 14px;display:flex;position:relative;overflow:hidden}.inspector-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:14px;display:flex}.inspector-header>div{gap:5px;display:grid}.inspector-header span{color:var(--text-3);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.inspector-header strong{font-size:16px;font-weight:600}.inspector-header button{width:30px;height:30px;color:var(--text-2);background:var(--surface-muted);border:0;border-radius:8px;place-items:center;display:grid}.inspector-header button:hover{color:var(--text)}.inspector-node-summary{background:color-mix(in srgb, var(--surface) 52%, transparent);border:1px solid var(--line);border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:16px;padding:10px;display:grid}.inspector-node-summary>span:first-child{width:32px;height:32px;color:var(--text);background:var(--surface-muted);border-radius:8px;place-items:center;display:grid}.inspector-node-summary>div{gap:3px;min-width:0;display:grid}.inspector-node-summary strong{font-size:11px;font-weight:600}.inspector-node-summary small{color:var(--text-3);font-size:9px}.inspector-status{color:var(--success);white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.inspector-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.inspector-tabs{border-bottom:1px solid var(--line);gap:18px;margin-top:18px;display:flex}.inspector-tabs button{height:32px;color:var(--text-3);background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 9px;font-size:11px}.inspector-tabs button.active{color:var(--text);border-color:var(--text)}.inspector-content{scrollbar-width:thin;gap:16px;min-height:0;padding-top:16px;display:grid;overflow:auto}.inspector-field{gap:7px;display:grid}.inspector-field>span,.inspector-field-grid label>span{color:var(--text-2);font-size:10px}.inspector-field input,.inspector-field textarea{width:100%;min-width:0;color:var(--text);background:color-mix(in srgb, var(--surface) 44%, transparent);border:1px solid var(--line);border-radius:8px;outline:0;padding:9px 10px;font-size:11px}.inspector-field input{height:34px}.inspector-field textarea{resize:vertical;min-height:112px;line-height:1.6}.inspector-field input:focus-visible,.inspector-field textarea:focus-visible{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus)}.inspector-section{border-top:1px solid var(--line);gap:11px;padding-top:15px;display:grid}.inspector-section>div:first-child{gap:4px;display:grid}.inspector-section strong{font-size:11px;font-weight:600}.inspector-section small{color:var(--text-3);font-size:9px}.inspector-field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inspector-field-grid label{gap:7px;display:grid}.inspector-field-grid button{height:34px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 44%, transparent);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:0 9px;font-size:10px;display:flex}.inspector-field-grid button:hover{color:var(--text);border-color:var(--line-strong)}.inspector-primary{height:34px;color:var(--on-primary);background:var(--primary);border:1px solid var(--primary);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:10px;display:inline-flex}.inspector-primary:hover{filter:brightness(1.08)}.inspector-output-card{background:color-mix(in srgb, var(--surface) 44%, transparent);border:1px solid var(--line);border-radius:9px;overflow:hidden}.inspector-output-media{aspect-ratio:4/3;background:var(--surface-muted);position:relative;overflow:hidden}.inspector-output-media img{object-fit:cover;width:100%;height:100%}.inspector-output-media span{color:#fff;background:#0e1110b8;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;display:flex;position:absolute;top:8px;left:8px}.inspector-output-card>div:last-child{gap:4px;padding:10px;display:grid}.inspector-output-card strong{font-size:11px;font-weight:600}.inspector-output-card small{color:var(--text-3);font-size:9px}.inspector-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.inspector-actions button{height:34px;color:var(--text-2);background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:10px;display:inline-flex}.inspector-actions .inspector-primary{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.inspector-empty{text-align:center;align-content:center;place-items:center;gap:9px;min-height:260px;padding:20px;display:grid}.inspector-empty>span{width:40px;height:40px;color:var(--text-2);background:var(--surface-muted);border-radius:10px;place-items:center;display:grid}.inspector-empty strong{font-size:12px;font-weight:600}.inspector-empty p{max-width:22ch;color:var(--text-3);margin:0;font-size:10px;line-height:1.6}.inspector-footer{color:var(--text-3);border-top:1px solid var(--line);align-items:center;gap:5px;margin-top:auto;padding-top:12px;font-size:9px;display:flex}.toast{z-index:1000;width:max-content;max-width:min(440px,100vw - 32px);min-height:38px;color:var(--text);background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);overflow-wrap:anywhere;pointer-events:none;border-radius:10px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;line-height:1.5;animation:.22s cubic-bezier(.16,1,.3,1) toast-in;display:flex;position:fixed;top:68px;left:50%;transform:translate(-50%)}.toast svg{color:var(--success);flex:none}.workspace-top-notice{z-index:30;border:1px solid color-mix(in srgb, var(--danger) 34%, var(--line-strong));background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:300px;max-width:min(460px,100vw - 32px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.workspace-top-notice-icon{width:28px;height:28px;color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border-radius:8px;flex:none;place-items:center;display:grid}.workspace-top-notice>div:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.workspace-top-notice strong{color:var(--text);font-size:12px}.workspace-top-notice small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.workspace-top-notice button{cursor:pointer;border:0;place-items:center;display:grid}.workspace-top-notice-retry{height:28px;color:var(--text);background:var(--surface-muted);border-radius:7px;padding:0 10px;font-size:11px;border:1px solid var(--line)!important}.workspace-top-notice-close{width:28px;height:28px;color:var(--text-muted);opacity:0;background:0 0;border-radius:7px;transition:opacity .15s ease-out,background .15s ease-out,color .15s ease-out}.workspace-top-notice:hover .workspace-top-notice-close,.workspace-top-notice-close:focus-visible{opacity:1}.workspace-top-notice-close:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.toast-info{border-color:color-mix(in srgb, #60a5fa 34%, var(--line-strong))}.toast-info svg{color:#60a5fa}.toast-warning{border-color:color-mix(in srgb, var(--warning) 42%, var(--line-strong))}.toast-warning svg{color:var(--warning)}.toast-error{border-color:color-mix(in srgb, var(--danger) 42%, var(--line-strong))}.toast-error svg{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.35}}@keyframes result-in{0%{opacity:0;transform:translateY(10px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes node-loading-sheen{0%{opacity:0;left:-45%}18%{opacity:1}72%{opacity:.85}to{opacity:0;left:120%}}@keyframes surface-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes canvas-surface-enter{0%{opacity:0}to{opacity:1}}@keyframes canvas-background-breathe{0%,to{background-color:var(--canvas)}50%{background-color:color-mix(in srgb, var(--canvas) 90%, var(--canvas-dot) 10%)}}@media (prefers-reduced-motion:reduce){.rf-node-loading-sheen,.loading-spinner,.loading-skeleton,.loading-dots:before,.loading-dots:after,.page-heading,.toolbar,.project-grid,.asset-grid,.canvas-projectbar,.canvas-tools,.canvas-composer,.canvas-inspector,.rf-prototype-shell .react-flow{animation:none!important}}@keyframes panel-in{0%{opacity:0;transform:translate(-4px)}}@keyframes context-in{0%{opacity:0;transform:translate(-50%,4px)}}@media (width<=1280px){.project-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}.asset-grid{grid-template-columns:repeat(4,minmax(170px,1fr))}}@media (width<=900px){.app-shell{grid-template:52px 1fr 58px/1fr}.dock{border-top:1px solid var(--line);border-right:0;flex-direction:row;grid-area:3/1;padding:6px 12px}.dock-nav{display:flex}.dock-bottom{display:none}.dock button.active:before{width:18px;height:2px;top:-6px;left:auto}.app-content{grid-row:2}.project-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}.asset-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.workspace{grid-template-columns:1fr}.generation-panel,.canvas-inspector{width:min(360px,92vw);box-shadow:var(--shadow-float);position:absolute;top:0;bottom:0;right:0}}@media (width<=620px){.topbar{grid-template-columns:auto 1fr auto}.brand strong,.brand small,.balance-chip span{display:none}.topbar-context{padding-left:10px}.page{padding:24px 16px 76px}.page-heading{align-items:center}.page-heading h1{font-size:22px}.page-heading p{display:none}.primary-button{padding:0 10px}.toolbar{flex-direction:column;align-items:stretch;margin-top:20px}.search-field,.search-field.compact{width:100%}.toolbar-group{justify-content:space-between;width:100%}.project-grid{grid-template-columns:1fr;gap:13px}.new-project-card{min-height:150px}.filter-tabs{gap:18px;width:100%;overflow-x:auto}.asset-toolbar,.asset-toolbar-actions{flex-direction:column;align-items:stretch}.bulk-action-bar{width:100%;overflow-x:auto}.bulk-action-bar strong{background:var(--surface);position:sticky;left:0}.asset-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px}.asset-card>div:last-child{height:46px}.canvas-tools{max-width:calc(100vw - 32px);overflow-x:auto}.canvas-layers{top:60px;left:16px;right:auto}.generation-panel{width:100%}.canvas-inspector{width:calc(100% - 58px)}.rf-prototype-rail{left:10px}.rf-prototype-node-menu{width:min(286px,100vw - 84px);left:72px}.rf-prototype-inspector{width:calc(100% - 20px);max-height:46%;right:10px}.rf-prototype-badge{top:122px;left:10px}}@media (height<=680px) and (width>=621px){.rf-prototype-shell .react-flow__controls{top:auto!important;bottom:84px!important}}@media (width<=620px){.asset-grid.list-view .asset-card{grid-template-columns:104px 1fr}.asset-grid.list-view .asset-card>div:last-child{padding:0 10px}.asset-dialog-backdrop{padding:12px}.asset-dialog{padding:18px 16px}.asset-dialog-preview{max-height:220px}.asset-dialog dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-route{height:100%;min-height:100%}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.topbar button,.page button,.canvas-stage>:not(.canvas-editor) button,.canvas-composer button{transition:color var(--motion-interaction), background-color var(--motion-interaction), border-color var(--motion-interaction), box-shadow var(--motion-interaction), transform var(--motion-interaction)}.topbar button:hover:not(:disabled),.page button:hover:not(:disabled),.canvas-stage>:not(.canvas-editor) button:hover:not(:disabled),.canvas-composer button:hover:not(:disabled){transform:translateY(-1px)}.topbar button:active:not(:disabled),.page button:active:not(:disabled),.canvas-stage>:not(.canvas-editor) button:active:not(:disabled),.canvas-composer button:active:not(:disabled){transform:translateY(0)}.topbar button svg,.page button svg,.canvas-stage>:not(.canvas-editor) button svg,.canvas-composer button svg{transition:transform var(--motion-interaction), opacity var(--motion-interaction)}.page-heading,.toolbar,.project-grid,.asset-grid{animation:.36s cubic-bezier(.16,1,.3,1) both surface-enter}.toolbar{animation-delay:50ms}.project-grid,.asset-grid{animation-delay:90ms}.canvas-projectbar,.canvas-tools,.canvas-composer,.canvas-inspector{animation:.28s ease-out both canvas-surface-enter}.canvas-tools{animation-delay:40ms}.canvas-composer{animation-delay:70ms}.canvas-inspector{animation-delay:90ms}.topbar button:hover:not(:disabled) svg,.page button:hover:not(:disabled) svg,.canvas-stage>:not(.canvas-editor) button:hover:not(:disabled) svg,.canvas-composer button:hover:not(:disabled) svg{opacity:.86;transform:scale(1.04)}.project-card,.asset-card,.featured-work,.recent-card,.recent-new{transition:transform var(--motion-card), box-shadow var(--motion-card), border-color var(--motion-card), background-color var(--motion-card)}.project-card:hover,.asset-card:hover,.featured-work:hover,.recent-card:hover,.recent-new:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{grid-template:52px 1fr/1fr}.topbar{border-bottom:1px solid var(--line);grid-template-columns:auto auto minmax(0,1fr) auto;gap:24px}.topnav{align-items:center;gap:4px;height:100%;display:flex}.topnav button{height:34px;color:var(--text-2);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex;position:relative}.topnav button:hover{color:var(--text);background:var(--surface-muted)}.topnav button.active{color:var(--text)}.topnav button.active:after{background:var(--text);content:"";height:1px;position:absolute;bottom:-9px;left:10px;right:10px}.topbar-context{justify-self:start}.app-content{grid-area:2/1}.app-shell svg{stroke-width:1.5px}.home-page{isolation:isolate;padding-top:48px;overflow:hidden}.route-home{grid-template:1fr/1fr}.route-home .topbar,.route-home .app-content{grid-area:1/1}.route-home .topbar{opacity:.8;background:#ffffffe6;align-self:start;height:52px}.route-home .home-page{padding-top:100px}.home-background{z-index:-1;background:var(--bg);pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-background-video,.home-background-overlay{width:100%;height:100%;position:absolute;inset:0}.home-background-video{object-fit:cover;object-position:center;filter:saturate(.82)brightness(1.02)}.home-background-overlay{background:#f8f9fa14}[data-theme=dark] .home-background-video{filter:none}[data-theme=dark] .home-background-overlay{background:#0e1012ad}[data-theme=dark] .route-home .home-create,[data-theme=dark] .route-home .featured-section,[data-theme=dark] .route-home .recent-section,[data-theme=light] .route-home .home-create,[data-theme=light] .route-home .featured-section,[data-theme=light] .route-home .recent-section{opacity:.9}[data-theme=dark] .route-home .topbar{background:#0e1012e6}[data-theme=light] .home-create h1,[data-theme=light] .home-create>p,[data-theme=light] .home-page .section-heading h2,[data-theme=light] .home-page .section-heading p,[data-theme=light] .home-page .section-heading>button{color:#fff;text-shadow:0 1px 10px #080a0eb8}[data-theme=light] .home-page .section-heading>button:hover{color:#fff;background:#0c0e1247}.home-page>section{z-index:1;position:relative}.home-page>.home-create{z-index:10}.home-create{text-align:center;width:min(980px,100%);margin:0 auto}.home-create h1{margin:0;font-size:24px;font-weight:600;line-height:1.3}.home-create>p{color:var(--text-2);margin:8px 0 0;font-size:14px}.home-page .quick-composer{text-align:left;width:min(920px,100%);margin-top:24px}.featured-section,.recent-section{width:min(1212px,100%);margin:48px auto 0}.featured-section{width:min(1420px,100vw - 32px);margin-top:24px}.featured-section>.section-heading{width:min(1212px,100%);margin-left:auto;margin-right:auto}.recent-section{margin-top:24px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:20px;font-weight:600}.section-heading p{color:var(--text-2);margin:5px 0 0;font-size:13px}.section-heading>button{height:32px;color:var(--text-2);transition:var(--motion-fast);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:13px;display:inline-flex}.section-heading>button:hover{color:var(--text);background:var(--surface-muted)}.depth-carousel-3d{touch-action:pan-y;background:0 0;width:100%;height:350px;position:relative;overflow:hidden}.depth-carousel-3d:focus-visible{outline:1px solid var(--line-strong);outline-offset:3px}.depth-carousel-3d canvas{cursor:grab;outline:none;width:100%;height:500px;display:block;position:absolute;top:-150px;left:0}.depth-carousel-fallback{grid-auto-columns:minmax(240px,320px);grid-auto-flow:column;align-items:center;gap:16px;height:100%;padding:20px max(0px,50% - 606px);display:grid;overflow-x:auto}.depth-carousel-fallback button{aspect-ratio:3/2;background:var(--surface-muted);border:1px solid var(--line-strong);border-radius:8px;padding:0;overflow:hidden;box-shadow:0 14px 36px #080a0e3d}.depth-carousel-fallback img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-fast);display:block}.depth-carousel-fallback button:hover img{transform:scale(1.03)}.depth-carousel-control{z-index:2;width:38px;height:38px;color:var(--text);background:var(--glass);border:1px solid var(--line-strong);opacity:0;-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);transition:opacity var(--motion-fast), background-color var(--motion-fast);border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:47%;transform:translateY(-50%);box-shadow:0 8px 24px #080a0e2e}.depth-carousel-control-prev{left:max(0px,50% - 606px)}.depth-carousel-control-next{right:max(0px,50% - 606px)}.depth-carousel-3d:hover .depth-carousel-control,.depth-carousel-3d:focus-within .depth-carousel-control{opacity:1}.page .depth-carousel-control:hover:not(:disabled),.page .depth-carousel-control:active:not(:disabled){background:var(--surface);transform:translateY(-50%)}.featured-carousel{perspective:1800px;perspective-origin:50%;isolation:isolate;height:302px;position:relative;overflow:hidden}.featured-clip-definitions{width:0;height:0;position:absolute;overflow:hidden}.featured-carousel-track{cursor:grab;touch-action:pan-y;width:100%;height:100%;transform-style:preserve-3d;position:relative}.featured-carousel-track:active{cursor:grabbing}.featured-work{text-align:left;background:var(--surface);backface-visibility:hidden;width:18%;min-width:0;height:214px;transform-style:preserve-3d;will-change:transform, opacity;border:0;border-radius:16px;margin-left:0;padding:0;transition:left .76s,top .76s,width .76s,height .76s,transform .76s,opacity .76s,filter .76s,box-shadow .76s;position:absolute;top:54px;left:0;overflow:hidden}.featured-work img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.featured-work:hover{box-shadow:0 22px 52px #0000006b}.featured-work[data-carousel-position=active]{clip-path:none;opacity:1;filter:none;transform-origin:50%;border-radius:18px;width:38%;height:302px;top:0;left:31%;transform:translateZ(110px)rotateY(0)scale(1);box-shadow:0 24px 60px #00000073}.featured-work[data-carousel-position=near-left],.featured-work[data-carousel-position=near-right]{opacity:.92;border-radius:16px;width:24%;height:258px;top:22px;box-shadow:0 20px 46px #00000061}.featured-work[data-carousel-position=near-left]{filter:brightness(.78)saturate(.9);transform-origin:100%;left:11%;transform:translateZ(12px)rotateY(30deg)scale(.96)}.featured-work[data-carousel-position=near-right]{filter:brightness(.82)saturate(.92);transform-origin:0;left:65%;transform:translateZ(12px)rotateY(-30deg)scale(.96)}.featured-work[data-carousel-position=far-left],.featured-work[data-carousel-position=far-right]{opacity:.64;border-radius:14px;width:18%;height:226px;top:48px;box-shadow:0 16px 38px #00000052}.featured-work[data-carousel-position=far-left]{filter:brightness(.64)saturate(.78);transform-origin:100%;left:0;transform:translateZ(-86px)rotateY(46deg)scale(.88)}.featured-work[data-carousel-position=far-right]{filter:brightness(.68)saturate(.82);transform-origin:0;left:82%;transform:translateZ(-86px)rotateY(-46deg)scale(.88)}.featured-work[data-carousel-position=back-left],.featured-work[data-carousel-position=back-right]{opacity:.36;border-radius:12px;width:15%;height:194px;top:73px;box-shadow:0 12px 30px #00000040}.featured-work[data-carousel-position=back-left]{filter:brightness(.48)saturate(.68);transform-origin:100%;left:-7%;transform:translateZ(-180px)rotateY(54deg)scale(.78)}.featured-work[data-carousel-position=back-right]{filter:brightness(.52)saturate(.72);transform-origin:0;left:92%;transform:translateZ(-180px)rotateY(-54deg)scale(.78)}.featured-work[data-carousel-position=hidden]{visibility:hidden}.featured-work:hover img{transform:scale(1.03)}.featured-work[data-carousel-position=near-left] img,.featured-work[data-carousel-position=near-right] img{transform:scale(1.07)}.featured-work[data-carousel-position=near-left] .featured-copy,.featured-work[data-carousel-position=near-left] .featured-play,.featured-work[data-carousel-position=near-right] .featured-copy,.featured-work[data-carousel-position=near-right] .featured-play,.featured-work[data-carousel-position=far-left] .featured-copy,.featured-work[data-carousel-position=far-left] .featured-play,.featured-work[data-carousel-position=far-right] .featured-copy,.featured-work[data-carousel-position=far-right] .featured-play,.featured-work[data-carousel-position=back-left] .featured-copy,.featured-work[data-carousel-position=back-left] .featured-play,.featured-work[data-carousel-position=back-right] .featured-copy,.featured-work[data-carousel-position=back-right] .featured-play{opacity:0}.featured-shade{background:#0e10126b;position:absolute;inset:0}.featured-work .featured-shade{opacity:0;transition:opacity .22s}.featured-copy{color:#fff;display:grid;position:absolute;bottom:14px;left:16px;right:16px}.featured-work .featured-copy{opacity:0;transition:opacity .22s,transform .28s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.featured-copy small{opacity:.72;font-size:11px}.featured-copy strong{margin-top:5px;font-size:16px;font-style:normal;font-weight:600}.featured-copy em{opacity:.78;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-style:normal;overflow:hidden}.featured-play{opacity:0;color:#181a1b;width:32px;height:32px;transition:var(--motion-pop);background:#ffffffe0;border-radius:8px;place-items:center;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(4px)}.featured-work:hover .featured-play,.featured-work:focus-visible .featured-play{opacity:0;transform:translateY(4px)}.featured-work[data-carousel-position=active]:hover .featured-play,.featured-work[data-carousel-position=active]:focus-visible .featured-play,.featured-work[data-carousel-position=active]:hover .featured-shade,.featured-work[data-carousel-position=active]:focus-visible .featured-shade,.featured-work[data-carousel-position=active]:hover .featured-copy,.featured-work[data-carousel-position=active]:focus-visible .featured-copy{opacity:1;transform:translateY(0)}@keyframes featured-enter-from-right{0%{opacity:.72;transform:translate3d(18%,0,-56px)rotateY(-24deg)scale(.9)}to{opacity:1;transform:translateZ(110px)rotateY(0)scale(1)}}@keyframes featured-enter-from-left{0%{opacity:.72;transform:translate3d(-18%,0,-56px)rotateY(24deg)scale(.9)}to{opacity:1;transform:translateZ(110px)rotateY(0)scale(1)}}.featured-carousel[data-carousel-direction=next] .featured-work[data-carousel-position=active]{animation:.76s featured-enter-from-right}.featured-carousel[data-carousel-direction=previous] .featured-work[data-carousel-position=active]{animation:.76s featured-enter-from-left}.featured-carousel-control{z-index:20;width:38px;height:38px;color:var(--text);background:var(--glass);border:1px solid var(--line-strong);opacity:0;-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);transition:opacity var(--motion-fast), transform var(--motion-pop), background-color var(--motion-fast);border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:147px;transform:translateY(-50%);box-shadow:0 8px 24px #080a0e38}.featured-carousel-prev{left:12px}.featured-carousel-next{right:12px}.featured-carousel:hover .featured-carousel-control,.featured-carousel:focus-within .featured-carousel-control{opacity:1;transform:translateY(-50%)}.page .featured-carousel-control:hover:not(:disabled),.page .featured-carousel-control:active:not(:disabled){background:var(--surface);transform:translateY(-50%)}.inspirations-page{padding-top:48px}.inspirations-heading{width:min(1212px,100%);margin:0 auto 34px}.inspirations-heading h1{letter-spacing:0;margin:10px 0 6px;font-size:32px}.inspirations-heading p{color:var(--text-2);margin:0}.eyebrow{color:var(--text-2);letter-spacing:.08em;align-items:center;gap:6px;font-size:11px;display:inline-flex}.inspiration-library,.template-library{width:min(1212px,100%);margin:0 auto 48px}.inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.inspirations-tabs-wrap{width:min(1212px,100%);margin:0 auto 30px}.content-tabs{background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;gap:4px;width:max-content;margin:0;padding:4px;display:flex}.inspirations-page .section-heading p{display:none}.inspiration-filters{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;margin:0 0 18px;display:flex}.inspiration-search{width:min(320px,100%);min-width:200px;height:36px;color:var(--text-3);background:var(--surface);border:1px solid var(--line);border-radius:8px;flex:0 320px;order:3;align-items:center;gap:8px;margin-left:auto;padding:0 11px;transition:border-color .16s,box-shadow .16s;display:flex}.inspiration-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.inspiration-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:12px}.inspiration-filter-group,.inspiration-kind-toggle{scrollbar-width:none;background:0 0;border:0;border-radius:0;align-items:center;gap:3px;min-width:0;min-height:36px;margin:0;padding:0;display:inline-flex;overflow-x:auto}.inspiration-filter-group{order:1;margin-left:0}.inspiration-filter-actions{order:2;margin-left:0}.inspiration-filter-group+.inspiration-filter-actions{margin-left:0}.inspiration-filter-group::-webkit-scrollbar{display:none}.inspiration-kind-toggle::-webkit-scrollbar{display:none}.inspiration-filter-group button,.inspiration-kind-toggle button{height:28px;color:var(--text-2);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:11px;transition:color .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.inspiration-filter-icon{border-radius:5px;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;transition:color .16s,filter .16s;display:inline-flex}.inspiration-filter-icon.gold{color:#d97706}.inspiration-filter-icon.orange{color:#ea580c}.inspiration-filter-icon.rose{color:#e11d48}.inspiration-filter-icon.violet,.inspiration-filter-icon.image{color:#7c3aed}.inspiration-filter-icon.teal{color:#0f766e}.inspiration-filter-icon.video{color:#dc2626}.inspiration-filter-icon.all{color:#2563eb}.inspiration-filter-group button:not(.active):hover,.inspiration-kind-toggle button:not(.active):hover{background:var(--surface-muted)}.inspiration-filter-group button.active,.inspiration-kind-toggle button.active{color:var(--text);background:var(--surface);border-color:var(--line-strong);box-shadow:0 1px 4px #14181c1a}.inspiration-filter-group button:not(.active):hover .inspiration-filter-icon,.inspiration-kind-toggle button:not(.active):hover .inspiration-filter-icon{filter:saturate(1.3)brightness(1.08)}.inspiration-filter-group button.active:hover,.inspiration-kind-toggle button.active:hover{color:var(--text);background:var(--surface);border-color:var(--line-strong);box-shadow:0 1px 4px #14181c1a}.inspiration-filter-group button:focus-visible,.inspiration-kind-toggle button:focus-visible,.inspiration-search:focus-within{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:2px}.inspiration-filter-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.content-tabs button{height:32px;color:var(--text-2);background:0 0;border:0;border-radius:7px;padding:0 16px;font-size:13px}.content-tabs button.active,.content-tabs button:hover{color:var(--text);background:var(--surface);box-shadow:0 2px 8px #14181c14}.inspiration-card{text-align:left;background:var(--surface);border:1px solid var(--line);min-width:0;height:220px;transition:var(--motion-pop);border-radius:12px;position:relative;overflow:hidden}.inspiration-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-float);transform:translateY(-2px)}.inspiration-main{text-align:left;background:0 0;border:0;width:100%;height:220px;padding:0;display:block;position:relative;overflow:hidden}.inspiration-card img,.inspiration-card video{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.inspiration-media-placeholder{width:100%;height:100%;color:var(--text-3);background:var(--surface-muted);align-content:center;place-items:center;gap:8px;font-size:11px;display:grid}.inspiration-media-placeholder svg{opacity:.68}.inspiration-card video{display:block}.inspiration-card:hover img,.inspiration-card:hover video{transform:scale(1.03)}.inspiration-card .featured-shade{opacity:0;transition:opacity .22s}.inspiration-card:hover .featured-shade,.inspiration-card:focus-within .featured-shade{opacity:1}.inspiration-copy{color:#fff;opacity:0;transition:opacity .22s,transform .28s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:58px;left:16px;right:16px;transform:translateY(10px)}.inspiration-copy small{opacity:.72;font-size:11px}.inspiration-copy strong{margin-top:5px;font-size:16px}.inspiration-copy em{opacity:.78;margin-top:3px;font-size:11px;font-style:normal}.inspiration-review-note{color:#f5c27a}.inspiration-card footer,.template-card footer{align-items:center;gap:10px;min-height:40px;padding:0 12px;display:flex}.inspiration-card footer{z-index:2;-webkit-backdrop-filter:blur(16px)saturate(140%);opacity:0;background:#12151875;border:0;border-radius:9px;min-height:38px;padding:0 10px;transition:opacity .22s,transform .28s cubic-bezier(.16,1,.3,1);position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(12px);box-shadow:0 8px 24px #080a0c29}.inspiration-card footer>span{color:#ffffffb8;margin-right:auto;font-size:11px}.inspiration-card footer button{color:#ffffffc2;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;height:28px;padding:0 7px;font-size:11px;display:inline-flex}.inspiration-card footer button:hover{color:#fff;background:#ffffff24}.template-card footer button{height:28px;color:var(--text-2);background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:11px;display:inline-flex}.inspiration-card:hover .inspiration-copy,.inspiration-card:focus-within .inspiration-copy,.inspiration-card:hover footer,.inspiration-card:focus-within footer{opacity:1;transform:translateY(0)}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.template-card{text-align:left;min-width:0;height:220px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .18s,box-shadow .24s;position:relative;overflow:hidden}.template-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-float);transform:none}.template-media-preview{object-fit:cover;background:var(--surface-muted);width:100%;height:100%;transition:none;display:block}.template-icon{width:56px;height:56px;color:var(--accent);background:var(--surface-muted);border-radius:9px;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.template-icon.image{color:#db2777;background:color-mix(in srgb, #db2777 12%, var(--surface-muted))}.template-icon.video{color:#2563eb;background:color-mix(in srgb, #2563eb 12%, var(--surface-muted))}.template-card strong{font-size:15px}.template-card small{color:#ffffffb8;font-size:12px;line-height:1.5}.template-card-main{text-align:left;width:100%;height:100%;color:inherit;background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.template-card-main:focus,.template-card-main:focus-visible{box-shadow:none!important;outline:0!important}.template-card-main:after,.template-card-shade{pointer-events:none;content:"";position:absolute;inset:0}.template-card-main:after{opacity:0;background:linear-gradient(#090b0e0a 24%,#090b0ec7 100%);transition:opacity .22s}.template-card-shade{opacity:0;background:#0a0c0f47;transition:opacity .22s}.template-card-copy{z-index:1;color:#fff;opacity:0;gap:3px;transition:opacity .22s,transform .28s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:54px;left:16px;right:16px;transform:translateY(10px)}.template-card-copy strong{margin-top:2px;font-size:15px}.template-card-copy em{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:1.45;overflow:hidden}.template-card footer{z-index:2;opacity:0;visibility:hidden;background:#121518db;border-radius:9px;min-height:38px;padding:0 10px;transition:none;position:absolute;bottom:10px;left:10px;right:10px}.template-card footer>span{color:#ffffffb8;margin-right:auto;font-size:11px}.template-card footer button{color:#ffffffc2}.template-card footer button:hover{color:#fff;background:#ffffff24}.template-card:hover .template-card-copy,.template-card:focus-within .template-card-copy,.template-card:hover .template-card-main:after,.template-card:focus-within .template-card-main:after,.template-card:hover .template-card-shade,.template-card:focus-within .template-card-shade,.template-card:hover footer,.template-card:focus-within footer{opacity:1;visibility:visible}.template-card:hover .template-card-copy,.template-card:focus-within .template-card-copy{transform:translateY(0)}.recent-projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.recent-new,.recent-card{background:var(--surface);border:1px solid var(--line);min-width:0;height:168px;transition:var(--motion-fast);border-radius:12px;overflow:hidden}.recent-new{flex-direction:column;justify-content:center;align-items:center;display:flex}.recent-new>span{background:var(--surface-muted);border-radius:8px;place-items:center;width:36px;height:36px;margin-bottom:12px;display:grid}.recent-new strong{font-size:13px;font-weight:500}.recent-new small{color:var(--text-2);margin-top:4px;font-size:11px}.recent-card{text-align:left;padding:0;position:relative}.recent-card img{object-fit:cover;width:100%;height:116px;transition:transform .7s cubic-bezier(.16,1,.3,1)}.recent-card>.project-cover-placeholder{height:116px;padding:0}.recent-card>span{gap:3px;padding:8px 11px;display:grid}.recent-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.recent-card small{color:var(--text-2);font-size:10px}.recent-new:hover,.recent-card:hover{border-color:var(--line-strong);box-shadow:0 12px 32px #272a2d14}.recent-card:hover img{transform:scale(1.025)}.quick-composer{z-index:2;background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--glass) 86%, transparent));border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);width:min(760px,100%);box-shadow:0 18px 52px #272a2d14, inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(28px)saturate(135%);backdrop-filter:blur(28px)saturate(135%);border-radius:14px;margin:28px auto 2px;position:relative;overflow:visible}.quick-composer-main{grid-template:"mode mode""reference prompt"72px/58px minmax(0,1fr);align-items:center;gap:9px;padding:12px 12px 10px;display:grid}.quick-mode{background:var(--surface-muted);border-radius:8px;grid-area:mode;width:fit-content;padding:3px;display:flex}.quick-mode button{height:28px;color:var(--text-3);background:0 0;border:0;border-radius:5px;padding:0 9px;font-size:10px}.quick-mode button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 7px #14181612}.quick-composer textarea{resize:none;background:0 0;border:0;outline:0;grid-area:prompt;align-self:center;width:100%;height:52px;padding:10px 4px;font-size:13px;line-height:1.55}.quick-composer textarea::placeholder{color:var(--text-3)}.quick-reference{width:58px;height:66px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 54%, transparent);border:1px dashed var(--line-strong);border-radius:12px;grid-area:reference;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.quick-reference input,.composer-ref input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.quick-reference img,.composer-ref img{object-fit:cover;width:100%;height:100%}.quick-composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.quick-settings,.quick-submit{align-items:center;gap:6px;display:flex}.quick-settings button{height:30px;color:var(--text-2);border:1px solid var(--line);background:0 0;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:inline-flex}.generation-settings{align-items:center;gap:6px;min-width:0;display:flex;position:relative}.quick-composer .generation-settings.compact{position:static}.generation-control{min-width:0;height:30px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 28%, transparent);border:1px solid var(--line);white-space:nowrap;transition:var(--motion-fast);border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:inline-flex;overflow:hidden}.generation-control:hover,.generation-control.open{color:var(--text);border-color:var(--line-strong);background:color-mix(in srgb, var(--surface) 58%, transparent)}.generation-control.model-control{flex:none;width:max-content;overflow:visible}.model-popover{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;width:max-content;min-width:260px;max-width:calc(100vw - 32px);max-height:min(328px,100vh - 32px);overflow-y:auto}.model-popover .recommendation-option{width:100%}.generation-popover{z-index:40;width:300px;color:var(--text);background:color-mix(in srgb, var(--surface) 76%, var(--glass));border:1px solid color-mix(in srgb, var(--line-strong) 82%, transparent);box-shadow:0 22px 65px #13171b38, inset 0 1px 0 color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(32px)saturate(145%);backdrop-filter:blur(32px)saturate(145%);animation:panel-in var(--motion-pop);border-radius:13px;padding:13px;position:absolute;bottom:calc(100% + 10px);right:0}.generation-popover-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:1px 2px 12px;display:flex}.generation-popover-title>div{gap:4px;display:grid}.generation-popover-title strong{font-size:13px;font-weight:600}.generation-popover-title small{color:var(--text-3);font-size:10px}.generation-popover-title>svg{color:var(--text-2)}.generation-mode-badge{color:var(--text-2);background:var(--surface-muted);border-radius:5px;padding:4px 6px;font-size:9px}.generation-choice-group{gap:7px;margin-top:12px;display:grid}.generation-choice-group>span{color:var(--text-2);font-size:10px}.generation-choice-group>div{flex-wrap:wrap;gap:6px;display:flex}.generation-choice-group button{height:28px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 44%, transparent);border:1px solid var(--line);transition:var(--motion-fast);border-radius:7px;align-items:center;gap:4px;padding:0 8px;font-size:10px;display:inline-flex}.generation-choice-group button:hover{color:var(--text);border-color:var(--line-strong)}.generation-choice-group button.selected{color:var(--text);background:var(--surface-muted);border-color:var(--line-strong);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent)}.generation-toggle{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.generation-toggle>span{gap:3px;display:grid}.generation-toggle strong{font-size:10px;font-weight:500}.generation-toggle small{color:var(--text-3);font-size:9px}.generation-toggle input{opacity:0;width:1px;height:1px;position:absolute}.generation-toggle i{background:var(--surface-muted);border:1px solid var(--line-strong);width:32px;height:19px;transition:var(--motion-fast);border-radius:10px;flex:none;display:block;position:relative}.generation-toggle i:after{background:var(--text-3);content:"";width:11px;height:11px;transition:var(--motion-fast);border-radius:50%;position:absolute;top:3px;left:3px}.generation-toggle input:checked+i{background:var(--primary);border-color:var(--primary)}.generation-toggle input:checked+i:after{background:var(--on-primary);transform:translate(13px)}.recommendation-popover{width:260px}.recommendation-option{width:100%;color:var(--text);text-align:left;background:color-mix(in srgb, var(--surface) 44%, transparent);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.recommendation-option:hover,.recommendation-option.selected{border-color:var(--line-strong);background:var(--surface-muted)}.recommendation-option>span{gap:4px;min-width:0;display:grid}.recommendation-option strong{font-size:10px;font-weight:500}.recommendation-option small{color:var(--text-3);font-size:9px}.recommendation-option>svg{color:var(--text-2)}.quick-composer .generation-popover{inset:calc(100% + 10px) auto auto 0;transform:none}.canvas-composer .generation-settings{position:relative}.canvas-composer .generation-popover{left:0;right:auto}.canvas-output-preview-dialog{width:min(900px,100vw - 48px);max-height:min(680px,100vh - 64px);color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000059}.canvas-output-preview-media{background:#111;place-items:center;min-height:360px;display:grid;position:relative}.canvas-output-preview-media img,.canvas-output-preview-media video{object-fit:contain;width:100%;height:100%;max-height:680px}.canvas-output-preview-dialog>aside{background:var(--surface-muted);align-content:start;gap:10px;padding:24px;display:grid;overflow:auto}.canvas-output-preview-dialog>aside>span{color:var(--text-3);letter-spacing:.08em;font-size:10px}.canvas-output-preview-dialog h2{margin:0 0 8px;font-size:20px}.canvas-output-preview-meta{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.canvas-output-preview-meta strong{font-size:11px}.canvas-output-preview-meta p{color:var(--text-2);margin:0 0 8px;font-size:12px;line-height:1.6}.canvas-output-preview-meta dl{grid-template-columns:72px 1fr;gap:8px;margin:0;font-size:11px;display:grid}.canvas-output-preview-meta dt{color:var(--text-3)}.canvas-output-preview-meta dd{color:var(--text-2);margin:0}.canvas-output-preview-close{z-index:2;width:30px;height:30px;color:var(--text);background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid var(--line);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.generation-settings.is-down .generation-popover{inset:calc(100% + 10px) auto auto 0}.generation-settings.is-up .generation-popover{inset:auto auto calc(100% + 10px) 0}.recommendation-option.selected{background:var(--surface-muted);border-color:var(--line-strong);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent)}.recommendation-option{min-height:42px}.recommendation-option strong,.recommendation-option small{overflow-wrap:anywhere;line-height:1.35;display:block}.quick-submit{width:auto;min-width:132px;height:38px;color:var(--on-primary);background:var(--primary);border:1px solid var(--primary);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:11px;display:inline-flex}.quick-submit:hover:not(:disabled){filter:brightness(1.08)}.quick-submit:disabled{cursor:not-allowed;opacity:.45}.workspace{grid-template-columns:minmax(0,1fr) 320px;display:grid}.canvas-stage{width:100%;height:100%}.canvas-tools{height:var(--canvas-tools-height);flex-direction:column;justify-content:space-between;gap:0;top:50%;transform:translateY(-50%)}.canvas-tools>span{align-self:center;width:20px;height:1px;margin:0}.canvas-history{bottom:16px}.canvas-layers{right:16px}.canvas-composer{z-index:15;background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--glass) 86%, transparent));border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);width:min(760px,100% - 180px);box-shadow:var(--shadow-float), inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(28px)saturate(135%);backdrop-filter:blur(28px)saturate(135%);border-radius:14px;padding:11px;position:absolute;bottom:84px;left:50%;overflow:visible;transform:translate(-50%)}.composer-input-row{grid-template:"mode mode""reference prompt"58px/52px minmax(0,1fr);align-items:center;gap:8px;display:grid}.composer-mode{background:var(--surface-muted);border-radius:8px;grid-area:mode;width:fit-content;padding:3px;display:flex}.composer-mode button{height:28px;color:var(--text-3);background:0 0;border:0;border-radius:5px;padding:0 8px;font-size:10px}.composer-mode button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 7px #14181612}.composer-input-row textarea{resize:none;background:0 0;border:0;outline:0;grid-area:prompt;align-self:center;width:100%;height:52px;padding:10px 4px;font-size:12px;line-height:1.5}.composer-ref{width:52px;height:52px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 54%, transparent);border:1px dashed var(--line-strong);border-radius:10px;grid-area:reference;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.composer-bottom-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:7px;display:flex}.composer-controls,.composer-submit{align-items:center;gap:6px;display:flex}.composer-controls button{height:28px;color:var(--text-2);border:1px solid var(--line);background:0 0;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:inline-flex}.composer-submit{width:auto;min-width:132px;height:38px;color:var(--on-primary);background:var(--primary);border:1px solid var(--primary);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:11px;display:inline-flex}.composer-submit:hover:not(:disabled){filter:brightness(1.08)}.composer-submit:disabled{cursor:not-allowed;opacity:.72}.composer-submit-spinner{width:14px;height:14px}.canvas-composer .generate-action{display:none}.composer-status-card{width:360px;color:var(--text);background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);border-radius:10px;animation:.22s cubic-bezier(.16,1,.3,1) result-in;position:absolute;bottom:calc(100% + 9px);right:0;overflow:hidden}.composer-status-media{aspect-ratio:16/9;background:var(--surface-muted);position:relative;overflow:hidden}.composer-status-media:after{background:color-mix(in srgb, var(--canvas) 55%, transparent);content:"";position:absolute;inset:0}.composer-status-media img{object-fit:cover;filter:grayscale(.82)blur(4px);opacity:.62;width:100%;height:100%;transform:scale(1.05)}.composer-status-overlay{z-index:1;text-align:center;gap:8px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.composer-status-overlay>div:first-child{justify-content:center;align-items:center;gap:8px;display:flex}.composer-status-overlay strong{color:var(--text);font-size:12px;font-weight:600}.composer-status-overlay span{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:11px}.composer-status-progress{background:color-mix(in srgb, var(--text) 16%, transparent);border-radius:3px;height:3px;overflow:hidden}.composer-status-progress i{background:var(--primary);transform-origin:0;border-radius:3px;width:100%;height:100%;transition:transform .24s ease-out;display:block}.composer-status-meta{justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:0 11px;display:flex}.composer-status-meta>div{gap:4px;min-width:0;display:grid}.composer-status-meta strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.composer-status-meta small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.composer-status-meta button{height:28px;color:var(--text-2);background:0 0;border:0;border-radius:6px;flex:none;padding:0 6px;font-size:10px}.composer-status-meta button:hover{color:var(--text);background:var(--surface-muted)}.composer-failed{width:360px;min-height:70px;color:var(--text);background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid color-mix(in srgb, var(--danger) 34%, var(--line));box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;animation:.22s cubic-bezier(.16,1,.3,1) result-in;display:grid;position:absolute;bottom:calc(100% + 9px);right:0}.composer-failed-icon{width:38px;height:38px;color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border-radius:8px;place-items:center;display:grid}.composer-failed>div:nth-child(2){gap:4px;min-width:0;display:grid}.composer-failed strong{font-size:11px;font-weight:600}.composer-failed small{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.composer-failed>button{height:30px;color:var(--text);background:var(--surface-muted);border:1px solid var(--line);border-radius:7px;padding:0 9px;font-size:10px}.composer-failed>button:hover{border-color:var(--line-strong)}.composer-task,.composer-result{color:#eef0ef;width:360px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141716f0;border:1px solid #ffffff1a;border-radius:10px;padding:9px;animation:.22s cubic-bezier(.16,1,.3,1) result-in;position:absolute;bottom:calc(100% + 9px);right:0}.composer-task{grid-template-columns:46px 1fr auto;align-items:center;gap:9px;display:grid}.composer-task .task-preview{width:46px;height:46px}.composer-task>div:nth-child(2){gap:5px;display:grid}.composer-task strong,.composer-result strong{font-size:10px;font-weight:500}.composer-task span{color:#9ca29f;font-size:9px}.composer-task span i{background:#b99663;border-radius:50%;width:5px;height:5px;margin-right:4px;animation:1s ease-in-out infinite alternate pulse;display:inline-block}.composer-task>button{color:#aeb3b0;background:0 0;border:0;font-size:9px}.composer-result{width:440px;color:var(--text);background:color-mix(in srgb, var(--surface) 92%, transparent);border-color:var(--line);grid-template-columns:54px 1fr auto auto auto;align-items:center;gap:8px;display:grid}.composer-result>img{object-fit:cover;border-radius:6px;width:54px;height:44px}.composer-result>div{gap:4px;min-width:0;display:grid}.composer-result strong{align-items:center;gap:4px;display:flex}.composer-result small{color:var(--text-3);font-size:9px}.composer-result>button{height:30px;color:var(--text-2);background:var(--surface-muted);border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:9px;display:inline-flex}.composer-result>.insert-button{color:var(--on-primary);background:var(--primary)}[data-theme=dark] .generation-popover{-webkit-backdrop-filter:blur(42px)saturate(165%);backdrop-filter:blur(42px)saturate(165%);color:#f3f5f7;background:linear-gradient(145deg,#272c33e6,#14181edb);border-color:#ffffff29;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff1a}[data-theme=dark] .generation-popover-title{border-color:#ffffff29}[data-theme=dark] .generation-popover-title small{color:#b7bec8}[data-theme=dark] .generation-choice-group>span{color:#c8ced6}[data-theme=dark] .generation-choice-group button{color:#d8dde4}[data-theme=dark] .generation-choice-group button:hover{color:#fff;border-color:#ffffff61}[data-theme=dark] .generation-choice-group button.selected{color:#fff;background:#ffffff24;border-color:#ffffff7a}[data-theme=dark] .generation-toggle{border-color:#ffffff29}[data-theme=dark] .generation-toggle small{color:#b7bec8}[data-theme=dark] .recommendation-option{color:#f3f5f7}[data-theme=dark] .recommendation-option small{color:#c0c6ce}[data-theme=dark] .generation-control{color:#cbd1d9;border-color:#ffffff2e}[data-theme=dark] .generation-control:hover,[data-theme=dark] .generation-control.open{color:#fff;border-color:#ffffff5c}[data-theme=dark] .generation-choice-group button,[data-theme=dark] .recommendation-option{background:#ffffff09;border-color:#ffffff1f}[data-theme=dark] .generation-choice-group button.selected,[data-theme=dark] .recommendation-option:hover,[data-theme=dark] .recommendation-option.selected{background:#ffffff1a;border-color:#ffffff3d}[data-theme=dark] .generation-control:hover,[data-theme=dark] .generation-control.open{background:#ffffff14}@media (width<=900px){.app-shell{grid-template:52px 1fr/1fr}.app-shell.route-home{grid-template:1fr/1fr}.topbar{grid-template-columns:auto auto 1fr auto;gap:10px}.topbar-context{display:none}.topnav button{padding:0 8px}.home-page{padding-top:36px}.route-home .home-page{padding-top:88px}.depth-carousel-3d{height:410px}.depth-carousel-3d canvas{height:100%;top:0}.depth-carousel-control{top:50%}.featured-work{height:200px}.featured-carousel{height:260px}.featured-carousel-control{top:138px}.featured-work[data-carousel-position=active]{width:46%;height:260px;left:27%}.featured-work[data-carousel-side=right]{left:85%}.recent-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-project-center{display:none}.canvas-asset-panel{width:260px}.canvas-context-toolbar>span{display:none}.canvas-composer{width:calc(100% - 108px);left:auto;right:12px;transform:none}.canvas-history{display:none}.canvas-starters{width:calc(100% - 128px)}.canvas-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.canvas-output-preview-dialog{grid-template-columns:1fr;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.canvas-output-preview-media{min-height:240px;max-height:52vh}.topbar{gap:6px;padding-right:8px}.topnav{gap:0}.topnav button{justify-content:center;width:34px;padding:0}.topnav button svg{display:block}.topnav button{font-size:0}.topnav button.active:after{left:7px;right:7px}.balance-chip{justify-content:center;width:34px;padding:0}.balance-chip strong{display:none}.home-page{padding-top:28px}.route-home .home-page{padding-top:80px}.home-background-video{object-position:58% center}.home-create{text-align:left}.home-create h1{max-width:14ch;font-size:24px}.home-create>p{max-width:32ch;line-height:1.6}.quick-composer{margin-top:20px}.quick-composer-footer{gap:7px;min-width:0}.quick-composer-footer .generation-settings{min-width:0;overflow:visible}.quick-submit{min-width:112px;padding:0 9px}.quick-composer-main{grid-template:"mode mode""reference prompt"64px/48px minmax(0,1fr)}.quick-mode{grid-column:1/-1;width:fit-content}.quick-composer-footer{align-items:flex-end}.generation-settings{max-width:calc(100% - 4px)}.generation-settings .generation-control{flex:0 auto}.generation-settings .generation-control:last-of-type{max-width:150px}.generation-popover{width:min(300px,100vw - 32px);max-height:calc(100vh - 120px);right:-4px;overflow:auto}.quick-composer .generation-popover{left:0;right:auto;transform:none}.recommendation-popover{width:min(260px,100vw - 32px);min-width:220px}.quick-submit>span{display:inline-flex}.featured-section{margin-top:40px}.depth-carousel-3d{height:330px}.section-heading{align-items:center}.section-heading p{display:none}.featured-carousel{height:210px}.featured-work{width:14%;height:164px;top:30px}.featured-work[data-carousel-position=active]{width:58%;height:210px;top:0;left:21%}.featured-work[data-carousel-side=right]{left:87%}.featured-carousel-control{top:112px}.recent-projects{grid-template-columns:1fr}.recent-new{height:120px}.recent-card{height:190px}.recent-card img{height:138px}.canvas-projectbar{top:8px;left:8px;right:8px}.canvas-entry-page{align-content:start;gap:24px;padding:54px 16px 72px}.canvas-entry-intro h1{font-size:24px}.canvas-entry-grid{grid-template-columns:1fr;gap:8px}.canvas-entry-grid button{min-height:70px}.canvas-entry-grid i{opacity:1;transform:none}.canvas-project-title strong{max-width:120px}.canvas-project-title>button:last-child{display:none}.canvas-save-state{padding:0 7px;font-size:0}.canvas-project-actions>button{width:30px;padding:0;font-size:0}.canvas-project-actions>button>span{display:none}.canvas-tools{max-width:none;top:50%;left:8px;overflow:visible;transform:translateY(-50%)}.canvas-asset-panel{width:calc(100% - 66px);max-width:288px;height:min(var(--canvas-tools-height), calc(100% - 250px));top:50%;bottom:auto;left:58px;transform:translateY(-50%)}.canvas-node-menu,.canvas-rail-panel,.canvas-workflow-panel{width:calc(100% - 66px);height:min(var(--canvas-tools-height), calc(100% - 250px));max-height:none;top:50%;left:58px;transform:translateY(-50%)}.canvas-node-grid{grid-template-columns:1fr 1fr}.canvas-starters{display:none}.canvas-context-toolbar{scrollbar-width:none;max-width:calc(100% - 68px);bottom:196px;left:auto;right:8px;overflow-x:auto;transform:none}.canvas-composer{width:calc(100% - 68px);bottom:76px;right:8px}.rf-prototype-shell .react-flow__controls{bottom:76px!important;left:10px!important;right:auto!important}.composer-input-row{grid-template:"mode mode""reference prompt"64px/44px minmax(0,1fr)}.composer-input-row textarea{height:64px;padding-top:8px}.composer-mode{grid-column:1/-1;width:fit-content}.composer-controls button:first-child{display:none}.composer-controls{scrollbar-width:none;max-width:170px;overflow:visible}.composer-bottom-row{gap:6px;min-width:0}.composer-controls{min-width:0}.composer-submit{min-width:112px;padding:0 9px}.composer-controls button{flex:none}.composer-submit>span{display:inline-flex}.composer-status-card,.composer-task,.composer-result,.composer-failed{width:100%;right:0}.composer-result{grid-template-columns:44px 1fr auto}.composer-result>img{width:44px;height:40px}.composer-result>button:not(.insert-button){display:none}.canvas-context-toolbar::-webkit-scrollbar{display:none}.composer-controls::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.home-background-video{display:none}.featured-work,.featured-work img,.featured-carousel-control{transition-duration:.01ms!important}.featured-work[data-carousel-position=active]{animation:none!important}}@media (hover:none){.depth-carousel-control,.featured-carousel-control{opacity:1;transform:translateY(-50%)}.project-menu-zone>button,.asset-menu-zone>button{opacity:1}}.auth-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(34px)saturate(140%);backdrop-filter:blur(34px)saturate(140%);background:#0a0d1275;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-card{color:var(--text)}.auth-page{background:var(--canvas);width:100%;height:100dvh;min-height:100dvh;color:var(--text);place-items:center;padding:clamp(24px,5vw,64px);display:grid;overflow:auto}.auth-page-layout{background:var(--surface);width:min(930px,100%);max-height:calc(100dvh - clamp(48px,10vw,128px));box-shadow:var(--shadow-float);border:0;border-radius:16px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);display:grid;overflow:hidden}.auth-page-intro{background:#111318;max-width:none;min-height:min(650px,100dvh - clamp(48px,10vw,128px));position:relative;overflow:hidden}.auth-page-intro-video,.auth-page-intro-shade{width:100%;height:100%;position:absolute;inset:0}.auth-page-intro-video{object-fit:cover;object-position:center}.auth-page-intro-shade{background:linear-gradient(#0a0c100a 34%,#0a0c10d1 100%)}.auth-page-intro-copy{color:#fff;position:absolute;bottom:34px;left:34px;right:34px}.auth-page-intro-copy>span{color:var(--text-3);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.auth-page-intro-copy h1{letter-spacing:-.03em;margin:18px 0 16px;font-size:clamp(34px,4vw,52px);line-height:1.12}.auth-page-intro-copy p{color:#ffffffc2;max-width:34ch;margin:0;font-size:14px;line-height:1.7}.auth-page-card{width:100%;max-height:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;align-self:center;padding:clamp(30px,4vw,44px);overflow-y:auto}.account-drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(34px)saturate(145%);backdrop-filter:blur(34px)saturate(145%);background:#03070e4d;justify-items:end;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.account-drawer{-webkit-backdrop-filter:blur(46px)saturate(175%);backdrop-filter:blur(46px)saturate(175%);background:linear-gradient(145deg,#3a414c85,#14181f4d);border:1px solid #ffffff2e;border-radius:22px;flex-direction:column;align-self:start;gap:16px;width:min(430px,100vw - 20px);height:auto;max-height:calc(100vh - 20px);margin:10px;padding:25px;animation:.24s cubic-bezier(.16,1,.3,1) drawer-in;display:flex;position:relative;overflow:auto;box-shadow:0 30px 90px #00000075,inset 0 1px #ffffff29}.account-drawer-close{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 45%, transparent);width:32px;height:32px;color:var(--text-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:17px;right:17px}.account-drawer-close:hover{color:var(--text);background:var(--surface-muted)}.account-drawer-header{align-items:center;gap:12px;padding-right:38px;display:flex}.account-drawer-avatar{aspect-ratio:1;width:50px;height:50px;color:var(--on-primary);background:var(--primary);border-radius:15px;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.account-drawer-avatar img{object-fit:cover;width:100%;height:100%}.account-drawer-header>div{gap:4px;min-width:0;display:grid}.account-drawer-header strong{font-size:16px;font-weight:600}.account-drawer-header span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-drawer-header small{color:var(--text-2);align-items:center;gap:5px;font-size:10px;display:flex}.account-profile-edit{width:30px;height:30px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 42%, transparent);border:1px solid var(--line);border-radius:8px;flex:none;place-items:center;margin-left:auto;display:grid}.account-profile-edit:hover{color:var(--text);background:var(--surface-muted);border-color:var(--line-strong)}.account-drawer-notice{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent);border:1px solid color-mix(in srgb, var(--success) 24%, var(--line));border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:10px;display:flex}.account-credit-card{border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);background:color-mix(in srgb, var(--surface) 38%, transparent);border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-top:0;padding:18px;display:flex}.account-credit-card>div{gap:4px;display:grid}.account-credit-card span,.account-credit-card small{color:var(--text-2);font-size:10px}.account-credit-card strong{font-size:31px;line-height:1}.account-credit-card button{height:34px;color:var(--on-primary);background:var(--primary);border:1px solid var(--primary);border-radius:8px;padding:0 12px;font-size:11px}.account-credit-card button:hover{filter:brightness(1.08)}.account-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:0;display:grid}.account-stats>div{min-height:92px;color:var(--text-2);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 30%, transparent);border-radius:12px;gap:6px;padding:12px;display:grid}.account-stats svg{color:var(--text)}.account-stats span{font-size:10px}.account-stats strong{color:var(--text);font-size:17px}.account-drawer-menu{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 28%, transparent);border-radius:14px;gap:2px;margin-top:0;padding:7px;display:grid}.account-drawer-menu button{min-height:46px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:0 8px;display:grid}.account-drawer-menu button:hover{color:var(--text);background:var(--surface-muted)}.account-drawer-menu button i{width:27px;height:27px;color:var(--text);background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:8px;place-items:center;display:grid}.account-drawer-menu button span{color:var(--text);font-size:11px}.account-logout-actions{gap:8px;margin-top:10px;display:grid}.account-logout-secondary{min-height:34px;color:var(--text-2);border:1px solid var(--line);background:0 0;border-radius:8px;font-size:11px}.account-logout-secondary:hover{color:var(--text);border-color:var(--line-strong)}.account-logout{color:#e78989;background:#e7898914;border:1px solid #e7898959;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;margin-top:0;padding:0;font-size:11px;display:flex}.account-logout:hover{background:#e7898924}.account-detail-backdrop{z-index:70;-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);background:#03070e66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-detail-modal{width:min(440px,100%);max-height:min(720px,100vh - 40px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(38px)saturate(160%);backdrop-filter:blur(38px)saturate(160%);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;background:linear-gradient(145deg,#3a414c94,#14181f5c);border:1px solid #ffffff2e;border-radius:17px;padding:24px;overflow-y:auto}.account-detail-loading{align-content:center;gap:10px;min-height:230px;padding:24px 0;display:grid}.account-detail-loading span{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 40%, transparent), color-mix(in srgb, var(--surface) 74%, transparent), color-mix(in srgb, var(--surface) 40%, transparent));background-size:200% 100%;border-radius:6px;height:13px;animation:1.1s linear infinite account-shimmer}.account-detail-loading span:nth-child(2){width:78%}.account-detail-loading span:nth-child(3){width:56%}.account-detail-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.account-detail-header>div{gap:5px;display:grid}.account-detail-header span{color:var(--text-2);letter-spacing:.12em;font-size:10px}.account-detail-header h2{margin:0;font-size:21px}.account-detail-header button{width:30px;height:30px;color:var(--text-2);background:var(--surface-muted);border:0;border-radius:8px;place-items:center;display:grid}.account-detail-copy{min-height:130px;color:var(--text-2);white-space:pre-line;margin:0;padding:20px 0;font-size:12px;line-height:1.9}.account-detail-wide{width:min(680px,100%);max-height:min(760px,100vh - 40px)}.credit-plan-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:24px 0 20px;display:grid}.credit-plan-grid button{min-height:260px;color:var(--text-2);text-align:left;background:color-mix(in srgb, var(--surface) 38%, transparent);border:1px solid var(--line);border-radius:10px;align-content:space-between;gap:8px;padding:16px;display:grid;position:relative}.credit-plan-grid button:hover,.credit-plan-grid button.selected{color:var(--text);border-color:var(--line-strong);background:color-mix(in srgb, var(--surface) 62%, transparent)}.credit-plan-grid button.selected{box-shadow:inset 0 0 0 1px var(--text)}.credit-plan-grid strong{color:var(--text);font-size:14px;font-weight:700}.credit-plan-grid span{font-size:12px;font-weight:600}.credit-plan-grid b{color:var(--text);font-size:24px;font-weight:700}.credit-plan-grid button>svg{color:var(--success);position:absolute;top:12px;right:12px}.membership-panel{margin-top:20px}.membership-tabs{border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);background:color-mix(in srgb, var(--surface) 36%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.membership-tabs span,.membership-tabs button{min-height:32px;color:var(--text-2);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:11px;display:inline-flex}.membership-tabs>button{flex:1 1 0}.membership-tabs .payment-method{min-height:32px;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, transparent);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);white-space:nowrap;border-radius:8px;flex:none;padding:0 11px}.membership-tabs .is-active{color:var(--text);background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:0 1px 8px #0000001a,inset 0 1px #ffffff26}.membership-tabs button:hover{color:var(--text);background:color-mix(in srgb, var(--surface) 52%, transparent)}.membership-plan-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0 4px;display:grid}.membership-plan{min-height:390px;color:var(--text-2);text-align:left;background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 48%, transparent), color-mix(in srgb, var(--glass) 26%, transparent));border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:16px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14}.membership-plan:hover,.membership-plan.selected{color:var(--text);border-color:color-mix(in srgb, var(--primary) 68%, var(--line-strong));background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 15%, var(--surface)), color-mix(in srgb, var(--glass) 35%, transparent));transform:translateY(-1px)}.membership-plan.featured{border-color:color-mix(in srgb, var(--primary) 78%, var(--line));box-shadow:inset 0 1px 0 #ffffff2e, 0 8px 24px color-mix(in srgb, var(--primary) 13%, transparent)}.membership-plan-badges{justify-content:space-between;align-items:center;min-height:20px;display:flex}.membership-plan-badges b{color:var(--on-primary);background:var(--primary);border-radius:5px;padding:3px 6px;font-size:9px;font-weight:650}.membership-plan-badges small{color:var(--text-3);margin-left:auto;font-size:9px}.membership-plan>strong{color:var(--text);font-size:15px;font-weight:700}.membership-price{align-items:baseline;gap:3px;display:flex}.membership-price b{color:var(--text);font-size:26px;line-height:1}.membership-price span,.membership-plan p{color:var(--text-3);font-size:9px}.membership-price del{color:var(--text-3);font-size:11px}.discount-badge{color:var(--primary)!important;background:color-mix(in srgb, var(--primary) 10%, transparent)!important}.membership-plan>em{color:var(--primary);background:color-mix(in srgb, var(--primary) 11%, transparent);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);border-radius:7px;padding:8px 9px;font-size:11px;font-style:normal;font-weight:650}.membership-plan p{min-height:34px;margin:0;font-size:11px;line-height:1.5}.plan-estimates{background:color-mix(in srgb, var(--surface) 42%, transparent);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;display:grid}.plan-estimates div{gap:2px;min-width:0;display:grid}.plan-estimates strong{color:var(--text);white-space:nowrap;font-size:13px;font-weight:750}.plan-estimates span{color:var(--text-2);font-size:10px;font-weight:650}.plan-estimates small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.membership-plan ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.membership-plan li{color:var(--text-2);align-items:flex-start;gap:5px;font-size:11px;display:flex}.membership-plan li svg{color:var(--success);flex:none;margin-top:2px}.credit-plan-badge{width:fit-content;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:5px;padding:3px 6px;font-size:9px}.credit-plan-badges{align-items:center;gap:5px;min-height:20px;display:flex}.credit-plan-badges b{color:var(--on-primary);background:var(--primary);border-radius:5px;padding:3px 6px;font-size:9px;font-weight:650}.credit-plan-badges small{color:var(--text-3);margin-left:auto;font-size:9px}.credit-plan-grid button del{color:var(--text-3);font-size:11px}.credit-plan-grid button p{color:var(--text-3);margin:0;font-size:11px;line-height:1.5}.credit-plan-grid button ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.credit-plan-grid button li{color:var(--text-2);align-items:flex-start;gap:5px;font-size:11px;display:flex}.credit-plan-grid button li svg{color:var(--success);flex:none;margin-top:2px}.payment-note{color:var(--text-3);text-align:right;margin:8px 0 0;font-size:10px}.membership-selected{color:var(--success);position:absolute;top:14px;right:13px}.detail-select{min-height:38px;color:var(--text-2);justify-content:space-between;align-items:center;gap:14px;margin:22px 0 12px;font-size:11px;display:flex}.detail-select>span:last-child{align-items:center;display:flex;position:relative}.detail-select select{appearance:none;height:32px;color:var(--text);background:color-mix(in srgb, var(--surface) 52%, transparent);border:1px solid var(--line);cursor:pointer;border-radius:8px;outline:0;padding:0 29px 0 10px;font-size:11px}.detail-select select:focus-visible{box-shadow:0 0 0 3px var(--focus)}.detail-select svg{pointer-events:none;color:var(--text-2);position:absolute;right:9px}.account-data-table{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 26%, transparent);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;border-radius:10px;width:100%;min-width:0;max-height:420px;margin-bottom:20px;overflow:auto}.data-table-head,.data-table-row{grid-template-columns:112px minmax(190px,1fr) 72px 56px;align-items:center;gap:12px;min-width:520px;padding:0 13px;display:grid}.data-table-head{min-height:34px;color:var(--text-3);background:color-mix(in srgb, var(--surface) 34%, transparent);border-bottom:1px solid var(--line);font-size:10px}.data-table-row{min-height:45px;color:var(--text-2);border-bottom:1px solid var(--line);font-size:10px}.data-table-row:last-child{border-bottom:0}.account-table-empty{min-width:620px;min-height:150px;color:var(--text-3);align-content:center;place-items:center;gap:7px;display:grid}.account-table-empty strong{color:var(--text);font-size:11px;font-weight:600}.account-table-empty span{font-size:9px}.data-table-row>span:nth-child(2){color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.data-table-row strong{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.data-table-row .positive{color:var(--success)}.data-table-row .negative{color:var(--danger)}.order-table{min-width:620px}.order-table .data-table-head,.order-table .data-table-row{grid-template-columns:112px minmax(185px,1fr) minmax(150px,1fr) 70px;min-width:620px}.order-table .data-table-row>span:nth-child(3){color:var(--text);flex-direction:column;gap:3px;display:flex}.order-table .data-table-row small{color:var(--text-3);font-size:9px}.order-table .data-table-row strong{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-radius:5px;justify-self:start;padding:4px 7px;font-size:10px}.account-detail-modal footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding-top:13px;display:flex}.account-detail-modal footer button{height:32px;color:var(--text);background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;padding:0 11px;font-size:11px}.account-detail-modal footer .account-detail-primary{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.account-inline-notice{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent);border:1px solid color-mix(in srgb, var(--success) 24%, var(--line));border-radius:8px;align-items:center;gap:7px;margin:0 0 13px;padding:9px 10px;font-size:10px;display:flex}.account-profile-form{gap:7px;margin:22px 0 24px;display:grid}.account-profile-form label{color:var(--text-2);font-size:11px}.account-profile-form input{width:100%;height:40px;color:var(--text);background:color-mix(in srgb, var(--surface) 48%, transparent);border:1px solid var(--line);border-radius:9px;outline:0;padding:0 11px;font-size:12px}.account-profile-form input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus)}.account-profile-form small{color:var(--text-3);font-size:10px}.account-profile-avatar-row{background:color-mix(in srgb, var(--surface) 38%, transparent);border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;margin:22px 0 4px;padding:12px;display:flex}.account-profile-avatar{aspect-ratio:1;width:58px;height:58px;color:var(--on-primary);background:var(--primary);border-radius:16px;flex:none;place-items:center;font-size:20px;font-weight:700;display:grid;overflow:hidden}.account-profile-avatar img{object-fit:cover;width:100%;height:100%}.account-profile-avatar-row>div{gap:4px;min-width:0;display:grid}.account-profile-avatar-row strong{font-size:11px;font-weight:600}.account-profile-avatar-row small{color:var(--text-3);font-size:10px}.account-profile-avatar-row button{width:fit-content;height:28px;color:var(--text-2);background:var(--surface-muted);border:1px solid var(--line);border-radius:7px;align-items:center;gap:5px;margin-top:3px;padding:0 9px;font-size:10px;display:inline-flex}.account-profile-avatar-row button:hover{color:var(--text);border-color:var(--line-strong)}.account-avatar-input{display:none}.account-invite-detail>p{min-height:0;padding-bottom:5px}.account-invite-detail>div{background:color-mix(in srgb, var(--surface) 38%, transparent);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.account-invite-detail>div>span{color:var(--text-2);font-size:10px}.account-invite-detail>div>strong{color:var(--text);letter-spacing:.1em;flex:1;font-size:12px}.account-invite-detail>div>button{height:28px;color:var(--text-2);border:1px solid var(--line);background:0 0;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:inline-flex}.account-contact-detail .account-detail-copy{min-height:0;padding-bottom:4px}.account-contact-detail a{color:var(--text);font-size:12px;text-decoration:none}.account-contact-detail a:hover{color:var(--success)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes account-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.account-modal-backdrop{z-index:21;-webkit-backdrop-filter:blur(34px)saturate(140%);backdrop-filter:blur(34px)saturate(140%);background:#0a0d1275;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-modal{-webkit-backdrop-filter:blur(30px)saturate(145%);backdrop-filter:blur(30px)saturate(145%);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;background:linear-gradient(145deg,#ffffff94,#ffffff47);border:1px solid #ffffff7a;border-radius:18px;width:min(100%,560px);min-height:470px;max-height:calc(100vh - 40px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #080c123d,inset 0 1px #ffffff9e,inset 0 0 0 1px #ffffff1f}.account-close,.account-settings{color:var(--text-2);background:0 0;border:0;place-items:center;display:grid}.account-close{border-radius:50%;width:32px;height:32px;position:absolute;top:17px;right:17px}.account-close:hover,.account-settings:hover{color:var(--text);background:var(--surface-muted)}.account-header{align-items:center;gap:12px;padding-right:36px;display:flex}.account-avatar{width:42px;height:42px;color:var(--on-primary);background:var(--primary);border-radius:13px;place-items:center;font-weight:600;display:grid}.account-header>div{gap:4px;min-width:0;display:grid}.account-header strong{font-size:16px;font-weight:600}.account-header span:not(.account-avatar){color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-settings{border-radius:8px;width:32px;height:32px;margin-left:auto}.account-tabs{border-bottom:1px solid var(--line);gap:20px;margin-top:25px;display:flex}.account-tabs button{height:34px;color:var(--text-2);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 11px;font-size:11px}.account-tabs button.active{color:var(--text);border-color:var(--text)}.account-overview{gap:12px;margin-top:22px;display:grid}.account-balance{border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);background:color-mix(in srgb, var(--surface) 48%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.account-balance>div{gap:5px;display:grid}.account-balance span,.account-stat{color:var(--text-2);align-items:center;gap:6px;font-size:11px;display:flex}.account-balance strong{font-size:28px;font-weight:600}.account-balance small{color:var(--text-3);font-size:10px}.account-balance button,.account-action{height:32px;color:var(--text);background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex}.account-links{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.account-links button{min-height:82px;color:var(--text-2);text-align:left;background:color-mix(in srgb, var(--surface) 38%, transparent);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px;display:grid}.account-links button:hover{color:var(--text);border-color:var(--line-strong);background:color-mix(in srgb, var(--surface) 62%, transparent)}.account-links span{gap:4px;min-width:0;display:grid}.account-links strong{color:var(--text);font-size:11px;font-weight:600}.account-links small{color:var(--text-3);font-size:9px;line-height:1.35}.account-panel{gap:13px;margin-top:22px;display:grid}.account-panel h3{margin:0 0 3px;font-size:15px;font-weight:600}.account-panel label{color:var(--text-2);gap:6px;font-size:11px;display:grid}.account-readonly{min-height:40px;color:var(--text);background:color-mix(in srgb, var(--surface) 48%, transparent);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:0 11px;display:flex}.account-stat{background:color-mix(in srgb, var(--surface) 48%, transparent);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:18px;display:grid}.account-stat strong{color:var(--text);font-size:25px}.account-list-row{color:var(--text-2);border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:11px;display:flex}.account-list-row strong{color:var(--text)}.account-invite-code{background:color-mix(in srgb, var(--surface) 48%, transparent);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.account-invite-code span{color:var(--text-2);font-size:11px}.account-invite-code strong{color:var(--text);letter-spacing:.12em;flex:1}.account-invite-code button{color:var(--text-2);border:1px solid var(--line);background:0 0;border-radius:6px;padding:5px 8px;font-size:10px}.account-panel p{color:var(--text-2);margin:0;font-size:11px;line-height:1.7}.account-empty{min-height:130px;color:var(--text-2);border:1px dashed var(--line-strong);border-radius:10px;place-items:center;gap:6px;display:grid}.account-empty small{color:var(--text-3);font-size:10px}.account-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.account-footer span,.account-footer button{color:var(--text-3);align-items:center;gap:6px;font-size:10px;display:inline-flex}.account-footer button{color:var(--text-2);background:0 0;border:0;padding:5px 0}.account-footer button:hover{color:var(--danger)}.auth-modal{-webkit-backdrop-filter:blur(30px)saturate(145%);backdrop-filter:blur(30px)saturate(145%);background:linear-gradient(145deg,#ffffff94,#ffffff47);border:1px solid #ffffff7a;border-radius:18px;width:min(100%,430px);padding:32px;position:relative;box-shadow:0 30px 90px #080c123d,inset 0 1px #ffffff9e,inset 0 0 0 1px #ffffff1f}.auth-close{width:32px;height:32px;color:var(--text-2);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:18px;right:18px}.auth-close:hover{background:var(--surface-muted);color:var(--text)}.auth-kicker{color:var(--text-2);letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.auth-kicker .brand-mark{width:24px;height:24px;font-size:12px}.auth-kicker-logo{vertical-align:middle;flex:0 0 55px;width:55px;height:55px;line-height:55px;overflow:hidden}.auth-kicker-logo img{vertical-align:middle;object-fit:contain;background:#ffffffdb;border:1px solid #ffffffa8;border-radius:9px;width:55px;height:55px;box-shadow:0 5px 12px #14192d24,inset 0 1px #ffffffe6}.auth-kicker-logo>strong{width:55px;height:55px;color:var(--text-1);background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;place-items:center;font-size:14px;display:grid}html[data-theme=dark] .auth-kicker-logo{overflow:visible}html[data-theme=dark] .auth-kicker-logo img{background:#f9fafff5;border-color:#ffffffb8;box-shadow:0 7px 16px #00000052,inset 0 1px #fff}.auth-tabs{border-bottom:1px solid var(--line);gap:22px;margin-top:30px;display:flex}.auth-tabs button{color:var(--text-2);background:0 0;border:0;border-radius:0;padding:0 0 12px}.auth-tabs button.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--text)}.auth-eyebrow{color:var(--text-2);margin:28px 0 7px;font-size:13px}.auth-card h2{letter-spacing:-.03em;margin:0 0 22px;font-size:27px}.auth-form{gap:15px;display:grid}.auth-field{color:var(--text-2);gap:7px;font-size:12px;font-weight:650;display:grid}.auth-input{min-height:44px;color:var(--text-2);background:#ffffff85;border:1px solid #ffffff8c;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex;box-shadow:inset 0 1px #ffffff57}.auth-input:focus-within{border-color:var(--text-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--text) 12%, transparent)}.auth-input input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1}.auth-input button{min-height:26px;color:var(--text-2);background:0 0;border:0;padding:0 7px;font-size:11px}.auth-input button:disabled{opacity:.5}.auth-error,.auth-success{margin:0;font-size:12px}.auth-error{color:#c34e50}.auth-success{color:color-mix(in srgb, var(--success) 72%, var(--text))}.auth-legal-consent{color:var(--text-2);align-items:flex-start;gap:4px;font-size:12px;line-height:1.6;display:flex}.auth-legal-consent input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex:0 0 16px;margin:1px 4px 0 0}.auth-legal-consent label,.auth-legal-consent a{cursor:pointer}.auth-legal-consent a{color:var(--text);font-weight:650;text-decoration:none}.auth-legal-consent a:hover{text-underline-offset:3px;text-decoration:underline}.auth-session-notice{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, transparent);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.auth-submit{background:var(--primary);min-height:46px;color:var(--on-primary);border:0;border-radius:10px;justify-content:center;align-items:center;margin-top:4px;padding:0 15px;display:flex;position:relative}.auth-submit>span{align-items:center;gap:7px;display:inline-flex}.auth-submit>svg{position:absolute;right:15px}.auth-submit:disabled{cursor:wait;opacity:.55}.auth-extra-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.auth-extra-actions-right{justify-content:flex-end;margin-top:14px}.auth-password-toggle{width:28px;height:28px;color:var(--text-2);background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.auth-password-toggle:hover{color:var(--text);background:var(--surface-muted)}.auth-text-action{color:var(--text-2);background:0 0;border:0;padding:3px 0;font-size:11px}.auth-text-action:hover{color:var(--text)}.legal-page{width:100%;height:100dvh;color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), transparent 420px), var(--bg);overflow-y:auto}.legal-shell{width:min(820px,100% - 40px);margin:0 auto;padding:24px 0 64px}.legal-header{z-index:2;background:color-mix(in srgb, var(--glass) 92%, transparent);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);min-height:48px;box-shadow:0 8px 30px color-mix(in srgb, var(--text) 7%, transparent);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-radius:8px;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:12px}.legal-back,.legal-brand{align-items:center;gap:7px;display:inline-flex}.legal-back{color:var(--text-2);font-size:13px;text-decoration:none}.legal-back:hover{color:var(--text)}.legal-brand{font-size:12px;font-weight:700}.legal-content{padding:54px 32px 24px}.legal-title{border-bottom:1px solid var(--line);padding-bottom:32px}.legal-title>span{color:var(--text-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.legal-title h1{letter-spacing:0;margin:12px 0;font-size:36px;line-height:1.2}.legal-title p{color:var(--text-2);margin:0;font-size:13px}.legal-notice{background:color-mix(in srgb, var(--surface-muted) 75%, transparent);border-left:3px solid var(--selection-border);margin:28px 0 38px;padding:16px 18px}.legal-notice strong{font-size:13px}.legal-notice p{color:var(--text-2);margin:5px 0 0;font-size:13px;line-height:1.7}.legal-content section{margin:0 0 34px;scroll-margin-top:80px}.legal-content section h2{letter-spacing:0;margin:0 0 13px;font-size:18px;line-height:1.5}.legal-content section p,.legal-content section li{color:var(--text-2);font-size:14px;line-height:1.85}.legal-content section p{margin:0 0 10px}.legal-content section ul{margin:0;padding-left:20px}.legal-content section li+li{margin-top:7px}.legal-content section strong{color:var(--text)}.legal-footer{color:var(--text-3);border-top:1px solid var(--line);padding:24px 32px 0;font-size:12px}@media (width<=560px){.legal-shell{width:min(100% - 24px,820px);padding-top:12px}.legal-header{padding:0 12px;top:8px}.legal-brand{font-size:11px}.legal-content{padding:38px 8px 18px}.legal-title h1{font-size:30px}.legal-content section h2{font-size:17px}.legal-content section p,.legal-content section li{font-size:14px;line-height:1.8}.legal-footer{padding:20px 8px 0}}.auth-note{color:var(--text-2);margin:20px 0 0;font-size:11px}[data-theme=dark] .auth-modal-backdrop{-webkit-backdrop-filter:blur(48px)saturate(175%);backdrop-filter:blur(48px)saturate(175%);background:#03070e4d}[data-theme=light] .account-drawer-backdrop{background:#0a0d124d}[data-theme=light] .account-drawer{box-shadow:var(--shadow-float), inset 0 1px 0 #ffffffb8;background:linear-gradient(145deg,#ffffffb8,#ffffff61);border-color:#ffffff94}[data-theme=light] .account-detail-modal{background:linear-gradient(145deg,#ffffffb8,#fff6);border-color:#ffffff94}[data-theme=light] .asset-dialog-backdrop,[data-theme=light] .canvas-confirm-backdrop{-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#0a0d124d}[data-theme=light] .canvas-confirm{box-shadow:var(--shadow-float), inset 0 1px 0 #ffffffb8;-webkit-backdrop-filter:blur(30px)saturate(145%);backdrop-filter:blur(30px)saturate(145%);background:linear-gradient(145deg,#ffffffb8,#fff6);border-color:#ffffff94;border-radius:16px}[data-theme=light] .account-logout{color:#b42318;background:#b4231814;border-color:#b4231861}[data-theme=light] .account-logout:hover{color:#8f1d14;background:#b4231824;border-color:#b4231885}[data-theme=dark] .account-modal-backdrop{-webkit-backdrop-filter:blur(48px)saturate(175%);backdrop-filter:blur(48px)saturate(175%);background:#03070e4d}[data-theme=dark] .account-modal,[data-theme=dark] .auth-modal{-webkit-backdrop-filter:blur(46px)saturate(175%);backdrop-filter:blur(46px)saturate(175%);background:linear-gradient(145deg,#3a414c57,#14181f33);border-color:#ffffff2e;box-shadow:0 30px 90px #00000075,inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff0d}html[data-theme=dark] .brand-mark{background:linear-gradient(145deg,#f7f8ff,#dfe3f2);border-color:#ffffff94;box-shadow:0 6px 14px #0000006b,inset 0 1px #fffffff2,inset 0 -1px #1e233c3d}[data-theme=dark] .auth-page-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}[data-theme=dark] .auth-input{background:#ffffff09;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .auth-tabs{border-color:#ffffff24}[data-theme=dark] .auth-input:focus-within{border-color:#ffffff6b;box-shadow:0 0 0 3px #ffffff1a,inset 0 1px #ffffff14}@media (width<=760px){.auth-page{height:auto;min-height:100dvh;padding:20px 18px}.auth-page-layout{grid-template-columns:1fr;max-height:none}.auth-page-intro{justify-self:center;width:100%;max-width:520px;min-height:300px}.auth-page-intro-copy h1{margin-top:14px;font-size:34px}.auth-page-intro-copy p{font-size:13px}.auth-page-card{width:100%;max-width:430px;box-shadow:none;justify-self:center}[data-theme=dark] .auth-page-card{box-shadow:none}}@media (width<=520px){.auth-modal{padding:26px 20px}.auth-page-layout{border-radius:12px}.auth-page-intro-copy{bottom:22px;left:22px;right:22px}.auth-page-intro-copy h1{font-size:29px}.auth-page-card{padding:26px 20px}}@media (width<=620px){.account-drawer{border-radius:20px;width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:8px;padding:22px 20px}.account-stats>div{padding:10px 8px}.account-detail-backdrop{padding:12px}.account-detail-modal{max-height:calc(100vh - 24px);padding:20px 16px;overflow:auto}.account-detail-wide{width:100%}.credit-plan-grid{grid-template-columns:1fr}.credit-plan-grid button{min-height:96px}.membership-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-plan{min-height:270px;padding:11px}.detail-select{margin-top:18px}.account-modal{min-height:0;padding:23px 20px}.account-tabs{gap:14px;overflow:auto}.account-tabs button{flex:none}.account-links{grid-template-columns:1fr}.account-links button{min-height:58px}.account-footer{flex-direction:column;align-items:flex-start}}.canvas-confirm,.asset-dialog,.account-detail-modal,.account-modal,.auth-modal{box-sizing:border-box;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow-y:auto}.canvas-confirm{width:min(420px,100vw - 40px)}.canvas-confirm.watermark-agreement-dialog{width:min(520px,100vw - 40px)}.canvas-confirm.history-detail-dialog{width:min(760px,100vw - 40px)}.asset-dialog{width:min(500px,100vw - 40px)}.asset-dialog.share-dialog{width:min(560px,100vw - 40px)}.asset-dialog.inspiration-detail-dialog{width:min(680px,100vw - 40px)}.account-detail-modal{width:min(480px,100vw - 40px)}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan>strong,html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-price b,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid strong,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid b{color:#f4f4f5}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan li,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button li{color:#d4d4d8}.account-detail-modal.account-detail-wide{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#ffffffb8;border:1px solid #ffffffd1;border-radius:20px;width:min(1000px,100vw - 32px);max-height:86vh;padding:0;overflow:hidden;box-shadow:0 12px 32px #00000014,0 2px 6px #0000000a}.account-detail-modal.account-detail-wide .account-detail-header{z-index:2;background:#ffffff6b;border-bottom:1px solid #00000014;margin:0;padding:22px 28px 16px;position:sticky;top:0}.account-detail-modal.account-detail-wide .membership-panel{max-height:calc(86vh - 150px);margin:0;padding:0 28px 20px;overflow-y:auto}.account-detail-modal.account-detail-wide .membership-tabs{margin-top:20px}.account-detail-modal.account-detail-wide .membership-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.account-detail-modal.account-detail-wide .credit-plan-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:24px}.account-detail-modal.account-detail-wide .membership-plan,.account-detail-modal.account-detail-wide .credit-plan-grid button{background:#fff9;border-radius:14px}.account-detail-modal.account-detail-wide .membership-plan.selected,.account-detail-modal.account-detail-wide .credit-plan-grid button.selected{background:#5b5fc70f;border:2px solid #5b5fc7;box-shadow:0 4px 16px #5b5fc71f}.account-detail-modal.account-detail-wide .membership-plan-badges b,.account-detail-modal.account-detail-wide .credit-plan-badges b:not(.discount-badge){background:#5b5fc7}.account-detail-modal.account-detail-wide .discount-badge{border:1px solid #ff6b0029;color:#ff6b00!important;background:#ff6b0014!important}.account-detail-modal.account-detail-wide .account-detail-header+.membership-panel+.account-inline-notice{margin:0 28px 12px}.account-detail-modal.account-detail-wide>footer{background:#ffffff47;border-top:1px solid #00000014;margin:0;padding:14px 28px 18px}.account-detail-modal.account-detail-wide>footer button{border-radius:10px;min-width:64px;height:36px;padding:0 14px}.account-detail-modal.account-detail-wide>footer .account-detail-primary{min-width:112px;font-weight:650}.account-detail-modal.account-detail-record-wide{width:min(680px,100vw - 40px);max-height:min(760px,100vh - 40px)}@media (width<=1100px) and (width>=621px){.account-detail-modal.account-detail-wide .credit-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=620px){.account-detail-modal.account-detail-wide{border-radius:18px;width:100%;max-height:100dvh}.account-detail-modal.account-detail-wide .account-detail-header{padding:18px 18px 14px}.account-detail-modal.account-detail-wide .membership-panel{max-height:calc(100dvh - 126px);padding:0 18px 18px}.account-detail-modal.account-detail-wide .membership-plan-grid,.account-detail-modal.account-detail-wide .credit-plan-grid{grid-template-columns:1fr;gap:12px}.account-detail-modal.account-detail-wide .membership-plan,.account-detail-modal.account-detail-wide .credit-plan-grid button{min-height:0}.account-detail-modal.account-detail-wide>footer{padding:12px 18px 16px}}.account-modal{width:min(600px,100vw - 40px)}.auth-modal{width:min(430px,100vw - 40px)}.canvas-output-preview-dialog{width:min(960px,100vw - 48px);max-height:calc(100dvh - 48px)}@media (width>=700px){.history-detail-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=620px){.canvas-confirm-backdrop,.asset-dialog-backdrop,.account-detail-backdrop,.account-modal-backdrop,.auth-modal-backdrop{padding:12px}.canvas-confirm,.asset-dialog,.account-detail-modal,.account-modal,.auth-modal,.canvas-output-preview-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}html[data-theme=dark] .account-detail-modal.account-detail-wide{color:#f4f4f5;background:#181a1cf0;border-color:#ffffff24}html[data-theme=dark] .account-detail-modal.account-detail-wide .account-detail-header,html[data-theme=dark] .account-detail-modal.account-detail-wide>footer{background:#181a1cd6;border-color:#ffffff1a}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button{color:#a1a1aa;background:#1e2022d1;border-color:#3f3f46}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan.selected,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button.selected{color:#f4f4f5;background:#5b5fc72e;border-color:#7b80e5}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan>strong,html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-price b,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid strong,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid b,html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan li,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button li{color:#f4f4f5}html[data-theme=dark] .account-detail-modal.account-detail-wide{-webkit-backdrop-filter:blur(38px)saturate(160%);backdrop-filter:blur(38px)saturate(160%);background:linear-gradient(145deg,#3a414c94,#14181f5c)}html[data-theme=dark] .account-detail-modal.account-detail-wide .account-detail-header,html[data-theme=dark] .account-detail-modal.account-detail-wide>footer{background:#14181f2e}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button{background:#1e20226b}.account-detail-modal.account-detail-wide .membership-plan,.account-detail-modal.account-detail-wide .credit-plan-grid button{font-weight:600}.account-detail-modal.account-detail-wide .membership-plan-badges small,.account-detail-modal.account-detail-wide .credit-plan-grid button small,.account-detail-modal.account-detail-wide .membership-price del,.account-detail-modal.account-detail-wide .credit-plan-grid button del,.account-detail-modal.account-detail-wide .membership-plan p,.account-detail-modal.account-detail-wide .credit-plan-grid button p{color:var(--text-2);font-weight:600}.account-detail-modal.account-detail-wide .membership-plan li svg,.account-detail-modal.account-detail-wide .credit-plan-grid button li svg{color:currentColor}.account-detail-modal.account-detail-wide .payment-method{color:var(--text);align-items:center;gap:6px;font-weight:700;display:inline-flex}.alipay-mark{color:#fff;vertical-align:middle;background:#1677ff;border:1px solid #ffffff47;border-radius:5px;place-items:center;width:19px;height:19px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:800;line-height:1;display:inline-grid}.membership-tabs .alipay-mark{color:#fff;background:#1677ff;border-color:#ffffff47;border-radius:5px;flex:0 0 19px;min-height:19px;padding:0}html[data-theme=dark] .membership-tabs .alipay-mark{color:#fff;background:#1677ff;border-radius:5px}html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan-badges small,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button small,html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-price del,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button del,html[data-theme=dark] .account-detail-modal.account-detail-wide .membership-plan p,html[data-theme=dark] .account-detail-modal.account-detail-wide .credit-plan-grid button p{color:#b9bbc4}@media (width<=760px){.inspiration-filters{flex-wrap:wrap;align-items:stretch}.inspiration-search{flex-basis:100%;order:0;width:100%;margin-left:0}.inspiration-filter-group{flex:100%;order:1;margin-left:0}.inspiration-filter-actions{order:2;width:100%;margin-left:0}.inspiration-kind-toggle{flex:auto}.inspiration-detail-parameters dl{grid-template-columns:1fr}}