@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=light]{color-scheme:light;--color-paper: oklch(97% .008 80);--color-paper-2: oklch(94% .01 80);--color-paper-3: oklch(90% .012 80);--color-ink: oklch(22% .012 70);--color-ink-2: oklch(42% .01 70);--color-muted: oklch(50% .01 70);--color-rule: oklch(82% .012 75);--color-rule-strong: oklch(64% .014 75);--color-accent: oklch(64% .12 70);--color-accent-ink: oklch(22% .012 70);--color-focus: oklch(52% .18 70);--color-danger: oklch(56% .18 25);--color-danger-soft: oklch(56% .18 25 / .12);--color-success: oklch(50% .1 145);--color-accent-soft: oklch(64% .12 70 / .12);--color-focus-soft: oklch(52% .18 70 / .12);--color-success-soft: oklch(50% .1 145 / .12);--color-overlay-surface: oklch(99% .004 80 / .94);--color-overlay-rule: oklch(42% .01 70 / .14);--color-modal-scrim: oklch(22% .012 70 / .2);--color-hover-surface: oklch(22% .012 70 / .07);--color-checker: oklch(42% .01 70 / .16);--color-image-editor-canvas: oklch(17% .006 70);--color-image-editor-checker: oklch(42% .01 70 / .22);--color-elevation-shadow: oklch(12% .01 70 / .2);--color-image-scrim: oklch(12% .01 70 / .62);--color-on-image: oklch(97% .008 80);--color-image-label-shadow: oklch(12% .01 70 / .76);--asset-home-renovation: url(https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1600&q=82);--color-home-scrim-strong: oklch(97% .008 80 / .95);--color-home-scrim-soft: oklch(97% .008 80 / .76);--color-login-scrim-strong: oklch(12% .01 70 / .58);--color-login-scrim-soft: oklch(12% .01 70 / .38);--color-login-clear: oklch(8% .008 255 / 0);--color-login-canvas: oklch(9% .008 255);--color-login-surface: oklch(15% .009 255 / .98);--color-login-surface-2: oklch(12% .008 255);--color-login-control: oklch(14% .008 255 / .72);--color-login-control-hover: oklch(21% .01 255 / .88);--color-login-ink: oklch(96% .006 245);--color-login-muted: oklch(73% .008 245);--color-login-rule: oklch(90% .008 245 / .18);--color-login-accent: oklch(52% .13 250);--color-login-accent-hover: oklch(55% .12 250);--color-login-accent-soft: oklch(55% .12 250 / .24);--color-login-accent-ink: oklch(98% .004 245);--color-login-modal-scrim: oklch(4% .006 255 / .76);--color-login-qr-paper: oklch(100% 0 0);--color-project-canvas: oklch(15% .006 90);--color-project-canvas-deep: oklch(12% .005 90);--color-project-surface: oklch(20% .007 90);--color-project-surface-deep: oklch(17% .006 90);--color-project-ink: oklch(95% .008 90);--color-project-muted: oklch(66% .008 90);--color-project-shadow: oklch(3% .004 90);--color-project-paper: oklch(92% .012 90);--color-project-paper-shadow: oklch(84% .01 90);--color-project-paper-ink: oklch(24% .006 90);--color-project-danger: oklch(68% .155 25);--color-project-danger-ink: oklch(98% .006 25);--font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-body: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-outlier: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--display-weight: 600;--display-style: normal;--tracking-display: -.025em;--tracking-label: .01em;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-display: clamp(2.5rem, 4vw + 1rem, 4.5rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--rule-hair: 1px;--rule-fine: 2px;--radius-card: 12px;--radius-panel: 12px;--radius-input: 8px;--radius-pill: 999px;--radius-login-panel: 6px;--radius-login-control: 4px;--shadow-panel: 0 16px 48px oklch(22% .012 70 / .14);--shadow-login-panel: 0 32px 96px oklch(3% .006 255 / .62);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .18s;--dur-long: .3s;--dur-loading: 1.2s}[data-theme=dark]{color-scheme:dark;--color-paper: oklch(15% .01 70);--color-paper-2: oklch(19% .012 70);--color-paper-3: oklch(24% .012 70);--color-ink: oklch(94% .008 80);--color-ink-2: oklch(74% .01 75);--color-muted: oklch(64% .01 75);--color-rule: oklch(30% .012 70);--color-rule-strong: oklch(48% .014 70);--color-accent: oklch(68% .1 70);--color-accent-ink: oklch(15% .01 70);--color-focus: oklch(76% .15 70);--color-danger: oklch(72% .16 25);--color-danger-soft: oklch(72% .16 25 / .14);--color-success: oklch(72% .11 145);--color-accent-soft: oklch(68% .1 70 / .14);--color-focus-soft: oklch(76% .15 70 / .14);--color-success-soft: oklch(72% .11 145 / .14);--color-overlay-surface: oklch(24% .012 70 / .92);--color-overlay-rule: oklch(94% .008 80 / .12);--color-modal-scrim: oklch(5% .006 70 / .52);--color-hover-surface: oklch(94% .008 80 / .08);--color-checker: oklch(94% .008 80 / .14);--color-image-editor-checker: oklch(94% .008 80 / .14);--color-elevation-shadow: oklch(5% .006 70 / .44);--color-image-scrim: oklch(5% .006 70 / .68);--color-on-image: oklch(97% .008 80);--color-image-label-shadow: oklch(5% .006 70 / .82);--color-home-scrim-strong: oklch(15% .01 70 / .94);--color-home-scrim-soft: oklch(15% .01 70 / .7);--color-login-scrim-strong: oklch(5% .006 70 / .68);--color-login-scrim-soft: oklch(5% .006 70 / .48);--color-login-clear: oklch(8% .008 255 / 0);--color-login-canvas: oklch(9% .008 255);--color-login-surface: oklch(15% .009 255 / .98);--color-login-surface-2: oklch(12% .008 255);--color-login-control: oklch(14% .008 255 / .72);--color-login-control-hover: oklch(21% .01 255 / .88);--color-login-ink: oklch(96% .006 245);--color-login-muted: oklch(73% .008 245);--color-login-rule: oklch(90% .008 245 / .18);--color-login-accent: oklch(52% .13 250);--color-login-accent-hover: oklch(55% .12 250);--color-login-accent-soft: oklch(55% .12 250 / .24);--color-login-accent-ink: oklch(98% .004 245);--color-login-modal-scrim: oklch(4% .006 255 / .76);--color-login-qr-paper: oklch(100% 0 0);--shadow-panel: 0 16px 48px oklch(5% .006 70 / .44);--shadow-login-panel: 0 32px 96px oklch(3% .006 255 / .62)}:root{color-scheme:dark;--page-bg: #0f0f12;--canvas-bg: #181818;--canvas-dot: rgba(255, 255, 255, .24);--panel-bg: #16161a;--panel-raised: #26262a;--panel-muted: #2e2e33;--panel-border: #2a2a30;--panel-border-strong: #3a3a3f;--text: #ededec;--text-muted: #a0a09e;--text-dim: #6d6c6a;--accent: #4a90d9;--accent-warm: #ffb238;--danger: #ff5b6e}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--page-bg);color:var(--text);font-family:Outfit,Microsoft YaHei,PingFang SC,system-ui,sans-serif;letter-spacing:0}button,input,textarea,select{font:inherit}button{color:inherit}.login-brand{display:inline-flex;align-items:center;gap:var(--space-2xs);font-weight:800}.login-brand span{display:grid;width:34px;height:34px;place-content:center;border-radius:9px;background:var(--color-paper-3);font-size:13px}.login-visual p{max-width:260px;margin:0;color:var(--color-paper);font-size:15px;font-weight:700;line-height:1.55}.login-panel header{display:grid;gap:8px;margin-bottom:8px}.login-kicker{color:var(--color-success);font-size:13px;font-weight:800}.login-panel h1{margin:0;color:var(--color-ink);font-size:28px;font-weight:850}.login-panel p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.6}.login-field{display:grid;gap:8px;color:var(--color-ink-2);font-size:13px;font-weight:800}.login-field div{display:flex;align-items:center;gap:var(--space-2xs);height:46px;padding:0 var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:9px;background:var(--color-paper-2);color:var(--color-muted);transition:border-color .16s ease,box-shadow .16s ease}.login-field div:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 var(--space-3xs) var(--color-focus-soft)}.login-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--color-ink)}.login-field input::placeholder{color:var(--color-muted)}.login-error{min-height:36px;padding:var(--space-2xs) var(--space-xs);border:var(--rule-hair) solid var(--color-danger);border-radius:8px;background:var(--color-danger-soft);color:var(--color-danger);font-size:13px;font-weight:800}.login-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xs);margin-top:var(--space-2xs)}.login-actions button{display:inline-flex;height:44px;align-items:center;justify-content:center;gap:8px;border-radius:9px;cursor:pointer;font-weight:850}.login-submit{border:0;background:var(--color-ink);color:var(--color-paper)}.login-register{border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);color:var(--color-muted)}.fengbao-app-shell{display:flex;width:100vw;height:100vh;overflow:hidden;background:var(--page-bg)}.app-stage{flex:1 1 auto;min-width:0;height:100vh;overflow:hidden}@media(max-width:760px){.home-chat-workspace{padding:74px 18px 48px}.home-hero{gap:12px;margin-bottom:34px}.home-hero h1{font-size:30px}.home-hero p{font-size:16px}.home-prompt-box,.home-projects{width:100%}.home-prompt-surface{min-height:178px;padding:18px}.home-prompt-box textarea{font-size:17px}.home-prompt-box footer{flex-wrap:wrap}.home-model-control,.home-resolution-control{min-width:0}.home-model-button,.home-resolution-button{max-width:calc(100vw - 154px)}.home-model-cascade{max-width:calc(100vw - 36px);overflow-x:auto}.home-model-menu{width:170px;min-width:170px}.home-image-model-menu{width:136px;min-width:136px}.home-resolution-menu{width:176px;min-width:176px}.home-submit-button{width:46px;height:46px}.home-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.home-new-project,.home-project-card{min-height:146px}.home-all-projects{justify-self:start}}.section-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.section-workspace-head div{display:grid;gap:6px}.section-workspace-head span{color:var(--text-dim);font-size:12px;font-weight:900;text-transform:uppercase}.section-workspace-head h1{margin:0;font-size:28px}.section-workspace-head button{height:38px;padding:0 14px;border:0;border-radius:9px;background:var(--text);color:#151519;cursor:pointer;font-weight:850}.projects-library-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px}.projects-library-head>div:first-child{display:inline-flex;align-items:center;gap:10px;min-width:0}.projects-library-head h1{margin:0;font-size:22px;font-weight:900}.projects-library-actions{display:inline-flex;align-items:center;gap:10px}.projects-library-actions button{display:inline-flex;height:40px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#2a2b30;color:#e5e5e6;cursor:pointer;font-size:14px;font-weight:850}.projects-library-actions button:disabled{cursor:not-allowed;opacity:.58}.projects-library-actions .is-primary{background:#f4f4f4;color:#17181c}.projects-library-actions .is-danger{border-color:#ff707033;background:#3a2528;color:#ffb8b8}.project-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,300px));gap:16px}.project-library-card.is-selected{border-color:#ffffff7a;box-shadow:0 0 0 2px #ffffff14}.project-library-card:hover,.project-library-card:focus-visible{border-color:#fff3;transform:translateY(-2px)}.project-library-card.is-selected:hover,.project-library-card.is-selected:focus-visible{border-color:#ffffff94}.project-card-open{display:grid;width:100%;min-height:296px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left}.project-card-open:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-3px}.project-card-options{position:absolute;z-index:2;right:12px;bottom:12px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:#ffffffbd;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.project-card-options:hover,.project-card-options:focus-visible,.project-card-options[aria-expanded=true]{border-color:#ffffff2e;background:#ffffff1a;color:#fff}.project-card-options:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.project-select-dot{position:absolute;z-index:2;top:12px;left:12px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#101114b8;color:#17181c;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.project-select-dot[aria-pressed=true]{border-color:#f2f2f2;background:#f2f2f2}.project-select-dot:focus-visible{outline:2px solid rgba(255,255,255,.58);outline-offset:2px}.project-context-menu{position:fixed;z-index:50;display:grid;min-width:148px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#222328f5;box-shadow:0 18px 48px #0000006b;padding:6px}.project-context-menu button{height:36px;border:0;border-radius:7px;background:transparent;color:#f0f0f1;cursor:pointer;font-size:14px;font-weight:800;text-align:left;padding:0 10px}.project-context-menu button:hover,.project-context-menu button:focus-visible{background:#ffffff14}.project-rename-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:24px;background:#040708b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-rename-dialog{display:grid;width:min(440px,calc(100vw - 48px));gap:12px;border:1px solid rgba(104,231,255,.2);border-radius:12px;background:#111719;box-shadow:0 28px 90px #00000085;color:#eef5f4;padding:22px}.project-rename-dialog header,.project-rename-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-rename-dialog header div{display:grid;gap:4px}.project-rename-dialog header small{color:#68e7ff;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.project-rename-dialog h2{margin:0;font-size:20px}.project-rename-dialog header button{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:0;border-radius:6px;background:transparent;color:#89989a;cursor:pointer}.project-rename-dialog header button:hover,.project-rename-dialog header button:focus-visible{background:#68e7ff14;color:#effcff}.project-rename-dialog>label{margin-top:8px;color:#b8c5c5;font-size:13px;font-weight:750}.project-rename-dialog>input{width:100%;height:44px;border:1px solid rgba(151,195,204,.24);border-radius:7px;outline:none;background:#0b1012;color:#f4eadb;font:inherit;padding:0 12px}.project-rename-dialog>input:focus{border-color:#68e7ffb8;box-shadow:0 0 0 3px #68e7ff1a}.project-rename-feedback{display:flex;min-height:18px;align-items:center;justify-content:space-between;gap:12px}.project-rename-feedback span{color:#ff9ca7;font-size:12px}.project-rename-feedback small{margin-left:auto;color:#718083;font-size:11px}.project-rename-dialog footer{justify-content:flex-end;margin-top:6px}.project-rename-dialog footer button{height:38px;border:1px solid rgba(151,195,204,.18);border-radius:7px;background:transparent;color:#cad3d2;cursor:pointer;font-size:13px;font-weight:800;padding:0 18px}.project-rename-dialog footer button:hover:not(:disabled),.project-rename-dialog footer button:focus-visible{border-color:#68e7ff5c;background:#68e7ff14}.project-rename-dialog footer button.is-primary{border-color:#68e7ff;background:#68e7ff;color:#062027}.project-rename-dialog button:disabled,.project-rename-dialog input:disabled{cursor:not-allowed;opacity:.58}.project-card-cover{display:grid;height:224px;grid-template-columns:repeat(2,1fr);overflow:hidden;background:#313237;color:#ffffff29}.project-card-cover.is-photo{display:block;background:#2a2b30}.project-card-cover img{display:block;width:100%;height:100%;object-fit:cover}.project-card-cover.is-slate,.project-card-cover.is-blue{place-content:center}.project-card-cover.is-slate{background:#343f4e}.project-card-cover.is-blue{background:#2d7cc4}.project-card-copy{display:grid;gap:5px;padding:15px 58px 17px 18px}.project-card-copy strong,.project-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-copy strong{font-size:18px;font-weight:900}.project-card-copy small{color:#ffffff6b;font-size:14px;font-weight:700}.project-list{display:grid;width:min(760px,100%);gap:10px}.project-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#1d1d22;color:inherit;cursor:pointer;text-align:left}.project-row span{display:grid;gap:5px;min-width:0}.project-row strong,.project-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row small{color:var(--text-muted)}.project-row em{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#4a90d929;color:#b9d7f4;font-size:12px;font-style:normal;font-weight:850}.section-workspace-head .gallery-bulk-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.section-workspace-head .gallery-bulk-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff14;color:var(--text);cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.section-workspace-head .gallery-bulk-actions button:hover,.section-workspace-head .gallery-bulk-actions button:focus-visible,.section-workspace-head .gallery-bulk-actions button.is-selected{border-color:#ffffff3d;background:var(--text);color:#151519}.section-workspace-head .gallery-bulk-actions button.is-danger{border-color:#ff606040;color:#ff7b7b}.section-workspace-head .gallery-bulk-actions button.is-danger:hover,.section-workspace-head .gallery-bulk-actions button.is-danger:focus-visible{border-color:#ff60606b;background:#ff4a4a1f;color:#ff9a9a}.section-workspace-head .gallery-bulk-actions button:disabled{cursor:wait;opacity:.58}.gallery-error{width:fit-content;margin:-8px 0 18px;padding:8px 12px;border:1px solid rgba(255,96,96,.22);border-radius:8px;background:#ff4a4a1a;color:#faa;font-size:13px;font-weight:800}.gallery-tile{position:relative;aspect-ratio:1;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff14;box-shadow:0 10px 24px #00000029;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.gallery-image-button{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.gallery-image-button:after{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;content:"";transition:background .18s ease}.gallery-image-button img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.gallery-tile:hover,.gallery-tile:focus-within,.gallery-tile.is-selected{border-color:#fff3;box-shadow:0 16px 32px #0000003d;transform:translateY(-1px)}.gallery-tile:hover .gallery-image-button:after,.gallery-tile:focus-within .gallery-image-button:after{background:#0000000d}.gallery-tile:hover .gallery-image-button img,.gallery-tile:focus-within .gallery-image-button img{transform:scale(1.025)}.gallery-tile.is-selected{border-color:#4a90d9d9;box-shadow:0 0 0 1px #4a90d98c inset,0 16px 32px #0000003d}.gallery-select-button,.gallery-options-button{position:absolute;z-index:2;display:grid;place-content:center;border:1px solid rgba(255,255,255,.38);background:#0000005c;color:#fff;cursor:pointer;opacity:0;transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease}.gallery-select-button{top:8px;left:8px;width:24px;height:24px;border-radius:7px;transform:translateY(-3px)}.gallery-options-button{right:8px;bottom:8px;width:30px;height:30px;border-radius:9px;transform:translateY(3px)}.gallery-select-button:hover,.gallery-select-button:focus-visible,.gallery-options-button:hover,.gallery-options-button:focus-visible,.gallery-options-button[aria-expanded=true]{border-color:#ffffffb8;background:#00000094}.gallery-tile:hover .gallery-select-button,.gallery-tile:hover .gallery-options-button,.gallery-tile:focus-within .gallery-select-button,.gallery-tile:focus-within .gallery-options-button,.gallery-tile.is-selected .gallery-select-button{opacity:1;transform:translateY(0)}.gallery-select-button svg{opacity:0}.gallery-tile.is-selected .gallery-select-button{border-color:#4a90d9;background:#4a90d9}.gallery-tile.is-selected .gallery-select-button svg{opacity:1}.gallery-options-menu{position:absolute;right:8px;bottom:44px;z-index:4;min-width:104px;overflow:hidden;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#1f1f23f5;box-shadow:0 18px 34px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gallery-options-menu button{display:flex;width:100%;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-size:13px;font-weight:800;text-align:left}.gallery-options-menu button:hover,.gallery-options-menu button:focus-visible{background:#ffffff14}.gallery-options-menu button.is-danger{color:#ff8585}.gallery-options-menu button.is-danger:hover,.gallery-options-menu button.is-danger:focus-visible{background:#ff4a4a1f}.gallery-empty{display:grid;min-height:260px;place-items:center;align-content:center;gap:10px;color:var(--text-muted);text-align:center}.gallery-empty span{color:var(--text);font-size:14px;font-weight:800}.gallery-empty small{color:var(--text-muted);font-size:12px;font-weight:700}@media(hover:none){.gallery-select-button,.gallery-options-button{opacity:1;transform:translateY(0)}}@media(max-width:760px){.section-workspace{padding:22px 16px 72px}.section-workspace-head{align-items:flex-start;flex-direction:column}.section-workspace-head .gallery-bulk-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.section-workspace-head .gallery-bulk-actions button{height:36px;padding:0 11px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}}.loading-screen,.error-screen{display:grid;min-height:100vh;place-content:center;gap:var(--space-xs);color:var(--text-muted);background:var(--canvas-bg)}.loading-screen{background:var(--canvas-bg)}.brand-loader{display:grid;justify-items:center;gap:var(--space-xs);min-width:240px}.brand-loader-logo{display:grid;width:220px;height:92px;place-items:center;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-paper-2);animation:loading-mark-reveal var(--dur-long) var(--ease-out) both}.brand-loader-logo img{width:200px;height:72px;object-fit:contain}.brand-loader-logo-on-dark{display:none;mix-blend-mode:screen}[data-theme=dark] .brand-loader-logo-on-light{display:none}[data-theme=dark] .brand-loader-logo-on-dark{display:block}.brand-loader-copy{display:inline-flex;align-items:baseline;gap:4px;color:var(--text);font-size:15px;font-weight:700}.loading-dots{display:inline-flex;gap:3px;width:24px}.loading-dots i{width:4px;height:4px;border-radius:999px;background:var(--accent-warm);opacity:.28;animation:loading-dot var(--dur-loading) var(--ease-in-out) infinite}.loading-dots i:nth-child(2){animation-delay:calc(var(--dur-loading) / 6)}.loading-dots i:nth-child(3){animation-delay:calc(var(--dur-loading) / 3)}@keyframes loading-mark-reveal{0%{opacity:0}to{opacity:1}}@keyframes loading-dot{0%,80%,to{opacity:.28}38%{opacity:1}}@media(prefers-reduced-motion:reduce){.brand-loader-logo{animation:none}.loading-dots i,.project-name-spinner{animation:none;opacity:1}}.error-screen{color:#ff8a96}.workspace{position:relative;flex:1 1 auto;min-width:0;height:100vh;overflow:hidden}.canvas-wrap{position:relative;width:100%;height:100%;overflow:hidden;outline:none;background:var(--canvas-bg)}.canvas-dot-grid-plane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--canvas-bg);background-image:radial-gradient(circle,var(--canvas-dot) 1.1px,transparent 1.1px);background-position:0 0;background-repeat:repeat;background-size:30px 30px}.konva-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.konva-shell canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='26' viewBox='-12 -5 120 145'%3E%3Cpath d='M60.56 122.49c-1.63 0.83-3.68 0.29-4.56-1.22L38.48 91.1l-17.38 19.51c-5.24 5.88-12.16 7.34-12.85-1.57L0 1.59C-0.04 1.03 0.2 0.46 0.65 0.13C1.17-0.1 1.78-0.02 2.24 0.3l88.92 60.87c7.37 5.05 2.65 10.31-5.06 11.91l-25.58 5.3l17.37 30.26c0.86 1.51 0.31 3.56-1.22 4.55L60.56 122.49Z' fill='white' stroke='white' stroke-width='10' stroke-linejoin='round'/%3E%3Cpath d='M60.56 122.49c-1.63 0.83-3.68 0.29-4.56-1.22L38.48 91.1l-17.38 19.51c-5.24 5.88-12.16 7.34-12.85-1.57L0 1.59C-0.04 1.03 0.2 0.46 0.65 0.13C1.17-0.1 1.78-0.02 2.24 0.3l88.92 60.87c7.37 5.05 2.65 10.31-5.06 11.91l-25.58 5.3l17.37 30.26c0.86 1.51 0.31 3.56-1.22 4.55L60.56 122.49Z' fill='%231A1918'/%3E%3C/svg%3E") 2 1,default}.top-project-bar{position:absolute;top:20px;left:28px;z-index:12;display:flex;align-items:center;gap:12px;pointer-events:none}.brand-mark,.save-button{border:1px solid rgba(255,255,255,.09);background:#1a1918db;color:var(--text)}.brand-mark{display:grid;width:42px;height:32px;place-content:center;border-radius:10px;pointer-events:auto}.top-project-bar h1{margin:0;color:#fff;font-size:22px;font-weight:800}.project-name-control{position:relative;max-width:min(560px,calc(100vw - 220px));min-width:0;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);box-shadow:var(--shadow-panel);pointer-events:auto}.project-name-heading{display:flex;min-width:0;align-items:center;color:inherit}.project-name-trigger,.project-name-input-shell,.project-name-input-shell input{min-width:0;color:inherit;font:inherit}.project-name-trigger{display:flex;width:100%;min-height:44px;align-items:center;gap:var(--space-2xs);padding:0 var(--space-xs);overflow:hidden;border:0;border-radius:calc(var(--radius-input) - var(--rule-hair));background:transparent;cursor:text;text-align:left;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.project-name-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-name-trigger svg{flex:0 0 auto;color:var(--color-muted)}.project-name-trigger:focus-visible,.project-name-input-shell input:focus-visible,.minimap canvas:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}.project-name-trigger:active{transform:translateY(var(--rule-hair))}.project-name-trigger:disabled{cursor:not-allowed;opacity:.55}.project-name-input-shell{position:relative;display:flex;width:clamp(180px,28vw,520px);min-height:44px;align-items:center}.project-name-input-shell input{width:100%;height:44px;padding:0 calc(var(--space-lg) + var(--space-2xs)) 0 var(--space-xs);border:0;border-radius:calc(var(--radius-input) - var(--rule-hair));outline:var(--rule-fine) solid transparent;outline-offset:var(--rule-fine);background:var(--color-paper)}.project-name-control.is-error{border-color:var(--color-danger)}.project-name-control.is-error .project-name-input-shell input{background:var(--color-danger-soft)}.project-name-spinner{position:absolute;right:var(--space-xs);color:var(--color-accent);animation:project-name-spin var(--dur-loading) linear infinite}.project-name-error{position:absolute;top:calc(100% + var(--space-3xs));left:0;width:max-content;max-width:min(360px,calc(100vw - 56px));padding:var(--space-2xs) var(--space-xs);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-danger);box-shadow:var(--shadow-panel);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.4}@media(hover:hover){.project-name-trigger:hover{background:var(--color-hover-surface)}.project-name-trigger:hover svg{color:var(--color-accent)}}@keyframes project-name-spin{to{transform:rotate(1turn)}}.top-actions{position:absolute;top:9px;right:14px;z-index:30;display:flex;align-items:center;gap:10px}.save-button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:999px;cursor:pointer}.storm-sidebar{z-index:35;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:4px 0 24px #00000038}.storm-sidebar.is-collapsed .sidebar-head{justify-content:center}.sidebar-head{position:relative;display:flex;height:52px;align-items:center;justify-content:center;border-bottom:1px solid var(--panel-border)}.sidebar-head h2{margin:0;font-size:18px;font-weight:800}.sidebar-head button{position:absolute;right:13px;display:grid;width:28px;height:28px;place-content:center;border:1px solid var(--panel-border-strong);border-radius:8px;background:#222228;color:var(--text-muted);cursor:pointer}.storm-sidebar.is-collapsed .sidebar-head button{position:static}.collapse-strip{height:30px;border:0;border-bottom:1px solid var(--panel-border);background:transparent;color:var(--text-muted);cursor:pointer}.collapse-strip span{display:inline-block}.storm-sidebar.is-collapsed .collapse-strip{display:grid;height:calc(100vh - 52px);place-items:center;border-bottom:0;border-top:1px solid var(--panel-border);padding:12px 0;writing-mode:vertical-rl}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 12px;border-bottom:1px solid var(--panel-border)}.category-button{display:grid;height:54px;place-items:center;gap:4px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.category-button span{font-size:13px;font-weight:600}.category-button:hover,.category-button.is-active{border-color:var(--panel-border-strong);background:#2a2a30;color:var(--text)}.search-shell{display:flex;align-items:center;gap:8px;margin:12px;padding:10px 14px;border:1px solid var(--panel-border-strong);border-radius:999px;background:var(--panel-raised);color:var(--text-dim)}.search-shell input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.search-shell input::placeholder{color:var(--text-dim)}.tool-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:132px;align-content:start;gap:8px;flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 12px 14px}.tool-card-grid::-webkit-scrollbar{width:6px}.tool-card-grid::-webkit-scrollbar-thumb{border-radius:999px;background:#333}.tool-card{position:relative;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101014;cursor:pointer;text-align:left}.tool-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.tool-card:hover img{transform:scale(1.05)}.tool-card.is-selected{border-color:#4a90d9e6;box-shadow:0 0 0 2px #4a90d924}.favorite-dot{position:absolute;bottom:13px;left:10px;display:grid;width:18px;height:18px;place-content:center;border-radius:999px;background:#ffffff38;color:#fff;font-size:11px}.tool-card-copy{position:absolute;inset-inline:0;bottom:0;display:grid;gap:2px;min-height:50px;padding:34px 8px 9px 31px;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.48),transparent)}.tool-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-card-copy strong{font-size:13px}.bottom-toolbar{position:absolute;bottom:20px;left:50%;z-index:28;display:flex;align-items:center;gap:4px;min-height:58px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#26262ae6;box-shadow:0 16px 40px #00000042;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-toolbar button{position:relative;display:inline-flex;height:40px;min-width:40px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:transparent;color:var(--text);cursor:pointer;transition:background .16s ease,transform .16s ease}.bottom-toolbar button:hover,.bottom-toolbar button.is-active{background:#0003}.bottom-toolbar button:active{transform:scale(.96)}.bottom-toolbar button span{padding-right:4px;font-size:12px;font-weight:800;white-space:nowrap}.toolbar-divider{position:absolute;right:-7px;width:1px;height:24px;background:#ffffff14}.bottom-toolbar .danger-action{color:var(--danger)}.hidden-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.upload-feedback{position:absolute;bottom:88px;left:50%;z-index:29;min-width:140px;padding:9px 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#26262af0;color:var(--text);font-size:13px;font-weight:700;text-align:center;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.upload-feedback.is-error{border-color:#ff5b6e52;color:#ff9aa5}@keyframes upload-feedback-refund-fade{0%,72%{opacity:1}to{opacity:0;transform:translate(-50%,4px)}}.generation-refund-feedback{bottom:140px;border-color:var(--color-rule-strong);color:var(--text);animation:upload-feedback-refund-fade 2.6s ease-out forwards}.selection-quick-actions{position:absolute;z-index:31;display:inline-flex;align-items:center;gap:0;max-width:min(1040px,calc(100vw - 336px));min-height:58px;overflow-x:auto;overflow-y:hidden;padding:0 18px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#26262bf5;box-shadow:0 20px 48px #00000061,inset 0 1px #ffffff0f;transform:translate(-50%,-100%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none}.selection-quick-actions::-webkit-scrollbar{display:none}.selection-quick-actions button,.canvas-context-menu button,.crop-panel button,.image-edit-modal button,.brush-panel button{border:0;color:var(--text);cursor:pointer}.selection-quick-actions button{position:relative;display:inline-flex;height:56px;align-items:center;justify-content:center;gap:8px;padding:0 10px;border-radius:14px;background:transparent;font-size:14px;font-weight:700;white-space:nowrap}.selection-quick-actions button:hover,.canvas-context-menu button:hover,.crop-panel button:hover,.image-edit-modal button:hover,.brush-panel button:hover{background:#ffffff14}.selection-quick-actions button:disabled{cursor:not-allowed;opacity:.4}.selection-quick-actions button:disabled:hover{background:transparent}.selection-quick-actions .has-divider{margin-left:8px}.selection-quick-actions .has-divider:before{position:absolute;left:-4px;width:1px;height:30px;background:#ffffff1a;content:""}.selection-quick-actions .icon-only{width:46px;padding:0}.selection-quick-actions .is-danger,.canvas-context-menu .is-danger{color:#ff8795}.upscale-dropdown{position:absolute;z-index:34;display:grid;min-width:88px;gap:2px;padding:6px;border-radius:12px;transform:translate(-50%)}.upscale-dropdown button{height:34px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-size:14px;font-weight:800}.upscale-dropdown button:hover,.upscale-dropdown button:focus-visible{background:#ffffff14}.outpaint-floating-panel{position:absolute;z-index:34;display:grid;width:288px;gap:10px;padding:12px;border-radius:14px;transform:translate(-50%)}.outpaint-floating-panel header{display:flex;align-items:center;justify-content:space-between}.outpaint-floating-panel strong{font-size:15px;font-weight:850}.outpaint-control-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;color:var(--text-muted);font-size:12px;font-weight:800}.outpaint-control-row div,.outpaint-ratio-grid{display:flex;flex-wrap:wrap;gap:6px}.outpaint-control-row button,.outpaint-ratio-grid button,.outpaint-floating-panel footer button{height:29px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:800}.outpaint-control-row button{min-width:46px}.outpaint-ratio-grid button{min-width:58px;padding:0 8px}.outpaint-control-row button:hover,.outpaint-ratio-grid button:hover,.outpaint-control-row button.is-active,.outpaint-ratio-grid button.is-active{border-color:#ffffff29;background:#ffffff1a;color:var(--text)}.outpaint-floating-panel p{margin:0;color:var(--text-muted);font-size:12px;font-weight:800}.outpaint-floating-panel footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.outpaint-floating-panel footer button{height:34px}.outpaint-floating-panel .outpaint-generate{border-color:transparent;background:var(--text);color:#101014}.canvas-context-menu{position:fixed;z-index:60;display:grid;width:260px;gap:2px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#16161af5;box-shadow:0 18px 50px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-context-menu .context-menu-item-wrap{display:grid}.canvas-context-menu button{display:inline-flex;height:36px;align-items:center;gap:8px;padding:0 12px;border-radius:8px;background:transparent;font-size:14px;font-weight:600;text-align:left}.canvas-context-menu button span{flex:1}.canvas-context-menu button em{color:var(--text-dim);font-size:12px;font-style:normal;font-weight:600}.canvas-context-menu .context-menu-item-wrap>i{display:block;height:1px;margin:4px 8px;background:#ffffff14}.crop-panel{position:absolute;left:62%;bottom:216px;z-index:34;display:grid;width:292px;gap:12px;padding:12px;border-radius:12px;transform:translate(-50%)}.crop-panel-head{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--panel-border)}.crop-panel-head strong{flex:1;font-size:14px}.crop-panel-head button{display:grid;width:28px;height:28px;place-content:center;border:1px solid var(--panel-border-strong);border-radius:8px;background:#222228;color:var(--text-muted)}.crop-panel-title{color:var(--text);font-size:14px;font-weight:800}.crop-size-row{display:flex;align-items:center;gap:8px}.crop-size-row label{display:flex;min-width:0;flex:1;align-items:center;gap:6px;height:37px;padding:0 10px;border:1px solid var(--panel-border-strong);border-radius:8px;background:#111115b8;color:var(--text-dim);font-size:12px;font-weight:800}.crop-size-row input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text)}.crop-size-row button{display:grid;width:37px;height:37px;place-content:center;border:1px solid var(--panel-border-strong);border-radius:8px;background:#111115b8;color:var(--text-muted)}.crop-size-row button.is-active{color:var(--text)}.crop-menu-kicker{color:var(--text-muted);font-size:12px;font-weight:800}.crop-preset-list{display:grid;gap:2px}.crop-preset-list button{display:inline-flex;height:24px;align-items:center;justify-content:flex-start;gap:8px;padding:0 8px;border-radius:8px;background:transparent;font-size:12px;font-weight:700}.crop-preset-list button.is-selected,.crop-preset-list button:hover{background:#ffffff14}.crop-ratio-icon{display:grid;width:24px;place-content:center}.crop-ratio-icon i{display:block;border:1.5px solid currentColor;border-radius:2px;opacity:.82}.crop-ratio-icon.is-square i{width:13px;height:13px}.crop-ratio-icon.is-portrait i{width:10px;height:15px}.crop-ratio-icon.is-landscape i{width:16px;height:11px}.crop-ratio-icon.is-wide i{width:18px;height:9px}.crop-panel-actions{display:grid;gap:8px;padding-top:4px}.crop-panel-actions div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crop-panel-actions button{height:33px;border:1px solid var(--panel-border-strong);border-radius:8px;background:transparent;font-size:13px;font-weight:800}.crop-panel-actions .crop-restore{height:29px;color:var(--text-muted);font-size:12px}.crop-panel-actions .crop-confirm{border-color:transparent;background:var(--text);color:#101014}.crop-frame-layer{position:absolute;z-index:33;pointer-events:none}.crop-frame-box{position:absolute;border:2px solid #ffffff;box-shadow:0 0 0 9999px #0000006b,0 14px 38px #0000002e;cursor:move;pointer-events:auto;touch-action:none}.crop-frame-grid{position:absolute;display:block;background:#ffffff75;pointer-events:none}.crop-frame-grid.is-v{top:0;bottom:0;left:33.333%;width:1px}.crop-frame-grid.is-v.is-second{left:66.666%}.crop-frame-grid.is-h{left:0;right:0;top:33.333%;height:1px}.crop-frame-grid.is-h.is-second{top:66.666%}.crop-frame-handle{position:absolute;width:14px;height:14px;padding:0;border:2px solid #ffffff;border-radius:4px;background:#1d1d22;box-shadow:0 2px 10px #00000057}.crop-frame-handle:disabled{opacity:.5}.crop-frame-handle.is-nw{top:-8px;left:-8px;cursor:nwse-resize}.crop-frame-handle.is-n{top:-8px;left:50%;transform:translate(-50%);cursor:ns-resize}.crop-frame-handle.is-ne{top:-8px;right:-8px;cursor:nesw-resize}.crop-frame-handle.is-e{top:50%;right:-8px;transform:translateY(-50%);cursor:ew-resize}.crop-frame-handle.is-se{right:-8px;bottom:-8px;cursor:nwse-resize}.crop-frame-handle.is-s{bottom:-8px;left:50%;transform:translate(-50%);cursor:ns-resize}.crop-frame-handle.is-sw{bottom:-8px;left:-8px;cursor:nesw-resize}.crop-frame-handle.is-w{top:50%;left:-8px;transform:translateY(-50%);cursor:ew-resize}.grid-crop-menu{position:absolute;left:calc(50% - 128px);bottom:84px;z-index:36;display:grid;width:200px;gap:1px;padding:6px;border-radius:12px;transform:translate(-50%)}.grid-crop-row{display:inline-flex;height:36px;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--text);cursor:pointer;font-size:14px}.grid-crop-row:hover{background:#ffffff14}.grid-crop-icon{display:grid;width:18px;height:18px;grid-template-columns:repeat(3,1fr);gap:2px}.grid-crop-icon.is-2x2{grid-template-columns:repeat(2,1fr)}.grid-crop-icon i{min-width:0;min-height:0;border:1px solid currentColor;border-radius:1px;opacity:.74}.grid-custom-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 6px 4px}.grid-custom-controls label{display:grid;gap:4px;color:var(--text-muted);font-size:11px;font-weight:800}.grid-custom-controls input{width:100%;height:30px;border:1px solid var(--panel-border-strong);border-radius:8px;outline:0;background:#111115;color:var(--text);padding:0 8px}.grid-custom-controls .grid-custom-apply{grid-column:1 / -1;height:32px;border:0;border-radius:8px;background:var(--text);color:#101014;cursor:pointer;font-size:12px;font-weight:850}.crop-panel button:disabled,.grid-crop-menu button:disabled,.segmented button:disabled,.image-edit-modal button:disabled,.brush-panel button:disabled{cursor:not-allowed;opacity:.42}.brush-panel{position:absolute;top:132px;right:12px;z-index:33;width:340px;overflow:hidden;border-radius:16px}.brush-panel{width:364px}.ab-compare-select-toast{position:absolute;top:64px;left:50%;z-index:70;display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 20px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#26262af5;box-shadow:0 14px 42px #0000004d;color:var(--text);font-size:14px;font-weight:760;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ab-compare-select-toast button{height:32px;padding:0 12px;border:0;border-radius:9px;background:#ffffff14;color:var(--text);cursor:pointer;font-size:13px;font-weight:800}.ab-compare-select-toast button:hover,.ab-compare-select-toast button:focus-visible{background:#ffffff24}.ab-compare-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;display:grid;place-items:center;padding:60px 108px;background:#000c}.ab-compare-fullscreen-stage{--split: 50%;position:relative;width:min(1492px,calc(100vw - 216px));height:min(814px,calc(100vh - 120px));overflow:hidden;cursor:col-resize;-webkit-user-select:none;user-select:none}.ab-compare-fullscreen-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.ab-compare-after{opacity:.98}.ab-compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.ab-compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#ffffffdb;box-shadow:0 0 0 1px #0000002e;transform:translate(-1px)}.ab-compare-divider:before{position:absolute;top:50%;left:50%;width:34px;height:34px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:#141418cc;box-shadow:0 8px 22px #00000052;content:"";transform:translate(-50%,-50%)}.ab-compare-divider i,.ab-compare-divider b{position:absolute;left:50%;z-index:1;color:#fff;transform:translate(-50%)}.ab-compare-divider i{top:calc(50% - 9px);font-size:17px;font-style:normal;line-height:1}.ab-compare-divider b{top:calc(50% + 12px);font-size:12px;font-weight:800}.ab-compare-close{position:absolute;top:24px;right:24px;z-index:1;height:36px;padding:0 16px;border:0;border-radius:9px;background:#26262af5;box-shadow:0 12px 34px #00000047;color:var(--text);cursor:pointer;font-size:14px;font-weight:800;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ab-compare-close:hover,.ab-compare-close:focus-visible{filter:brightness(1.08)}.quick-edit-bar{position:absolute;left:50%;bottom:72px;z-index:34;display:grid;grid-template-columns:auto minmax(0,1fr) 28px;width:min(560px,calc(100vw - 560px));min-width:420px;gap:10px 13px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#1f1f23f7;box-shadow:0 22px 60px #0000006b;color:#f4f4f5;transform:translate(-50%)}.quick-edit-images{display:flex;align-items:center;gap:8px}.quick-edit-source{position:relative;display:grid;width:58px;height:42px;overflow:hidden;border-radius:9px;background:#111}.quick-edit-source img,.quick-edit-reference-preview img{width:100%;height:100%;object-fit:cover}.quick-edit-source span,.quick-edit-reference-preview span{position:absolute;right:4px;bottom:4px;padding:2px 5px;border-radius:5px;background:#00000094;color:#fff;font-size:11px;font-weight:800;pointer-events:none}.quick-edit-reference-preview{position:relative;display:grid;width:58px;height:42px;overflow:visible;border:1px solid rgba(74,144,217,.52);border-radius:9px;background:#111}.quick-edit-reference-remove{position:absolute;top:-13px;right:-13px;display:grid;width:44px;height:44px;min-height:44px;padding:0;place-content:center;border:0;border-radius:999px;background:transparent;color:#fff}.quick-edit-reference-remove:before{position:absolute;width:18px;height:18px;border-radius:inherit;background:#000000ad;content:""}.quick-edit-reference-remove svg{position:relative}.quick-edit-reference-remove:hover:before,.quick-edit-reference-remove:focus-visible:before{background:#000000e0}.quick-edit-bar textarea{width:100%;min-height:42px;resize:none;border:0;outline:0;background:transparent;color:#f4f4f5;font:inherit;font-size:13px}.quick-edit-bar textarea::placeholder{color:#8d9096}.quick-edit-bar footer{grid-column:1 / -1;display:flex;min-width:0;align-items:center;gap:8px}.quick-edit-model,.quick-edit-reference{height:30px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:#f0f1f3}.quick-edit-model{width:172px;min-width:0;max-width:190px;padding:0 10px;font-size:12px;font-weight:760}.quick-edit-model-control{position:relative;flex:0 1 172px;min-width:0}.quick-edit-model-menu{position:absolute;bottom:calc(100% + 10px);left:0;z-index:12;width:172px}.quick-edit-model-menu button{background:transparent;cursor:pointer}.quick-edit-reference{display:inline-flex;max-width:148px;align-items:center;gap:6px;padding:0 10px;overflow:hidden;color:#c5c7cb;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.quick-edit-reference.has-image{border-style:solid;border-color:#4a90d985;color:#d9ebff}.quick-edit-reference-hint{display:grid;width:28px;height:28px;place-content:center;color:#898c93}.quick-edit-submit{display:inline-flex;width:34px;height:34px;min-width:34px;align-items:center;justify-content:center;margin-left:auto;padding:0;border:0;border-radius:999px;background:#f4f4f5;color:#18181b;font-size:13px;font-weight:900}.quick-edit-submit:disabled{cursor:wait;opacity:.72}.quick-edit-close{display:grid;width:28px;height:28px;place-content:center;border:0;border-radius:8px;background:transparent;color:#aeb1b7}.quick-edit-close:hover{background:#ffffff14}.quick-edit-bar>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.brush-body{display:grid;gap:13px;padding:12px}.adjustment-row{display:grid;grid-template-columns:58px minmax(0,1fr) 48px;align-items:center;gap:9px;color:var(--text-muted);font-size:12px;font-weight:800}.adjustment-row input[type=range]{width:100%;accent-color:var(--accent-warm)}.adjustment-row em{color:var(--text);font-style:normal;text-align:right}.panel-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:8px}.panel-actions button{display:inline-flex;height:36px;align-items:center;justify-content:center;gap:7px;border-radius:10px;background:#ffffff0f;font-size:12px;font-weight:850}.panel-actions .panel-primary{background:#ededec;color:#1a1918}.image-edit-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:28px;background:#0000009e}.image-edit-modal{position:relative;display:flex;width:min(920px,calc(100vw - 56px));max-height:calc(100vh - 56px);flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 26px 80px #0000006b;color:#1f2328}.image-edit-processing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;background:#ffffffe6;color:#2a2f35;text-align:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.image-edit-processing strong{font-size:14px}.image-edit-processing span{max-width:320px;color:#6b7280;font-size:12px;line-height:1.45}.is-spinning{animation:spin .9s linear infinite}.image-edit-modal-head,.image-edit-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px}.image-edit-modal-head{border-bottom:1px solid #eef0f3}.image-edit-modal-head div{display:grid;gap:3px}.image-edit-modal-head strong{color:#1f2328;font-size:15px}.image-edit-modal-head span{color:#9aa1aa;font-size:12px}.image-edit-modal-head button{display:grid;width:30px;height:30px;place-content:center;border-radius:9px;background:transparent;color:#9aa1aa}.image-edit-modal-head button:hover{background:#f3f4f6;color:#4b5563}.image-edit-modal-body{display:grid;min-height:0;gap:10px;padding:20px 20px 12px;overflow:auto}.image-edit-canvas-frame{display:flex;justify-content:center;overflow:hidden}.image-edit-canvas-frame canvas{max-width:100%;max-height:calc(100vh - 214px);border:1px solid #e5e7eb;border-radius:10px;background:linear-gradient(45deg,#f5f5f5 25%,transparent 25%),linear-gradient(-45deg,#f5f5f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f5f5f5 75%),linear-gradient(-45deg,transparent 75%,#f5f5f5 75%),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;cursor:crosshair;touch-action:none}.image-edit-canvas-frame canvas.is-empty{cursor:not-allowed}.image-edit-modal-foot{border-top:1px solid #eef0f3}.image-edit-clear,.image-edit-size-step{background:#f3f4f6;color:#6b7280}.image-edit-clear{height:30px;padding:0 10px;border-radius:9px;font-size:12px;font-weight:750}.image-edit-brush-controls{display:inline-flex;align-items:center;gap:7px;color:#4b5563}.image-edit-size-step{display:grid;width:28px;height:28px;place-content:center;border-radius:9px}.image-edit-brush-controls span{width:26px;color:#4b5563;font-size:12px;text-align:center}.image-edit-brush-controls input[type=range]{width:86px;accent-color:#1f2328}.image-edit-modal-actions{display:inline-flex;align-items:center;gap:8px}.image-edit-modal-actions button{display:inline-flex;height:36px;align-items:center;justify-content:center;gap:6px;padding:0 16px;border-radius:10px;background:transparent;color:#4b5563;font-size:13px;font-weight:750}.image-edit-modal-actions button:hover{background:#f3f4f6}.image-edit-modal-actions .image-edit-confirm{background:#1f2328;color:#fff}.image-edit-modal-actions .image-edit-confirm:hover{background:#343941}.brush-body canvas{width:100%;height:auto;border:1px solid var(--panel-border-strong);border-radius:12px;background:#111115;cursor:crosshair;touch-action:none}.brush-body canvas.is-empty{cursor:not-allowed}.brush-warning{margin:-4px 0 0;color:#ff9aa5;font-size:12px;line-height:1.45}.inline-brush-canvas{position:absolute;z-index:34;cursor:crosshair;touch-action:none}.inline-brush-toolbar{position:absolute;left:50%;bottom:88px;z-index:35;display:inline-flex;align-items:center;gap:11px;min-height:48px;padding:8px 14px;border:1px solid rgba(255,255,255,.09);border-radius:0 0 18px 18px;background:#26262bf7;box-shadow:0 18px 52px #0000005c;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.inline-brush-toolbar button{display:grid;min-width:30px;height:30px;place-content:center;border:0;border-radius:9px;background:transparent;color:var(--text);cursor:pointer}.inline-brush-toolbar button:hover{background:#ffffff14}.inline-brush-toolbar button.is-active{background:#ffffff1f;color:#fff}.inline-brush-toolbar button:disabled{cursor:not-allowed;opacity:.42}.inline-brush-toolbar button.inline-brush-color{min-width:28px;width:28px;height:28px;border:2px solid rgba(255,255,255,.2);border-radius:999px;background:#ff1c1c;box-shadow:0 0 0 1px #00000047}.inline-brush-toolbar button.inline-brush-color:hover,.inline-brush-toolbar button.inline-brush-color.is-active{background:#ff1c1c}.inline-brush-toolbar button.inline-brush-color.is-active{border-color:#ffffffc2;box-shadow:0 0 0 1px #00000052,0 0 0 4px #ff1c1c29}.inline-brush-shape-wrap{position:relative;display:grid}.inline-brush-shape-menu{position:absolute;top:40px;left:-86px;display:grid;width:210px;gap:3px;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#26262bfa;box-shadow:0 16px 42px #00000061}.inline-brush-shape-menu button{display:grid;grid-template-columns:22px 1fr auto;width:100%;height:36px;align-items:center;justify-content:stretch;gap:10px;padding:0 9px;text-align:left}.inline-brush-shape-menu span{font-size:14px;font-weight:850}.inline-brush-shape-menu em{min-width:auto;color:#ffffff5c;font-size:11px}.inline-brush-text-entry{position:absolute;z-index:36;min-width:96px;height:auto;border:1px dashed rgba(255,28,28,.7);border-radius:4px;outline:0;background:#0000000a;color:#ff1c1c;font-family:inherit;font-weight:800;line-height:1.2;padding:2px 4px;transform:translateY(-2px);caret-color:#ff1c1c;text-shadow:0 1px 2px rgba(0,0,0,.28)}.inline-brush-text-entry:focus{border-color:#ff1c1c;background:#ff1c1c0d}.inline-brush-toolbar input[type=range]{width:min(420px,31vw);accent-color:#ededec}.inline-brush-toolbar em{min-width:38px;color:var(--text-muted);font-size:12px;font-style:normal;font-weight:800}.inline-brush-toolbar .inline-brush-merge{width:auto;padding:0 12px;color:#fff;font-size:13px;font-weight:850}.inline-brush-toolbar .inline-brush-close{margin-left:-4px;color:var(--text-muted)}.image-editor-workspace{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;overflow:hidden;background:#050506;color:#f5f6f7}.image-editor-workspace button,.image-editor-workspace select,.image-editor-workspace input{color:inherit}.image-editor-workspace button{border:0;background:transparent;cursor:pointer}.image-editor-workspace button:disabled{cursor:not-allowed;opacity:.42}.image-editor-processing{z-index:12;background:#040405d1;color:#fff}.image-editor-topbar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(260px,1fr);align-items:center;gap:14px;height:58px;padding:8px 16px;background:#050506}.image-editor-file-meta,.image-editor-window-actions,.image-editor-main-tools{display:inline-flex;align-items:center}.image-editor-file-meta{gap:10px}.image-editor-size-pill{display:inline-flex;align-items:center;gap:5px;color:#4a90d9;font-size:17px;font-weight:500}.image-editor-toggle-dot{width:19px;height:19px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #ffffff52}.image-editor-main-tools{justify-self:center;min-height:42px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#202024f0;box-shadow:0 16px 46px #00000059}.image-editor-main-tools button{position:relative;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;color:#e7e7e8;font-size:13px;font-weight:700;white-space:nowrap}.image-editor-main-tools button+button:before{position:absolute;left:0;width:1px;height:20px;background:#ffffff14;content:""}.image-editor-main-tools button:hover,.image-editor-main-tools button.is-active,.image-editor-side-tools button:hover,.image-editor-side-tools button.is-active{background:#ffffff14}.image-editor-window-actions{justify-self:end;gap:10px}.image-editor-window-actions button{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;gap:6px;border-radius:999px;color:#d7d7d9}.image-editor-window-actions button:hover{background:#ffffff14}.image-editor-window-actions .image-editor-save{min-width:112px;padding:0 14px;background:#2563eb;color:#fff;font-size:13px;font-weight:800}.image-editor-window-actions .image-editor-save:hover{background:#2f6ff5}.image-editor-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0;flex:1;background:#050506}.image-editor-stage-wrap{position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;overflow:auto;padding:34px 26px 34px 82px}.image-editor-canvas-frame{position:relative;display:flex;width:fit-content;max-width:100%;max-height:100%;align-items:center;justify-content:center;overflow:visible;transform-origin:center;transition:transform .18s ease}.image-editor-canvas-frame canvas{display:block;max-width:min(100%,calc(100vw - 430px));max-height:calc(100vh - 128px);border:1px solid rgba(255,255,255,.15);background-color:var(--color-image-editor-canvas);background-image:linear-gradient(45deg,var(--color-image-editor-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--color-image-editor-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-image-editor-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--color-image-editor-checker) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-shadow:0 22px 70px #00000057;cursor:default;touch-action:none}.image-editor-canvas-frame canvas:not(.is-empty){cursor:crosshair}.image-editor-canvas-frame canvas.is-tool-move:not(.is-empty){cursor:grab}.image-editor-canvas-frame canvas.is-tool-move:not(.is-empty):active{cursor:grabbing}.image-editor-lasso-selection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.image-editor-lasso-selection polyline{fill:#4a90d92e;stroke:#fffffff5;stroke-width:1.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.image-editor-box-selection{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.95);background:#4a90d938;box-shadow:0 0 0 1px #4a90d9a6,0 10px 26px #0000003d;pointer-events:none}.image-editor-box-selection.is-add{background:#4a90d947}.image-editor-box-selection.is-subtract{border-style:dashed;background:#ff5b6e38;box-shadow:0 0 0 1px #ff5b6e9e,0 10px 26px #0000003d}.image-editor-side-tools{position:absolute;top:50%;left:18px;z-index:6;display:grid;gap:8px;width:48px;padding:8px;border-radius:18px;background:#202024f0;box-shadow:0 18px 52px #0000006b;transform:translateY(-50%)}.image-editor-side-tools button{display:grid;width:32px;height:32px;place-content:center;border-radius:10px;color:#d7d7d9}.image-editor-side-tools button.is-active{background:#4a90d9;color:#fff}.image-editor-side-bottom{margin-top:8px}.image-editor-file-popover{position:absolute;top:38%;left:82px;z-index:7;display:grid;width:252px;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#202024eb;box-shadow:0 20px 62px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.image-editor-file-popover button{display:inline-flex;height:42px;align-items:center;justify-content:center;gap:7px;border-radius:9px;background:#4a90d9;color:#fff;font-size:13px;font-weight:800}.image-editor-file-popover strong{color:#bfc1c6;font-size:13px}.image-editor-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:208px;overflow:auto}.image-editor-source-grid button{display:block;width:100%;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#111113}.image-editor-source-grid button:hover,.image-editor-source-grid button:focus-visible{border-color:#4a90d9b8;outline:0}.image-editor-source-grid img{width:100%;height:100%;display:block;border-radius:0;object-fit:cover}.image-editor-tool-popover{position:absolute;top:42%;left:82px;z-index:7;display:grid;width:282px;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#202024f5;box-shadow:0 18px 44px #00000061}.image-editor-tool-popover.is-compact{width:210px;padding:11px 13px}.image-editor-tool-popover p{margin:0;color:#a8abb1;font-size:12px;line-height:1.55}.image-editor-setting-row{display:grid;grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:9px;color:#bfc1c6;font-size:12px}.image-editor-setting-row input{width:100%;accent-color:#4a90d9}.image-editor-setting-row em{color:#d9dade;font-style:normal;text-align:right}.image-editor-lasso-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-editor-lasso-modes button{height:30px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#ffffff08;color:#bfc1c6;font-size:12px;font-weight:760}.image-editor-lasso-modes button.is-active{border-color:#4a90d9b8;background:#4a90d9;color:#fff}.image-editor-history-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-editor-history-actions button{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#d9dade;font-size:12px;font-weight:760}.image-editor-modifier-help{color:#6f7278!important}.image-editor-local-panel{position:absolute;left:calc((100% - 300px)/2);bottom:22px;z-index:8;display:grid;width:min(520px,calc(100vw - 520px));min-height:132px;transform:translate(-50%);gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#1f1f22f7;box-shadow:0 22px 60px #0000006b}.image-editor-local-panel.is-expanded{width:min(720px,calc(100vw - 430px))}.image-editor-local-panel.is-expanded textarea{min-height:96px;resize:vertical}.image-editor-local-sources{display:flex;align-items:center;gap:10px}.image-editor-local-source-picker{position:relative;display:grid}.image-editor-local-thumb,.image-editor-local-add,.image-editor-local-expand{display:grid;width:38px;height:38px;place-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px;background:#ffffff0a!important;color:#d9dade}.image-editor-local-thumb img{width:100%;height:100%;object-fit:cover}.image-editor-local-add:hover,.image-editor-local-expand:hover{background:#ffffff14!important}.image-editor-local-source-menu{position:absolute;left:0;top:44px;z-index:12;display:grid;min-width:128px;overflow:hidden;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#252529fa;box-shadow:0 16px 36px #00000061}.image-editor-local-source-menu button{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 9px;border-radius:7px;color:#f1f1f2;font-size:13px;font-weight:700;text-align:left}.image-editor-local-source-menu button:hover{background:#ffffff14!important}.image-editor-local-expand{margin-left:auto}.image-editor-local-panel textarea{width:100%;min-height:38px;resize:none;border:0;outline:0;background:transparent;color:#f4f4f5;font:inherit;font-size:13px}.image-editor-local-panel textarea::placeholder{color:#a6a8ad}.image-editor-local-actions{display:grid;grid-template-columns:minmax(0,max-content) 1fr 38px;align-items:center;gap:10px}.image-editor-local-model{display:inline-flex;height:28px;align-items:center;gap:6px;padding:0 11px;border:1px solid rgba(255,255,255,.08)!important;border-radius:7px;background:#ffffff0d!important;color:#f1f1f2;font-size:12px;font-weight:800}.image-editor-local-selection{color:#c5c7cb;font-size:12px;font-weight:800}.image-editor-send-button{display:grid;width:38px;height:38px;place-content:center;border-radius:999px;background:#f4f4f5!important;color:#18181b!important}.image-editor-brush-size{position:absolute;left:50%;bottom:24px;z-index:4;display:inline-flex;align-items:center;gap:8px;min-width:260px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#1c1c20eb;box-shadow:0 16px 44px #00000059;color:#d7d7d9;font-size:12px;font-weight:800;transform:translate(-50%)}.image-editor-brush-size input{flex:1;min-width:120px;accent-color:#4a90d9}.image-editor-brush-size em{min-width:28px;color:#fff;font-style:normal;text-align:right}.image-editor-layer-panel{display:grid;align-content:start;gap:12px;min-height:0;padding:18px 12px;border-left:1px solid rgba(255,255,255,.06);background:#101012}.image-editor-layer-panel header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.image-editor-layer-panel header strong{font-size:15px}.image-editor-layer-panel header span,.image-editor-opacity,.image-editor-layer-row{color:#9a9da3;font-size:12px}.image-editor-layer-panel select{width:100%;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:7px;outline:0;background:#19191b;padding:0 10px}.image-editor-opacity{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.image-editor-opacity em{color:#d9dade;font-style:normal}.image-editor-opacity input{grid-column:1 / -1;width:100%;accent-color:#4a90d9}.image-editor-layer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.image-editor-layer-actions button{height:32px;border-radius:6px;background:#1d1d20;color:#bbbcc1;font-size:12px;font-weight:700}.image-editor-layer-list{display:grid;gap:4px}.image-editor-layer-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:6px;padding:6px;border-radius:8px}.image-editor-layer-row:hover,.image-editor-layer-row.is-active{background:#ffffff0a}.image-editor-layer-row.is-active{outline:1px solid rgba(74,144,217,.45)}.image-editor-layer-select{display:grid;grid-template-columns:18px 34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;color:inherit;text-align:left}.image-editor-layer-row img,.image-editor-layer-placeholder{width:34px;height:34px;border-radius:5px;object-fit:cover}.image-editor-layer-placeholder{display:block;border:1px dashed rgba(255,255,255,.22);background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25% 75%,rgba(255,255,255,.08) 75%),#17171a;background-size:10px 10px}.image-editor-layer-select>span:last-child{overflow:hidden;color:#d9dade;text-overflow:ellipsis;white-space:nowrap}.image-editor-layer-lock{display:grid;width:28px;height:28px;place-content:center;border-radius:6px;color:#8c8f96}.image-editor-layer-lock.is-active{color:#d9dade;background:#ffffff0f}.image-editor-ai-button{position:absolute;right:24px;bottom:24px;z-index:8;display:grid;width:52px;height:52px;place-content:center;border-radius:999px;background:#c936f4!important;color:#fff;box-shadow:0 16px 44px #c936f459}.image-editor-ai-drawer{position:absolute;right:24px;bottom:88px;z-index:9;display:grid;width:320px;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#18181cf5;box-shadow:0 22px 70px #00000075;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.image-editor-ai-drawer header{display:flex;align-items:center;justify-content:space-between}.image-editor-ai-drawer header strong{font-size:14px}.image-editor-ai-drawer header button{display:grid;width:28px;height:28px;place-content:center;border-radius:8px;color:#bfc1c6}.image-editor-ai-drawer header button:hover{background:#ffffff14}.image-editor-model-menu{display:grid;gap:8px}.image-editor-model-menu>span{padding:10px;color:#8f9298;font-size:12px;text-align:center}.image-editor-model-menu button{display:grid;min-height:48px;align-content:center;gap:3px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#202025;color:#d7d7d9;text-align:left}.image-editor-model-menu button strong{font-size:12px;font-weight:800}.image-editor-model-menu button span{color:#85888e;font-size:11px}.image-editor-model-menu button:hover,.image-editor-model-menu button.is-active{border-color:#4a90d96b;background:#4a90d933;color:#fff}.image-editor-ai-prompt{display:grid;gap:8px}.image-editor-ai-prompt span{color:#bfc1c6;font-size:12px;font-weight:800}.image-editor-ai-prompt textarea{width:100%;min-height:82px;resize:vertical;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:0;background:#101012;color:#fff;padding:10px;font-size:13px;line-height:1.45}.image-editor-ai-prompt textarea::placeholder{color:#6f7278}.image-editor-ai-confirm{height:36px;border-radius:10px;background:#ededec!important;color:#171719!important;font-size:13px;font-weight:850}.image-editor-notice{position:absolute;left:50%;bottom:84px;z-index:9;max-width:min(420px,calc(100vw - 680px));padding:9px 13px;border:1px solid rgba(74,144,217,.26);border-radius:999px;background:#18181cf0;box-shadow:0 16px 44px #00000052;color:#c7ddf3;font-size:12px;font-weight:800;transform:translate(-50%)}.image-editor-upload-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.minimap{position:absolute;right:12px;bottom:64px;z-index:24;width:210px;height:140px;-webkit-user-select:none;user-select:none}.minimap button{position:absolute;top:-10px;right:-10px;z-index:2;display:grid;width:22px;height:22px;place-content:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#282624f2;color:#ffffff8c;cursor:pointer}.minimap canvas{width:210px;height:140px;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 32px #00000052;cursor:crosshair;touch-action:none}.minimap span{position:absolute;bottom:9px;left:0;right:0;color:#ffffff38;font-size:10px;text-align:center}.floating-glass{border:1px solid rgba(255,255,255,.09);background:#16161af0;box-shadow:0 18px 50px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.asset-popover{position:absolute;right:248px;bottom:84px;z-index:27;display:flex;width:min(720px,calc(100vw - 620px));max-height:520px;min-width:500px;flex-direction:column;overflow:hidden;border-radius:18px}.asset-tabs,.drawer-head{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--panel-border)}.asset-tabs button,.asset-category-row button,.segmented button{border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer}.asset-tabs button{height:34px;padding:0 12px}.asset-tabs button.is-active,.asset-category-row button.is-active{border-color:#ffffff1a;background:var(--panel-raised);color:var(--text)}.asset-tabs .panel-icon{width:34px;margin-left:auto;padding:0}.asset-category-row{display:flex;gap:8px;padding:12px 14px 0}.asset-category-row button{height:28px;padding:0 12px;font-size:12px}.asset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow-y:auto;padding:14px}.asset-tile,.history-card,.prompt-tile,.result-card{border:0;background:transparent;color:inherit;cursor:pointer}.asset-tile{position:relative;display:grid;gap:8px;text-align:left}.asset-tile img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover}.asset-tile span{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;background:#00000094;font-size:11px}.asset-tile strong{color:var(--text-muted);font-size:12px}.prompt-tile{display:grid;gap:8px;min-height:122px;padding:12px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel-raised);text-align:left}.prompt-tile span{color:var(--text-muted);font-size:12px}.history-drawer{position:absolute;top:62px;right:12px;z-index:30;width:316px;max-height:calc(100vh - 94px);overflow:hidden;border-radius:16px}.drawer-head{justify-content:space-between}.drawer-head div{display:grid;gap:4px;min-width:0}.drawer-head strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.drawer-head span{overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.drawer-head button{display:grid;width:30px;height:30px;place-content:center;border:1px solid var(--panel-border-strong);border-radius:9px;background:#222228;cursor:pointer}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:calc(100vh - 176px);overflow-y:auto;padding:12px}.history-card{display:grid;gap:6px;text-align:left}.history-card img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover}.history-card span{color:var(--text-muted);font-size:11px}.agent-panel{display:flex;flex-direction:column}.agent-super-panel{width:300px;border-radius:0;background:#111115}.agent-super-panel .drawer-head{border-bottom:1px solid rgba(255,255,255,.08)}.agent-super-panel .drawer-head span{display:none}.agent-fields{display:grid;gap:10px;max-height:calc(100vh - 420px);overflow-y:auto;padding:0 12px}.agent-super-fields{gap:16px;max-height:calc(100vh - 226px);padding:12px}.agent-model-tabs{display:flex;flex-wrap:wrap;gap:8px}.agent-model-tabs button{min-height:34px;padding:0 13px;border:1px solid var(--panel-border-strong);border-radius:9px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px}.agent-model-tabs button:hover,.agent-model-tabs button:focus-visible{border-color:#7b60ffb8;color:var(--text)}.agent-model-tabs button.is-active,.agent-model-tabs button[aria-selected=true]{border-color:#695cff;background:#695cff2e;color:#f2f0ff}.field-block{display:grid;gap:8px}.agent-panel .field-switch{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:44px;gap:10px;padding:4px 0;cursor:pointer}.agent-panel .field-switch input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--color-accent);cursor:pointer}.agent-panel .field-switch em{min-width:2em;color:var(--text-muted);font-size:12px;font-style:normal;text-align:right}.field-block span{color:var(--text-muted);font-size:12px;font-weight:700}.field-block textarea,.field-block select,.field-block input[type=number],.field-block input[type=text]{width:100%;min-height:88px;resize:vertical;border:1px solid var(--panel-border-strong);border-radius:12px;outline:none;background:#111115;color:var(--text);padding:10px}.agent-prompt-field textarea{min-height:90px;border-color:var(--panel-border-strong);background:#2d2d33;font-size:14px}.field-block select,.field-block input[type=number],.field-block input[type=text]{min-height:38px}.field-block input[type=range]{accent-color:var(--accent)}.field-block small{color:var(--text-muted);font-size:11px;line-height:1.4}.segmented{display:flex;flex-wrap:wrap;gap:7px}.segmented button{height:30px;padding:0 10px;background:#111115;font-size:12px}.segmented button.is-active{border-color:#695cff;background:#695cff2e;color:#f2f0ff}.segmented-wrap button{min-height:30px;height:auto;padding:6px 10px}.agent-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hover-select-groups{display:grid;gap:10px}.hover-select-group{display:grid;gap:6px}.agent-variant-tabs{padding:0 12px}.agent-resolution-segmented button{min-width:52px;height:34px;border-radius:9px;background:#2d2d33;color:var(--text-muted);font-size:14px}.agent-resolution-segmented button.is-active{border-color:#f2f2f2;background:#f2f2f2;color:#1a1918}.desc-field,.source-pill{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px;border:1px solid rgba(74,144,217,.22);border-radius:12px;background:#4a90d917;color:#b9d7f4;font-size:12px;line-height:1.45}.source-pill{margin:12px;color:var(--text-muted)}.image-source-field{position:relative;display:grid;gap:10px;padding:10px;border:1px dashed var(--panel-border-strong);border-radius:12px;background:#111115}.image-source-field.has-image{border-style:solid;border-color:#4a90d957;background:#4a90d914}.image-source-head,.image-source-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.image-source-head{padding-right:30px;color:var(--text);font-size:12px;font-weight:800}.image-source-clear{position:absolute;top:8px;right:8px;display:grid;width:24px;height:24px;place-content:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#111115e0;color:var(--text-muted);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.image-source-clear:hover,.image-source-clear:focus-visible{border-color:#ff5b6e5c;background:#ff5b6e2e;color:var(--text)}.image-source-clear:focus-visible{outline:2px solid rgba(74,144,217,.55);outline-offset:2px}.image-source-field p{margin:0;color:var(--text-dim);font-size:12px;line-height:1.45}.image-source-preview{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px}.image-source-preview img{width:52px;height:52px;border-radius:9px;object-fit:cover}.image-source-preview div{display:grid;min-width:0;gap:3px}.image-source-preview strong,.image-source-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-source-preview strong{font-size:12px}.image-source-preview small{color:var(--text-muted);font-size:11px}.handle-target-picker{display:grid;gap:8px}.handle-target-preview{position:relative;display:block;width:100%;overflow:hidden;padding:0;border:1px solid var(--panel-border-strong);border-radius:8px;outline:0;background:#08090c;cursor:crosshair}.handle-target-preview:hover,.handle-target-preview:focus-visible{border-color:#4a90d9b8;box-shadow:0 0 0 3px #4a90d91f}.handle-target-preview img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.handle-target-marker{position:absolute;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#1015185c;box-shadow:0 0 0 2px #090c0fb8,0 0 16px #68e7ffb8;pointer-events:none;transform:translate(-50%,-50%);animation:handle-target-land .18s ease-out}.handle-target-marker:before,.handle-target-marker:after{position:absolute;top:50%;left:50%;background:#68e7ff;content:"";transform:translate(-50%,-50%)}.handle-target-marker:before{width:12px;height:2px}.handle-target-marker:after{width:2px;height:12px}.handle-target-status{display:grid;gap:2px;min-width:0}.handle-target-status strong,.handle-target-status small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handle-target-status strong{color:var(--text);font-size:12px}.handle-target-status small{color:var(--text-muted);font-size:11px}.handle-target-status.is-set small{color:#8eeeff}@keyframes handle-target-land{0%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mask-source-field{gap:12px}.mask-source-layout{display:grid;gap:12px}.mask-source-card{position:relative;display:grid;height:168px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#2f2f35}.mask-source-card>span{position:absolute;top:9px;left:12px;z-index:2;color:#ffffff7a;font-size:13px;font-weight:700;pointer-events:none}.mask-source-reference-preview,.mask-preview-composite{width:100%;height:100%;min-height:168px}.mask-source-reference-preview{overflow:hidden;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}.mask-source-reference-preview img{width:100%;height:100%;object-fit:cover}.mask-source-card>strong{position:absolute;right:10px;bottom:8px;left:10px;z-index:2;overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.72);white-space:nowrap;pointer-events:none}.mask-source-empty,.mask-preview-empty{display:grid;min-height:168px;place-content:center;gap:8px;color:var(--text-dim);text-align:center}.mask-source-empty strong{color:var(--text-muted);font-size:15px}.mask-source-empty small{color:var(--text-dim);font-size:12px}.mask-preview-card{background:linear-gradient(45deg,rgba(255,255,255,.09) 25%,transparent 25% 75%,rgba(255,255,255,.09) 75%),linear-gradient(45deg,rgba(255,255,255,.09) 25%,transparent 25% 75%,rgba(255,255,255,.09) 75%),#bdbdc0;background-position:0 0,10px 10px;background-size:20px 20px}.mask-preview-composite{position:relative;display:grid;place-items:center}.mask-preview-composite img{grid-area:1 / 1;width:100%;height:100%;object-fit:contain}.mask-preview-base{filter:brightness(.52) saturate(.78)}.mask-preview-overlay{opacity:.82}.mask-preview-actions{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-content:center;gap:8px;pointer-events:none}.mask-preview-actions button{height:30px;min-width:104px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#2f2f37b8;color:#fff;cursor:pointer;font-size:12px;font-weight:800;pointer-events:auto}.mask-paint-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#0000009e;padding:32px}.mask-paint-dialog{position:relative;display:grid;width:min(1280px,calc(100vw - 96px));max-height:calc(100vh - 96px);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#27272c;box-shadow:0 32px 120px #0000008f}.mask-paint-head,.mask-paint-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#ffffff14;padding:16px 20px}.mask-paint-head{border-bottom:1px solid rgba(255,255,255,.08)}.mask-paint-head>div{display:flex;align-items:baseline;gap:16px}.mask-paint-head strong{color:#f4f4f5;font-size:19px;font-weight:850}.mask-paint-head span{color:#81838a;font-size:13px}.mask-paint-head button{display:grid;width:34px;height:34px;place-content:center;border:0;border-radius:10px;background:transparent;color:#8c8f96;cursor:pointer}.mask-paint-head button:hover:not(:disabled),.mask-paint-head button:focus-visible{background:#ffffff0f;color:#fff}.mask-paint-stage{display:grid;min-height:420px;overflow:auto;place-items:center;position:relative;padding:28px}.mask-paint-stage canvas{max-width:100%;max-height:calc(100vh - 260px);border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#242429;cursor:crosshair;object-fit:contain}.mask-paint-stage canvas.is-loading{cursor:wait;pointer-events:none;opacity:.62}.mask-paint-loading{position:absolute;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#18181cd1;color:#d8d9de;font-size:12px;pointer-events:none}.mask-paint-toolbar{flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);background:#29292e}.mask-paint-tools,.mask-paint-actions{display:flex;align-items:center;gap:10px}.mask-paint-tools{flex-wrap:wrap}.mask-paint-brush-size-controls{display:inline-flex;align-items:center;gap:10px}.mask-paint-tools button,.mask-paint-actions button{display:inline-flex;height:38px;min-width:38px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;background:#303039;color:#d8d9de;cursor:pointer;font-size:13px;font-weight:800;padding:0 12px}.mask-paint-tool-switch,.mask-paint-lasso-switch,.mask-paint-operation-switch{display:inline-flex;gap:2px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#222228;padding:2px}.mask-paint-tool-switch button,.mask-paint-lasso-switch button{min-width:72px;background:transparent}.mask-paint-operation-switch button{min-width:58px;background:transparent}.mask-paint-tool-switch button.is-active,.mask-paint-lasso-switch button.is-active,.mask-paint-operation-switch button.is-active{background:#17345c;color:#fff}.mask-paint-tools button:disabled,.mask-paint-actions button:disabled{cursor:not-allowed;opacity:.44}.mask-paint-size{min-width:28px;color:#d8d9de;font-size:14px;font-weight:800;text-align:center}.mask-paint-tools input{width:150px;accent-color:#2b78d0}.mask-paint-actions button{min-width:88px;background:transparent}.mask-paint-actions .mask-paint-confirm{background:#17345c;color:#fff}.image-source-actions button{display:inline-flex;height:30px;min-width:96px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid var(--panel-border-strong);border-radius:9px;background:#ffffff0a;color:var(--text);cursor:pointer;font-size:12px;font-weight:700}.image-source-actions button:disabled{cursor:not-allowed;opacity:.42}.agent-upload-dropzone{display:grid;gap:10px;padding:12px;border:1px solid var(--panel-border-strong);border-radius:10px;background:#303036}.agent-upload-head{display:flex;align-items:baseline;gap:9px}.agent-upload-head span{color:var(--text-muted);font-size:14px;font-weight:700}.agent-upload-head small{color:var(--text-dim);font-size:12px}.agent-upload-strip{display:flex;flex-wrap:wrap;gap:12px;min-height:82px;align-items:flex-start}.agent-upload-add,.agent-upload-thumb{width:80px;height:80px;border-radius:10px}.agent-upload-add{display:grid;place-content:center;gap:4px;border:1px dashed rgba(255,255,255,.1);background:#1111152e;color:var(--text-muted);cursor:pointer;font-size:12px}.agent-upload-add:hover:not(:disabled),.agent-upload-add:focus-visible{border-color:#695cff9e;color:var(--text)}.agent-upload-add:disabled{cursor:wait;opacity:.68}.agent-upload-thumb{position:relative;overflow:visible;border:1px solid rgba(255,255,255,.12);background:#17171c;cursor:grab}.agent-upload-thumb:active{cursor:grabbing}.agent-upload-thumb img{width:100%;height:100%;object-fit:cover}.agent-upload-thumb span{position:absolute;right:5px;bottom:5px;left:5px;overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap;z-index:1;pointer-events:none}.agent-upload-thumb i{position:absolute;inset:auto 0 0;height:32px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));pointer-events:none}.agent-upload-remove{position:absolute;top:-22px;right:-22px;z-index:2;display:grid;width:44px;height:44px;min-height:44px;place-content:center;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.agent-upload-remove svg{position:relative;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.agent-upload-actions{display:flex;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.agent-upload-actions button{border:0;background:transparent;color:#2e8cff;cursor:pointer;font-size:12px;padding:0}.agent-upload-actions button:disabled{color:var(--text-dim);cursor:not-allowed}.agent-upload-dropzone p{margin:0;color:var(--text-dim);font-size:12px;line-height:1.5}.agent-upload-dropzone input[type=file]{display:none}.canvas-image-picker{display:grid;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0c0c10f0;box-shadow:inset 0 1px #ffffff0a}.canvas-image-picker>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 4px}.canvas-image-picker>div strong{font-size:12px}.canvas-image-picker>div button{display:grid;width:24px;height:24px;place-content:center;border:1px solid var(--panel-border-strong);border-radius:8px;background:#202026;color:var(--text-muted)}.canvas-image-picker>button{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;min-height:52px;padding:6px;border:1px solid transparent;border-radius:10px;background:#ffffff0a;color:var(--text);cursor:pointer;text-align:left}.canvas-image-picker>button:hover,.canvas-image-picker>button:focus-visible,.canvas-image-picker>button.is-selected{border-color:#4a90d966;background:#4a90d924}.canvas-image-picker>button.is-queued{opacity:.56;cursor:not-allowed}.agent-canvas-picker{margin-top:-6px;background:#303036}.canvas-image-picker>button:focus-visible{outline:2px solid rgba(74,144,217,.5);outline-offset:2px}.canvas-image-picker img{width:42px;height:42px;border-radius:8px;object-fit:cover}.canvas-image-picker span{display:grid;min-width:0;gap:3px}.canvas-image-picker span strong,.canvas-image-picker span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-image-picker span strong{font-size:12px}.canvas-image-picker span small{color:var(--text-muted);font-size:11px}.image-source-field input[type=file]{display:none}.agent-ratio-control{position:relative}.agent-ratio-control>button{display:flex;width:100%;height:40px;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--panel-border-strong);border-radius:9px;background:#2d2d33;color:var(--text);cursor:pointer;padding:0 12px;font-size:14px;text-align:left}.agent-ratio-control>button i{width:12px;height:12px;border:1px solid var(--text-muted);border-radius:4px}.agent-ratio-menu{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:4;display:grid;gap:4px;padding:6px;border:1px solid var(--panel-border-strong);border-radius:10px;background:#24242a;box-shadow:0 14px 30px #0000005c}.agent-ratio-menu button{height:32px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;text-align:left;padding:0 9px}.agent-ratio-menu button:hover,.agent-ratio-menu button.is-active{background:#695cff2e;color:var(--text)}.result-card{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:10px;margin:0 12px 12px;padding:8px;border:1px solid rgba(74,144,217,.28);border-radius:12px;background:#4a90d91a;text-align:left}.result-card img{width:56px;height:56px;border-radius:9px;object-fit:cover}.result-card span{color:#c7ddf3;font-size:12px}.generate-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:0 12px 12px;border:0;border-radius:12px;background:#ededec;color:#1a1918;cursor:pointer;font-weight:800}.generate-button.is-super-ai{min-height:48px;margin-top:auto;background:linear-gradient(135deg,#645dff,#8f55f6);color:#fff;font-size:17px;box-shadow:0 12px 24px #6756ff3d}.generate-button:disabled{cursor:wait;opacity:.7}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.login-dialog{grid-template-columns:1fr}.login-visual{min-height:210px}.login-panel{padding:32px}.login-actions{grid-template-columns:1fr}.storm-sidebar{width:260px;flex-basis:260px}.asset-popover{left:18px;right:18px;width:auto;min-width:0}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--page-bg: #090c0f;--canvas-bg: #101416;--canvas-dot: rgba(166, 196, 202, .18);--panel-bg: #0e1316;--panel-raised: #171e22;--panel-muted: #1c2529;--panel-border: rgba(156, 205, 216, .12);--panel-border-strong: rgba(174, 224, 235, .22);--text: #f4f4f0;--text-muted: #9da6a7;--text-dim: #687274;--accent: #68e7ff;--accent-warm: #d6a260;--olo-cyan: #68e7ff;--olo-cyan-white: #dffbff;--olo-brass: #d6a260;--olo-glass: rgba(13, 19, 23, .88);--olo-panel: rgba(10, 15, 18, .96);--olo-line: rgba(167, 220, 232, .16);--olo-line-strong: rgba(132, 234, 255, .48);--olo-edge-shadow: 0 0 0 1px rgba(170, 239, 255, .08), 0 0 22px rgba(72, 214, 244, .1), 0 22px 70px rgba(0, 0, 0, .42);--olo-edge-shadow-active: 0 0 0 1px rgba(218, 250, 255, .22), 0 0 26px rgba(80, 226, 255, .22), 0 26px 78px rgba(0, 0, 0, .48);--olo-fast: .16s;--olo-medium: .22s}.agent-prompt-debug-trigger{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 12px 10px;padding:8px 11px;border:1px solid rgba(104,231,255,.26);border-radius:7px;background:linear-gradient(135deg,#68e7ff14,#68e7ff05);color:#dffaff;cursor:pointer;text-align:left}.agent-prompt-debug-trigger:hover,.agent-prompt-debug-trigger.is-active{border-color:#68e7ffb3;box-shadow:inset 0 0 18px #68e7ff14,0 0 16px #68e7ff1a}.agent-prompt-debug-trigger>span{display:grid;gap:2px}.agent-prompt-debug-trigger strong{font-size:13px;letter-spacing:.02em}.agent-prompt-debug-trigger small{color:#829ca1;font-size:11px}.prompt-debug-drawer{position:fixed;top:62px;right:384px;z-index:31;display:flex;width:min(620px,calc(100vw - 420px));max-height:calc(100vh - 94px);overflow:hidden;flex-direction:column;border:1px solid rgba(104,231,255,.52);border-radius:8px;background:linear-gradient(180deg,#0e161afa,#050a0cfc);box-shadow:-22px 24px 70px #0000007a,0 0 34px #68e7ff1a;color:#edf8f8}.prompt-debug-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(151,211,222,.14);background:linear-gradient(90deg,rgba(104,231,255,.07),transparent 62%)}.prompt-debug-head>div{display:grid;gap:4px}.prompt-debug-head strong{font-size:18px;letter-spacing:.02em}.prompt-debug-head small{color:#81999e}.prompt-debug-head>button{display:grid;width:30px;height:30px;place-content:center;border:1px solid rgba(151,211,222,.2);border-radius:6px;background:#68e7ff0a;color:#aebfc1;cursor:pointer}.prompt-debug-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#69dff4;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.prompt-debug-scroll{display:grid;gap:12px;overflow-y:auto;padding:14px}.prompt-debug-section{display:grid;gap:10px;padding:13px;border:1px solid rgba(151,211,222,.13);border-radius:7px;background:#ffffff05}.prompt-debug-section.is-editor{border-color:#68e7ff4d;background:#68e7ff06}.prompt-debug-section-head,.prompt-debug-save-row,.prompt-debug-generate-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-debug-section-head>div:first-child{display:flex;align-items:center;gap:8px}.prompt-debug-section-head>div:first-child>span{color:#5fcfe4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.prompt-debug-section button,.prompt-debug-save-row button,.prompt-debug-generate-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid rgba(151,211,222,.2);border-radius:5px;background:#68e7ff0a;color:#b9cbce;cursor:pointer;font-size:11px}.prompt-debug-section button:hover:not(:disabled){border-color:#68e7ff94;color:#effdff}.prompt-debug-section button:disabled{cursor:wait;opacity:.48}.prompt-debug-inline-actions{display:flex;gap:6px}.prompt-debug-textarea{width:100%;min-height:168px;resize:vertical;border:1px solid rgba(151,211,222,.14);border-radius:6px;outline:none;background:#070c0e;color:#c9d5d6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.65;padding:11px}.prompt-debug-textarea.is-editable{min-height:218px;border-color:#68e7ff52;color:#effbfb}.prompt-debug-textarea.is-editable:focus{border-color:#68e7ffbd;box-shadow:0 0 0 2px #68e7ff14}.prompt-debug-meta{display:flex;flex-wrap:wrap;gap:6px}.prompt-debug-meta span{padding:3px 7px;border:1px solid rgba(151,211,222,.13);border-radius:999px;color:#789196;font-size:10px}.prompt-debug-save-row>span,.prompt-debug-privacy{color:#70878b;font-size:10px}.prompt-debug-generate-actions>button{min-height:38px;flex:1;font-size:12px;font-weight:700}.prompt-debug-generate-actions>button.is-primary{border-color:#abf5ff94;background:linear-gradient(145deg,#76e6f8,#35b8d0);color:#042027}.prompt-debug-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prompt-debug-result-card{position:relative;min-height:142px;overflow:hidden;border:1px solid rgba(151,211,222,.15);border-radius:6px;background:#05090b}.prompt-debug-result-card>span{position:absolute;top:7px;left:7px;z-index:1;padding:3px 7px;border-radius:4px;background:#03090bd1;color:#dffaff;font-size:10px}.prompt-debug-result-card img,.prompt-debug-result-card>div{width:100%;height:100%;min-height:142px;object-fit:cover}.prompt-debug-result-card>div{display:grid;place-content:center;color:#52666a;font-size:11px}.prompt-debug-stale,.prompt-debug-error{margin:0;padding:9px 11px;border:1px solid rgba(244,190,86,.28);border-radius:6px;background:#f4be5612;color:#e5bf72;font-size:11px;line-height:1.5}.prompt-debug-error{border-color:#ff707047;background:#ff707012;color:#ff9d9d}@media(max-width:1040px){.prompt-debug-drawer{right:12px;z-index:40;width:min(620px,calc(100vw - 24px))}}@media(max-width:640px){.prompt-debug-results{grid-template-columns:1fr}.prompt-debug-section-head,.prompt-debug-save-row{align-items:flex-start;flex-direction:column}}body{background:var(--page-bg)}::selection{background:#68e7ff42;color:var(--olo-cyan-white)}:where(.home-chat-workspace,.projects-library-workspace,.section-workspace,.storm-sidebar,.agent-fields,.asset-grid,.history-grid,.image-editor-layer-panel,.tool-card-grid){scrollbar-color:rgba(104,231,255,.28) transparent;scrollbar-width:thin}:where(.home-chat-workspace,.projects-library-workspace,.section-workspace,.storm-sidebar,.agent-fields,.asset-grid,.history-grid,.image-editor-layer-panel,.tool-card-grid)::-webkit-scrollbar{width:6px;height:6px}:where(.home-chat-workspace,.projects-library-workspace,.section-workspace,.storm-sidebar,.agent-fields,.asset-grid,.history-grid,.image-editor-layer-panel,.tool-card-grid)::-webkit-scrollbar-thumb{border-radius:999px;background:#68e7ff3d}.fengbao-app-shell{background:#080b0d}.app-stage{background:var(--page-bg)}.quick-edit-bar:before,.asset-popover:before,.history-drawer:before,.image-editor-local-panel:before{position:absolute;top:-1px;left:12%;z-index:4;width:32%;height:1px;background:linear-gradient(90deg,transparent,var(--olo-cyan-white),var(--olo-cyan),transparent);box-shadow:0 0 12px var(--color-accent-soft);content:"";pointer-events:none}.quick-edit-model-menu button:not(.is-selected):hover{background:#68e7ff0f;color:var(--olo-cyan-white)}.quick-edit-model-menu button.is-selected{background:#68e7ff29;color:var(--olo-cyan-white);box-shadow:inset 2px 0 #68e7ffd1}.projects-library-head,.section-workspace-head{padding-bottom:18px;border-bottom:1px solid rgba(145,196,207,.12)}.projects-library-head h1,.section-workspace-head h1{color:#f6f3ec;font-size:24px;font-weight:820}.projects-library-head>div:first-child svg,.section-workspace-head>div:first-child>span{color:var(--olo-brass)}.projects-library-actions button,.section-workspace-head .gallery-bulk-actions button,.section-workspace-head>button{height:38px;border:1px solid rgba(156,205,216,.16);border-radius:6px;background:#151d21d1;color:#d7dddb;box-shadow:inset 0 1px #ffffff08;transition:border-color var(--olo-fast) ease,background var(--olo-fast) ease,color var(--olo-fast) ease,transform var(--olo-fast) ease}.projects-library-actions button:hover:not(:disabled),.section-workspace-head .gallery-bulk-actions button:hover:not(:disabled),.section-workspace-head>button:hover:not(:disabled){border-color:#68e7ff61;background:#68e7ff14;color:var(--olo-cyan-white)}.projects-library-actions .is-primary,.section-workspace-head .gallery-bulk-actions button.is-selected{border-color:#dffbff94;background:linear-gradient(145deg,#78eaff,#3abdd5);color:#062027;box-shadow:0 0 18px #68e7ff29}.projects-library-actions .is-danger,.section-workspace-head .gallery-bulk-actions button.is-danger{border-color:#ff69753d;background:#6d232c3d;color:#ffadb5}.project-card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,300px));gap:18px}.project-library-card:hover,.project-library-card:focus-visible{border-color:#68e7ff52;box-shadow:0 20px 44px #00000052;transform:translateY(-2px)}.project-library-card.is-selected,.project-library-card.is-selected:hover,.project-library-card.is-selected:focus-visible{border-color:#68e7ffb8;box-shadow:inset 0 0 0 1px #dffbff1f,0 0 22px #68e7ff1f,0 20px 44px #00000052}.project-card-cover{border-bottom:1px solid rgba(148,198,208,.12);background:#131a1d}.project-card-cover.is-slate{background:radial-gradient(circle at 18% 18%,rgba(214,162,96,.17),transparent 27%),linear-gradient(135deg,#38342f,#252b2c 54%,#111719)}.project-card-cover.is-blue{background:radial-gradient(circle at 78% 16%,rgba(104,231,255,.13),transparent 29%),linear-gradient(135deg,#29383a,#1a272b 52%,#111719)}.project-card-cover img{filter:saturate(.9) contrast(1.02);transition:transform var(--olo-medium) ease,filter var(--olo-medium) ease}.project-library-card:hover .project-card-cover img{filter:saturate(1) contrast(1.03);transform:scale(1.015)}.project-card-copy strong{color:#f4eadb}.project-card-copy small{color:#798386}.project-card-options,.project-select-dot{border-color:#c5e0e53d;background:#080c0fb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-select-dot[aria-pressed=true]{border-color:var(--olo-cyan);background:var(--olo-cyan);color:#062027;box-shadow:0 0 14px #68e7ff57}.project-context-menu,.gallery-options-menu{border-color:#68e7ff33;border-radius:7px;background:#080d10fa;box-shadow:var(--olo-edge-shadow)}.project-context-menu button,.gallery-options-menu button{border-radius:4px}.project-context-menu button:hover,.project-context-menu button:focus-visible,.gallery-options-menu button:hover,.gallery-options-menu button:focus-visible{background:#68e7ff17}.gallery-tile{border-color:#97c3cc21;border-radius:8px;background:#111719;box-shadow:0 14px 32px #00000038}.gallery-tile:hover,.gallery-tile:focus-within{border-color:#68e7ff52;box-shadow:0 18px 38px #00000052}.gallery-tile.is-selected{border-color:#68e7ffc7;box-shadow:inset 0 0 0 1px #dffbff1f,0 0 22px #68e7ff1f,0 18px 38px #00000052}.gallery-select-button,.gallery-options-button{border-color:#dcf1f46b;border-radius:6px;background:#070c0eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-tile.is-selected .gallery-select-button{border-color:var(--olo-cyan);background:var(--olo-cyan);color:#062027}.gallery-empty{min-height:320px;border:1px dashed rgba(155,203,213,.16);border-radius:8px;background:#0e14176b}.canvas-wrap{background:var(--canvas-bg)}.canvas-dot-grid-plane{background-color:#101416;background-image:radial-gradient(circle,rgba(175,205,211,.2) 1px,transparent 1.1px);background-size:30px 30px}.top-project-bar{top:18px;left:24px}.brand-mark,.save-button{border-color:#9dcdd82e;border-radius:6px;background:#090e11cc;color:#eef3f1;box-shadow:inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark:hover,.save-button:hover{border-color:#68e7ff5c;background:#68e7ff12;color:var(--olo-cyan-white)}.top-project-bar h1{color:#f7f3eb;font-size:23px;font-weight:800}.save-button{border-radius:6px}.storm-sidebar{border-right-color:#96c8d324;background:linear-gradient(180deg,#12191dfc,#0a0e11fc),var(--olo-panel);box-shadow:12px 0 34px #00000047}.sidebar-head{height:56px;border-bottom-color:#96c8d31f}.sidebar-head h2{color:#f3e5cd;font-size:19px}.sidebar-head button{border-color:#97c9d42e;border-radius:6px;background:#68e7ff09}.collapse-strip{border-bottom-color:#96c8d31a;color:#849092}.category-grid{gap:8px;padding:10px 12px 12px;border-bottom-color:#96c8d31a}.category-button{position:relative;height:64px;border-color:#97c9d414;border-radius:6px;background:#ffffff03;color:#8e999b;transition:border-color var(--olo-fast) ease,background var(--olo-fast) ease,color var(--olo-fast) ease}.category-button:after{position:absolute;bottom:7px;left:9px;width:4px;height:4px;border-radius:50%;background:var(--olo-brass);box-shadow:0 0 8px #d6a26085;content:"";opacity:0}.category-button:hover{border-color:#68e7ff2e;background:#68e7ff0a;color:#d8e2e2}.category-button.is-active{border-color:#68e7ff75;background:linear-gradient(145deg,#68e7ff17,#68e7ff06);color:var(--olo-cyan-white);box-shadow:inset 0 0 18px #68e7ff0a}.category-button.is-active:after{opacity:1}.search-shell{margin:12px;border-color:#9bccd629;border-radius:6px;background:#080d10bd}.search-shell:focus-within{border-color:#68e7ff6b;box-shadow:0 0 0 3px #68e7ff14;color:var(--olo-cyan)}.tool-card-grid{grid-auto-rows:136px;gap:10px}.tool-card{border-color:#9dcdd821;border-radius:8px;background:#0b1013;box-shadow:0 12px 24px #0003;transition:border-color var(--olo-medium) ease,box-shadow var(--olo-medium) ease,transform var(--olo-medium) ease}.tool-card:hover{border-color:#68e7ff47;box-shadow:0 16px 30px #0000004d;transform:translateY(-1px)}.tool-card.is-selected{border-color:#68e7ffb8;box-shadow:inset 0 0 0 1px #dffbff1a,0 0 18px #68e7ff1a}.favorite-dot{width:16px;height:16px;border-radius:50%;background:#d6a2602e;color:#f0c886}.tool-card-copy{background:linear-gradient(to top,rgba(4,7,9,.97),rgba(4,7,9,.64),transparent)}.bottom-toolbar{min-height:56px;padding:7px;border-color:#a9d8e233;border-radius:8px;background:#0a0f12e0;box-shadow:inset 0 1px #dffbff0d,0 18px 46px #00000061;-webkit-backdrop-filter:blur(22px) saturate(118%);backdrop-filter:blur(22px) saturate(118%)}.bottom-toolbar button{height:40px;min-width:40px;border-radius:6px;color:#d8dfde}.bottom-toolbar button:after{position:absolute;right:9px;bottom:1px;left:9px;height:1px;background:var(--olo-cyan);box-shadow:0 0 8px #68e7ffa3;content:"";opacity:0;transform:scaleX(.35);transition:opacity var(--olo-fast) ease,transform var(--olo-fast) ease}.bottom-toolbar button:hover{background:#68e7ff0d;color:var(--olo-cyan-white)}.bottom-toolbar button.is-active{background:#68e7ff14;color:var(--olo-cyan-white);box-shadow:inset 0 0 16px #68e7ff0a}.bottom-toolbar button.is-active:after{opacity:1;transform:scaleX(1)}.toolbar-divider{background:#a4cbd31f}.selection-quick-actions{min-height:58px;padding:0 14px;border-color:#b1dfe838;border-radius:8px;background:#0a0f12f0;box-shadow:inset 0 1px #dffbff0f,0 18px 46px #0006,0 0 16px #68e7ff0f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.selection-quick-actions:after{position:absolute;top:-1px;left:22%;width:24%;height:1px;background:linear-gradient(90deg,transparent,rgba(223,251,255,.92),transparent);box-shadow:0 0 10px #68e7ff75;content:""}.selection-quick-actions button{height:56px;border-radius:5px;color:#e4e8e6;font-weight:650}.selection-quick-actions button:hover{background:#68e7ff12;color:var(--olo-cyan-white)}.selection-quick-actions button.is-active{background:#68e7ff24;color:var(--olo-cyan-white)}.selection-quick-actions .has-divider:before{background:#a2ccd524}.floating-glass,.canvas-context-menu,.crop-panel,.grid-crop-menu,.brush-panel,.outpaint-floating-panel,.material-action-panel,.upscale-dropdown{border-color:#68e7ff33;border-radius:8px;background:#080d10f5;box-shadow:var(--olo-edge-shadow);-webkit-backdrop-filter:blur(22px) saturate(112%);backdrop-filter:blur(22px) saturate(112%)}.quick-edit-bar,.asset-popover,.history-drawer,.agent-panel{border:1px solid rgba(123,225,247,.58);border-radius:8px;background:linear-gradient(180deg,#141c21f0,#080d10fa),var(--olo-panel);box-shadow:var(--olo-edge-shadow-active);-webkit-backdrop-filter:blur(24px) saturate(118%);backdrop-filter:blur(24px) saturate(118%)}.quick-edit-bar{overflow:visible}.quick-edit-bar textarea{color:#f2f7f5;font-weight:560}.quick-edit-bar textarea::placeholder{color:#737e80}.quick-edit-source,.quick-edit-reference-preview,.quick-edit-model,.quick-edit-reference{border-color:#9bcfda29;border-radius:6px;background:#060a0d94}.quick-edit-submit{border:1px solid rgba(223,251,255,.72)!important;background:linear-gradient(145deg,#8cf1ff,#3ac0d9)!important;color:#062027!important;box-shadow:0 0 18px #68e7ff47}.asset-popover{border-radius:8px}.asset-tabs,.drawer-head{border-bottom-color:#99ccd624}.asset-tabs button,.asset-category-row button,.segmented button{border-radius:5px}.asset-tabs button.is-active,.asset-category-row button.is-active{border-color:#68e7ff42;background:#68e7ff14;color:var(--olo-cyan-white)}.asset-tabs button.is-active{box-shadow:inset 0 -1px 0 var(--olo-cyan)}.asset-tile img,.history-card img{border:1px solid rgba(159,205,215,.13);border-radius:6px;filter:saturate(.9);transition:border-color var(--olo-fast) ease,filter var(--olo-fast) ease,transform var(--olo-fast) ease}.asset-tile:hover img,.history-card:hover img{border-color:#68e7ff5c;filter:saturate(1);transform:translateY(-1px)}.asset-tile span{border:1px solid rgba(223,251,255,.2);border-radius:4px;background:#050a0cb8;color:var(--olo-cyan-white)}.history-drawer{width:360px;max-height:calc(100vh - 84px)}.drawer-head button{border-color:#9accd633;border-radius:6px;background:#68e7ff0a;color:#aab4b5}.drawer-head button:hover{border-color:#68e7ff61;color:var(--olo-cyan-white)}.agent-super-panel{width:360px;border-radius:8px;background:transparent}.agent-cover{border:1px solid rgba(159,205,215,.14);border-radius:6px}.agent-model-tabs button,.agent-resolution-segmented button,.segmented button{border-color:#9ecdd726;border-radius:5px;background:#060a0d8a;color:#8d989a}.agent-model-tabs button:hover,.agent-model-tabs button:focus-visible,.agent-model-tabs button.is-active,.agent-model-tabs button[aria-selected=true],.agent-resolution-segmented button.is-active,.segmented button.is-active{border-color:#68e7ff80;background:#68e7ff1a;color:var(--olo-cyan-white)}.agent-upload-dropzone{border-color:#9ad8e533;border-radius:6px;background:linear-gradient(180deg,#131b1ff0,#070c0ffa),var(--olo-panel);box-shadow:inset 0 1px #ffffff06}.agent-upload-add,.agent-upload-thumb{border-radius:5px}.agent-upload-add{border-color:#9ad8e533;background:#04090c75}.agent-upload-add:hover:not(:disabled),.agent-upload-add:focus-visible{border-color:#68e7ff85;color:var(--olo-cyan-white)}.agent-upload-actions{border-top-color:#9ad8e51f}.agent-upload-actions button{color:#74deef}.field-block textarea,.field-block select,.field-block input[type=number],.field-block input[type=text],.agent-prompt-field textarea{border-color:#9bcdd729;border-radius:6px;background:#050a0cad;color:#eef4f2}.field-block textarea:focus,.field-block select:focus,.field-block input[type=number]:focus,.field-block input[type=text]:focus,.agent-prompt-field textarea:focus{border-color:#68e7ff85;box-shadow:0 0 0 3px #68e7ff14}.desc-field,.source-pill,.image-source-field.has-image,.result-card{border-color:#68e7ff3d;border-radius:6px;background:#68e7ff11;color:#bdeaf1}.image-source-field{border-color:#9bcdd733;border-radius:6px;background:#050a0c94}.image-source-preview img,.result-card img{border-radius:5px}.handle-target-preview{border-color:#9bcdd738;border-radius:5px;background:#05090b}.handle-target-preview:hover,.handle-target-preview:focus-visible{border-color:#68e7ff94;box-shadow:0 0 0 3px #68e7ff14}.handle-target-status.is-set small{color:var(--olo-cyan)}.generate-button,.generate-button.is-super-ai{min-height:44px;border:1px solid rgba(223,251,255,.56);border-radius:6px;background:linear-gradient(145deg,#83edff,#38bcd5);color:#052027;box-shadow:0 0 20px #68e7ff2e;font-size:15px}.generate-button:hover:not(:disabled){background:linear-gradient(145deg,#a2f4ff,#54cce3);box-shadow:0 0 26px #68e7ff47}.image-editor-workspace{background:#05080a;color:#edf3f1}.image-editor-topbar{border-bottom-color:#97c9d41f;background:#05090bf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.image-editor-size-pill,.image-editor-main-tools,.image-editor-window-actions button,.image-editor-side-tools,.image-editor-file-popover,.image-editor-tool-popover,.image-editor-local-source-menu,.image-editor-ai-drawer{border-color:#9accd62b;border-radius:6px;background:#0b1013eb;box-shadow:0 16px 44px #00000057}.image-editor-main-tools button,.image-editor-side-tools button,.image-editor-window-actions button{border-radius:5px}.image-editor-main-tools button:hover,.image-editor-main-tools button.is-active,.image-editor-side-tools button:hover,.image-editor-side-tools button.is-active{background:#68e7ff1a;color:var(--olo-cyan-white)}.image-editor-main-tools button.is-active,.image-editor-side-tools button.is-active{box-shadow:inset 0 -1px 0 var(--olo-cyan)}.image-editor-window-actions .image-editor-save{border-color:#dffbff8a;background:linear-gradient(145deg,#7cecff,#38bdd6);color:#052027;box-shadow:0 0 18px #68e7ff29}.image-editor-body,.image-editor-stage-wrap{background:#070a0c}.image-editor-canvas-frame{border-color:#95c5cf1f;background-color:#202629;box-shadow:0 20px 70px #0000006b}.image-editor-file-popover button,.image-editor-tool-popover button,.image-editor-local-source-menu button{border-radius:4px}.image-editor-file-popover>button{border:1px solid rgba(223,251,255,.58);background:linear-gradient(145deg,#82edff,#38bdd6);color:#052027;box-shadow:0 0 18px #68e7ff24}.image-editor-source-grid button:hover,.image-editor-source-grid button:focus-visible,.image-editor-local-source-menu button:hover{border-color:#68e7ff5c;background:#68e7ff12}.image-editor-layer-panel{border-left-color:#97c9d41f;background:#0c1114}.image-editor-layer-panel select,.image-editor-layer-actions button{border-color:#99cbd629;border-radius:5px;background:#050a0c9e}.image-editor-layer-row{border-radius:5px}.image-editor-layer-row:hover,.image-editor-layer-row.is-active{background:#68e7ff12}.image-editor-layer-row.is-active{box-shadow:inset 2px 0 0 var(--olo-cyan)}.image-editor-opacity input,.image-editor-brush-size input,.field-block input[type=range]{accent-color:var(--olo-cyan)}.sidebar-head{height:72px;flex:0 0 72px;justify-content:flex-start;padding:0 var(--space-xs)}.sidebar-brand{display:flex;min-width:0;align-items:center;gap:var(--space-2xs);padding-right:calc(var(--space-lg) + var(--space-2xs))}.sidebar-logo-wrap{position:relative;display:grid;width:108px;height:26px;flex:0 0 108px;place-items:center}.sidebar-logo{grid-area:1 / 1;display:block;width:108px;height:26px;object-fit:contain}.sidebar-brand-divider{width:1px;height:32px;flex:0 0 1px;background:var(--color-rule)}.sidebar-studio{display:grid;min-width:0;gap:var(--space-3xs);color:var(--color-ink);white-space:nowrap}.sidebar-studio strong{overflow:hidden;font-size:12px;font-weight:750;letter-spacing:.04em;text-overflow:ellipsis}.sidebar-studio small{color:var(--color-ink-2);font-size:8px;font-weight:650;letter-spacing:.18em}.sidebar-head button{right:13px;opacity:0;transform:translate(4px);transition:opacity var(--olo-fast) ease,transform var(--olo-fast) ease}.sidebar-head:hover button,.sidebar-head button:focus-visible{opacity:1;transform:translate(0)}.storm-sidebar.is-collapsed .sidebar-head button{opacity:1;transform:none}.storm-sidebar:not(.is-collapsed) .collapse-strip{display:none}.tool-library-intro{display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-sm) var(--space-2xs);border-bottom:1px solid var(--color-rule)}.toolset-control{position:relative;min-height:60px;border:1px solid var(--color-rule);border-radius:13px;background:linear-gradient(145deg,var(--color-overlay-rule),var(--color-overlay-rule)),var(--color-paper-2);box-shadow:inset 0 1px 0 var(--color-overlay-rule);transition:border-color var(--olo-fast) ease,box-shadow var(--olo-fast) ease}.toolset-control:hover{border-color:var(--color-accent-soft)}.toolset-control:focus-within,.toolset-control.is-open{border-color:var(--color-accent-soft);box-shadow:inset 0 1px 0 var(--color-overlay-rule),0 0 0 3px var(--color-accent-soft)}.toolset-trigger{display:grid;width:100%;min-height:58px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;text-align:left}.toolset-trigger:focus-visible{outline:0}.toolset-icon{display:grid;width:36px;height:36px;place-content:center;border:1px solid var(--color-accent-soft);border-radius:11px;background:var(--color-paper-2);color:var(--color-accent)}.toolset-copy{display:grid;min-width:0;gap:var(--space-3xs)}.toolset-copy>span:first-child{color:var(--color-ink-2);font-size:10px;font-weight:650;letter-spacing:.08em}.toolset-value{display:flex;min-width:0;align-items:baseline;gap:var(--space-2xs)}.toolset-current-label{overflow:hidden;min-width:0;max-width:100%;color:var(--color-ink);font-size:16px;font-weight:760;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.toolset-value small{color:var(--color-ink-2);font-size:10px;font-variant-numeric:tabular-nums}.toolset-chevron{color:var(--color-ink-2);pointer-events:none;transition:color var(--olo-fast) ease,transform .22s cubic-bezier(.22,1,.36,1)}.toolset-control:hover .toolset-chevron,.toolset-control.is-open .toolset-chevron{color:var(--color-accent)}.toolset-control.is-open .toolset-chevron{transform:rotate(180deg)}.toolset-menu{position:absolute;z-index:45;top:calc(100% + 8px);right:-1px;left:-1px;overflow:hidden;padding:var(--space-2xs);border:1px solid var(--color-rule);border-radius:14px;background:linear-gradient(155deg,var(--color-paper-2),var(--color-paper-2)),var(--color-paper);box-shadow:0 24px 55px var(--color-elevation-shadow),0 4px 14px var(--color-elevation-shadow),inset 0 1px 0 var(--color-overlay-rule);animation:toolset-menu-enter .18s cubic-bezier(.22,1,.36,1);transform-origin:top center}.toolset-menu-head{display:flex;min-height:30px;align-items:center;justify-content:space-between;margin:0 var(--space-3xs) var(--space-3xs);padding:0 var(--space-2xs);border-bottom:1px solid var(--color-rule);color:var(--color-ink-2);font-size:9px;font-weight:720;letter-spacing:.08em}.toolset-menu-head small{color:var(--color-ink-2);font-size:8px;font-weight:650;letter-spacing:.04em}.toolset-options{display:grid;gap:var(--space-3xs)}.toolset-option{position:relative;display:grid;min-height:45px;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:var(--space-3xs) var(--space-2xs);overflow:hidden;border:0;border-radius:9px;background:transparent;color:var(--color-ink-2);cursor:pointer;text-align:left;transition:background var(--olo-fast) ease,color var(--olo-fast) ease,transform var(--olo-fast) ease}.toolset-option:before{position:absolute;top:9px;bottom:9px;left:0;width:2px;border-radius:999px;background:var(--color-accent);content:"";opacity:0;transform:scaleY(.4);transition:opacity var(--olo-fast) ease,transform var(--olo-fast) ease}.toolset-option:hover,.toolset-option:focus-visible{outline:0;background:var(--color-hover-surface);color:var(--color-ink);transform:translate(2px)}.toolset-option.is-active{background:linear-gradient(90deg,var(--color-accent-soft),var(--color-accent-soft)),var(--color-hover-surface);color:var(--color-accent)}.toolset-option.is-active:before{opacity:1;transform:scaleY(1)}.toolset-option-index{display:grid;width:28px;height:28px;place-content:center;border:1px solid var(--color-rule);border-radius:8px;color:var(--color-ink-2);font-size:8px;font-weight:740;font-variant-numeric:tabular-nums;letter-spacing:.05em}.toolset-option.is-active .toolset-option-index{border-color:var(--color-accent-soft);background:var(--color-accent-soft);color:var(--color-accent)}.toolset-option-copy{display:grid;min-width:0;gap:var(--space-3xs)}.toolset-option-copy strong{overflow:hidden;color:var(--color-ink);font-size:11px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.toolset-option-copy small{color:var(--color-ink-2);font-size:8px;font-weight:560}.toolset-option-status{display:grid;width:22px;height:22px;place-content:center;border-radius:50%;color:var(--color-accent)}.toolset-option-status>span{width:4px;height:4px;border-radius:50%;background:var(--color-muted);transition:background var(--olo-fast) ease,transform var(--olo-fast) ease}.toolset-option:hover .toolset-option-status>span,.toolset-option:focus-visible .toolset-option-status>span{background:var(--color-muted);transform:scale(1.25)}.search-shell{height:38px;margin:0;padding:0 var(--space-xs);border-radius:10px}.tool-filter-row{display:flex;align-items:center;gap:var(--space-3xs)}.tool-filter-row button{height:30px;flex:1 1 auto;border:0;border-radius:8px;background:transparent;color:var(--color-ink-2);cursor:pointer;font-size:11px;transition:background var(--olo-fast) ease,color var(--olo-fast) ease,transform var(--olo-fast) ease}.tool-filter-row button:hover{color:var(--color-ink)}.tool-filter-row button.is-active{background:var(--color-accent-soft);color:var(--olo-cyan-white)}.tool-library-section-head{display:flex;min-height:44px;flex:0 0 44px;align-items:center;gap:var(--space-2xs);padding:0 16px;border-bottom:1px solid var(--color-rule)}.tool-library-section-head strong{color:var(--color-ink);font-size:12px;font-weight:760}.tool-library-section-head span{color:var(--color-ink-2);font-size:10px}.tool-card-grid{grid-auto-rows:140px;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm) var(--space-sm)}.tool-card{display:grid;height:100%;grid-template-rows:96px minmax(0,1fr);overflow:hidden;border-radius:12px;background:var(--color-paper);animation:tool-card-arrive .32s both cubic-bezier(.22,1,.36,1)}.tool-card:nth-child(2){animation-delay:24ms}.tool-card:nth-child(3){animation-delay:48ms}.tool-card:nth-child(4){animation-delay:72ms}.tool-card:nth-child(5){animation-delay:96ms}.tool-card:nth-child(6){animation-delay:.12s}.tool-card-visual{position:relative;display:block;min-height:0;overflow:hidden;background:var(--color-paper-2)}.tool-card-visual:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-image-scrim),transparent 48%,var(--color-image-scrim));content:"";pointer-events:none}.tool-card img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:filter var(--olo-medium) ease,transform .38s cubic-bezier(.22,1,.36,1)}.tool-card:hover img{filter:saturate(1.04) contrast(1.02);transform:scale(1.035)}.tool-card-index,.tool-card-badge{position:absolute;z-index:1;top:8px;color:var(--color-ink);font-size:9px;font-weight:720;letter-spacing:.05em;text-shadow:0 1px 7px var(--color-image-label-shadow)}.tool-card-index{left:9px;font-variant-numeric:tabular-nums}.tool-card-badge{right:8px;padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--color-rule);border-radius:5px;background:var(--color-paper-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-card-copy{position:relative;inset:auto;display:grid;min-height:0;align-content:center;gap:4px;padding:var(--space-2xs) calc(var(--space-md) + var(--space-3xs)) var(--space-2xs) var(--space-2xs);background:var(--color-paper)}.tool-card-copy strong,.tool-card-copy small{white-space:normal}.tool-card-copy strong{display:-webkit-box;overflow:hidden;color:var(--color-ink);font-size:12px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tool-card-copy small{display:-webkit-box;overflow:hidden;color:var(--color-ink-2);font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-card-arrow{position:absolute;right:10px;bottom:11px;color:var(--color-ink-2);transition:color var(--olo-fast) ease,transform var(--olo-fast) ease}.tool-card:hover .tool-card-arrow,.tool-card.is-selected .tool-card-arrow{color:var(--color-accent);transform:translate(1px,-1px)}.tool-library-empty{display:grid;min-height:160px;grid-column:1 / -1;place-content:center;gap:var(--space-2xs);padding:24px;color:var(--color-ink-2);text-align:center}.tool-library-empty svg{margin:0 auto var(--space-3xs)}.tool-library-empty strong{color:var(--color-ink);font-size:13px}.tool-library-empty span{max-width:220px;font-size:11px;line-height:1.5}.agent-panel{animation:agent-panel-enter .28s cubic-bezier(.22,1,.36,1);transform-origin:right center}.agent-panel .drawer-head{align-items:flex-start;padding:var(--space-sm)}.agent-panel-title{gap:var(--space-3xs)}.agent-panel .agent-panel-kicker{display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-accent);font-size:9px;font-weight:760;letter-spacing:.08em}.agent-panel .agent-panel-kicker:before{width:12px;height:1px;flex:0 0 12px;background:currentColor;content:""}.agent-panel .drawer-head strong{font-size:18px;letter-spacing:-.02em}.agent-panel .drawer-head span{max-width:310px}.agent-panel-scroll{display:grid;min-height:0;overflow-y:auto;padding:var(--space-sm);scrollbar-color:var(--color-rule) transparent;scrollbar-width:thin}.agent-panel-scroll::-webkit-scrollbar{width:5px}.agent-panel-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:var(--color-rule)}.agent-panel .agent-fields{gap:var(--space-sm);max-height:none;overflow:visible;padding:0}.agent-panel .agent-variant-tabs{margin-bottom:var(--space-sm);padding:0}.agent-panel .field-block{gap:var(--space-2xs)}.agent-panel .replacement-scope-field{gap:var(--space-2xs);padding:var(--space-sm) 0;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.agent-panel .replacement-scope-field>span{display:flex;align-items:center;gap:var(--space-2xs)}.agent-panel .replacement-scope-field>span:before{width:7px;height:7px;border:1px solid var(--color-accent);border-radius:50%;box-shadow:0 0 0 3px var(--color-accent-soft);content:""}.agent-panel .replacement-scope-field .segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:var(--color-paper-3)}.agent-panel .replacement-scope-field .segmented button{display:grid;min-height:56px;height:auto;align-content:center;gap:var(--space-3xs);padding:var(--space-2xs);text-align:left}.agent-panel .replacement-scope-field .segmented strong{font-size:11px}.agent-panel .replacement-scope-field .segmented small{color:var(--color-ink-2);font-size:9px;font-weight:500}.agent-panel .replacement-scope-field>small{padding-left:var(--space-2xs);border-left:2px solid var(--color-accent-soft);color:var(--color-ink-2);line-height:1.55}.agent-panel .field-block>span,.agent-panel .image-source-head{color:var(--color-ink);font-size:11px;letter-spacing:.02em}.agent-panel .image-source-field{gap:var(--space-2xs);padding:var(--space-xs);border-radius:12px}.agent-panel .mask-source-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs);padding-right:0}.agent-panel .image-source-head-icon{display:grid;width:30px;height:30px;place-content:center;border:1px solid var(--color-rule);border-radius:8px;background:var(--color-paper-3);color:var(--color-ink-2)}.agent-panel .image-source-head-copy{display:grid;min-width:0;gap:var(--space-3xs)}.agent-panel .image-source-head-copy strong{overflow:hidden;color:var(--color-ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.agent-panel .image-source-head-copy small{overflow:hidden;color:var(--color-ink-2);font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.agent-panel .mask-source-status{display:flex;align-items:center;gap:var(--space-3xs);color:var(--color-ink-2);font-size:9px;white-space:nowrap}.agent-panel .mask-source-status:before{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-soft);content:""}.agent-panel .image-source-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs)}.agent-panel .image-source-actions button{justify-content:center;min-height:34px;padding-inline:8px;border-radius:8px;font-size:11px}.agent-panel .mask-source-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs)}.agent-panel .mask-source-card{height:124px}.agent-panel .mask-source-card>img,.agent-panel .mask-preview-composite{min-height:124px}.agent-panel .mask-source-empty,.agent-panel .mask-preview-empty{min-height:124px;padding:12px}.agent-panel .mask-source-empty svg{width:22px;height:22px;margin:0 auto}.agent-panel .mask-source-empty strong{font-size:12px}.agent-panel .mask-source-empty small{font-size:10px;line-height:1.35}.agent-panel .source-pill,.agent-panel .result-card,.agent-panel .agent-prompt-debug-trigger{margin:var(--space-xs) 0 0}.agent-panel-footer{flex:0 0 auto;padding:12px 16px 16px;border-top:1px solid var(--color-rule);background:var(--color-paper-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.agent-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:var(--space-2xs)}.agent-readiness span{display:flex;min-width:0;align-items:center;justify-content:center;gap:var(--space-3xs);color:var(--color-ink-2);font-size:8px;white-space:nowrap}.agent-readiness i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--color-muted)}.agent-readiness span.is-complete{color:var(--color-ink-2)}.agent-readiness span.is-complete i{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-soft)}.agent-panel-footer .generate-button{width:100%;margin:0;transition:box-shadow var(--olo-fast) ease,transform var(--olo-fast) ease}.agent-panel-footer .generate-button:active:not(:disabled){transform:translateY(1px)}@keyframes agent-panel-enter{0%{opacity:0;transform:translate(18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes tool-card-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes toolset-menu-enter{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.agent-panel,.tool-card,.toolset-menu{animation:none}.tool-card,.tool-card img,.tool-card-arrow,.tool-filter-row button,.toolset-chevron,.toolset-option,.toolset-option:before{transition:none}}.image-editor-local-panel{position:absolute;overflow:visible;border:1px solid var(--color-focus);border-radius:8px;background:linear-gradient(180deg,var(--color-paper-2),var(--color-paper-2)),var(--olo-panel);box-shadow:var(--olo-edge-shadow-active);-webkit-backdrop-filter:blur(24px) saturate(118%);backdrop-filter:blur(24px) saturate(118%)}.image-editor-local-thumb,.image-editor-local-add,.image-editor-local-expand,.image-editor-local-model,.image-editor-local-selection{border-color:var(--color-rule);border-radius:5px;background:var(--color-paper-2)}.image-editor-local-panel textarea{color:var(--color-ink)}.image-editor-local-panel textarea::placeholder{color:var(--color-ink-2)}.image-editor-send-button{border:1px solid var(--color-focus)!important;background:linear-gradient(145deg,var(--color-focus),var(--color-focus))!important;color:var(--color-accent-ink)!important;box-shadow:0 0 18px var(--color-accent-soft)}.image-editor-ai-button{border:1px solid var(--color-focus);background:linear-gradient(145deg,var(--color-focus),var(--color-focus))!important;color:var(--color-accent-ink);box-shadow:0 0 0 4px var(--color-accent-soft),0 0 22px var(--color-accent-soft)}.image-editor-ai-drawer{border-color:var(--color-accent-soft);border-radius:8px;box-shadow:var(--olo-edge-shadow)}.image-editor-model-menu button,.image-editor-ai-prompt textarea{border-color:var(--color-rule);border-radius:5px;background:var(--color-paper-2)}.image-editor-model-menu button:hover,.image-editor-model-menu button.is-active{border-color:var(--color-accent-soft);background:var(--color-accent-soft);color:var(--olo-cyan-white)}.image-editor-ai-confirm{border:1px solid var(--color-focus)!important;border-radius:6px;background:linear-gradient(145deg,var(--color-focus),var(--color-focus))!important;color:var(--color-accent-ink)!important}.image-editor-notice,.upload-feedback{border-color:var(--color-rule-strong);background:var(--color-paper-2);color:var(--color-ink);box-shadow:var(--olo-edge-shadow)}@media(max-width:760px){.primary-nav{width:64px;flex-basis:64px;padding-inline:6px}.primary-nav-brand{width:50px;font-size:14px}.primary-nav nav button{min-height:54px}.home-chat-workspace{padding:64px 16px 44px;background-position:60% center}.home-hero h1{font-size:30px}.home-hero p{font-size:15px}.home-prompt-box{width:100%;margin-top:42px}.home-prompt-surface{min-height:184px;padding:18px}.home-prompt-box textarea{font-size:16px}.home-prompt-box footer{gap:7px}.home-submit-button{flex-basis:58px;width:58px;height:58px;gap:0}.home-submit-button>svg{width:22px;height:22px}.home-submit-label{display:none}.home-projects{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px}.home-new-project,.home-project-card{min-height:150px}.projects-library-workspace,.section-workspace{padding:22px 16px 72px}.projects-library-head,.section-workspace-head{align-items:flex-start;flex-direction:column}.projects-library-actions,.section-workspace-head .gallery-bulk-actions{width:100%;flex-wrap:wrap}.project-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}}@media(prefers-reduced-motion:reduce){.agent-panel:before{animation:none}.quick-edit-bar:before,.asset-popover:before,.history-drawer:before,.image-editor-local-panel:before{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light;--page-bg: #f6f2e9;--canvas-bg: #e9e7df;--canvas-dot: rgba(48, 80, 84, .18);--panel-bg: #fffdf8;--panel-raised: #f2eee5;--panel-muted: #e9e5dc;--panel-border: rgba(54, 80, 82, .14);--panel-border-strong: rgba(36, 91, 98, .25);--text: #283234;--text-muted: #687476;--text-dim: #596766;--accent: #159db2;--accent-warm: #aa793e;--danger: #c84d5f;--olo-cyan: #159db2;--olo-cyan-white: #0b7181;--olo-brass: #a6753a;--olo-glass: rgba(255, 253, 248, .92);--olo-panel: rgba(255, 253, 248, .98);--olo-line: rgba(48, 83, 87, .14);--olo-line-strong: rgba(21, 157, 178, .44);--olo-edge-shadow: 0 0 0 1px rgba(42, 92, 96, .06), 0 18px 44px rgba(65, 58, 44, .12);--olo-edge-shadow-active: 0 0 0 1px rgba(21, 157, 178, .2), 0 20px 52px rgba(65, 58, 44, .14)}:root[data-theme=light] body,:root[data-theme=light] .fengbao-app-shell,:root[data-theme=light] .app-stage{background:var(--page-bg);color:var(--text)}:root[data-theme=light] .fengbao-app-shell ::selection,:root[data-theme=light] .app-stage ::selection{background:#159db233;color:#17474e}:root[data-theme=light] .project-context-menu,:root[data-theme=light] .gallery-options-menu{border-color:var(--color-rule);background:var(--color-overlay-surface);color:var(--text);box-shadow:var(--olo-edge-shadow)}:root[data-theme=light] .project-card-copy strong{color:var(--color-ink)}:root[data-theme=light] .projects-library-workspace,:root[data-theme=light] .section-workspace{background:linear-gradient(180deg,rgba(227,239,237,.55),transparent 230px),#f6f2e9;color:var(--text)}:root[data-theme=light] .projects-library-head,:root[data-theme=light] .section-workspace-head{border-bottom-color:#37535324}:root[data-theme=light] .projects-library-head h1,:root[data-theme=light] .section-workspace-head h1{color:#2b3332}:root[data-theme=light] .projects-library-actions button,:root[data-theme=light] .section-workspace-head .gallery-bulk-actions button,:root[data-theme=light] .section-workspace-head>button{border-color:#37535329;background:#fffdf8e0;color:#566361}:root[data-theme=light] .project-library-card,:root[data-theme=light] .gallery-tile,:root[data-theme=light] .gallery-empty{border-color:#37535324;background:#fffdf8f0;box-shadow:0 14px 34px #4d43331c}:root[data-theme=light] .project-card-cover{border-bottom-color:#3753531f;background:#ede9df;color:#596766}:root[data-theme=light] .project-card-copy small{color:#596766}:root[data-theme=light] .project-card-options,:root[data-theme=light] .project-select-dot,:root[data-theme=light] .gallery-select-button,:root[data-theme=light] .gallery-options-button{border-color:#ffffffb8;background:#fffdf8c7;color:#334343}:root[data-theme=light] .editor-shell,:root[data-theme=light] .canvas-wrap,:root[data-theme=light] .canvas-dot-grid-plane{background-color:var(--canvas-bg)}:root[data-theme=light] .canvas-dot-grid-plane{background-image:radial-gradient(circle,rgba(57,84,84,.2) 1px,transparent 1.1px)}:root[data-theme=light] .brand-mark,:root[data-theme=light] .save-button,:root[data-theme=light] .bottom-toolbar,:root[data-theme=light] .selection-quick-actions{border-color:#3753532e;background:#fffdf8e6;color:#35413f;box-shadow:0 16px 40px #453e3024}:root[data-theme=light] .top-project-bar h1,:root[data-theme=light] .sidebar-head h2{color:#3d3a32}:root[data-theme=light] .top-project-bar h1{color:var(--color-ink)}:root[data-theme=light] .storm-sidebar{border-right-color:#37535324;background:linear-gradient(180deg,#fffdf8fc,#eeeae0fc);box-shadow:12px 0 30px #4840311a}:root[data-theme=light] .sidebar-head,:root[data-theme=light] .category-grid{border-color:#3753531f}:root[data-theme=light] .category-button{border-color:#3753531a;background:#ffffff42;color:#6a7674}:root[data-theme=light] .category-button:hover,:root[data-theme=light] .category-button.is-active{border-color:#159db252;background:#159db217;color:#195d68}:root[data-theme=light] .search-shell,:root[data-theme=light] .tool-card{border-color:#37535324;background:#fffdf8e0;color:#4f5e5d;box-shadow:0 10px 24px #4a41311a}:root[data-theme=light] .tool-card-copy{background:linear-gradient(to top,rgba(40,43,40,.86),rgba(40,43,40,.42),transparent)}:root[data-theme=light] .minimap button{border-color:#3753532e;background:#fffdf8f5;color:#4f5e5d;box-shadow:0 8px 20px #453e3024}:root[data-theme=light] .minimap canvas{border-color:#159db247;box-shadow:0 12px 32px #453e302e}:root[data-theme=light] .floating-glass,:root[data-theme=light] .canvas-context-menu,:root[data-theme=light] .crop-panel,:root[data-theme=light] .grid-crop-menu,:root[data-theme=light] .brush-panel,:root[data-theme=light] .outpaint-floating-panel,:root[data-theme=light] .material-action-panel,:root[data-theme=light] .upscale-dropdown,:root[data-theme=light] .quick-edit-bar,:root[data-theme=light] .asset-popover,:root[data-theme=light] .history-drawer,:root[data-theme=light] .agent-panel,:root[data-theme=light] .image-editor-local-panel{border-color:#159db247;background:#fffdf8f7;color:var(--text);box-shadow:var(--olo-edge-shadow-active)}:root[data-theme=light] .crop-size-row label,:root[data-theme=light] .crop-size-row button,:root[data-theme=light] .crop-panel-head button{border-color:#3753533d;background:#f5f1e8;color:#596766}:root[data-theme=light] .crop-size-row button:hover,:root[data-theme=light] .crop-size-row button.is-active,:root[data-theme=light] .crop-size-row button:focus-visible,:root[data-theme=light] .crop-panel-head button:hover,:root[data-theme=light] .crop-panel-head button:focus-visible{border-color:#159db285;background:#e2f2f1;color:#195d68}:root[data-theme=light] .crop-panel-actions .crop-confirm{border-color:#195d68;background:#195d68;color:#fffdf8}:root[data-theme=light] .crop-panel-actions .crop-confirm:hover,:root[data-theme=light] .crop-panel-actions .crop-confirm:focus-visible{border-color:#124b56;background:#124b56;color:#fffdf8}:root[data-theme=light] .quick-edit-bar textarea,:root[data-theme=light] .field-block textarea,:root[data-theme=light] .field-block select,:root[data-theme=light] .field-block input[type=number],:root[data-theme=light] .field-block input[type=text],:root[data-theme=light] .agent-prompt-field textarea,:root[data-theme=light] .image-editor-local-panel textarea{border-color:#37535329;background:#f5f1e8d1;color:#293433}:root[data-theme=light] .quick-edit-source,:root[data-theme=light] .quick-edit-model,:root[data-theme=light] .quick-edit-reference,:root[data-theme=light] .quick-edit-clear-reference,:root[data-theme=light] .agent-model-tabs button,:root[data-theme=light] .agent-resolution-segmented button,:root[data-theme=light] .segmented button,:root[data-theme=light] .agent-upload-dropzone,:root[data-theme=light] .agent-upload-add,:root[data-theme=light] .image-source-field{border-color:#37535329;background:#f5f1e8c7;color:#5c6967}:root[data-theme=light] .desc-field,:root[data-theme=light] .source-pill,:root[data-theme=light] .image-source-field.has-image,:root[data-theme=light] .result-card{border-color:#159db23d;background:#eef8f6;color:#285e66}:root[data-theme=light] .agent-prompt-debug-trigger{border-color:#159db247;background:#edf8f6;color:#195d68}:root[data-theme=light] .agent-prompt-debug-trigger small{color:#596766}:root[data-theme=light] .image-editor-workspace{background:#e8e5dd;color:#2d3837}:root[data-theme=light] .image-editor-topbar,:root[data-theme=light] .image-editor-layer-panel{border-color:#37535324;background:#fffdf8f5}:root[data-theme=light] .image-editor-size-pill,:root[data-theme=light] .image-editor-main-tools,:root[data-theme=light] .image-editor-window-actions button,:root[data-theme=light] .image-editor-side-tools,:root[data-theme=light] .image-editor-file-popover,:root[data-theme=light] .image-editor-tool-popover,:root[data-theme=light] .image-editor-local-source-menu,:root[data-theme=light] .image-editor-ai-drawer{border-color:#37535329;background:#fffdf8f5;color:#374341;box-shadow:0 16px 42px #453e3024}:root[data-theme=light] .image-editor-body,:root[data-theme=light] .image-editor-stage-wrap{background:#e8e5dd}:root[data-theme=light] .image-editor-canvas-frame{border-color:#37535329;background-color:#d8d6cf;box-shadow:0 18px 54px #4840322e}:root[data-theme=light] .image-editor-layer-panel select,:root[data-theme=light] .image-editor-layer-actions button,:root[data-theme=light] .image-editor-local-thumb,:root[data-theme=light] .image-editor-local-add,:root[data-theme=light] .image-editor-local-expand,:root[data-theme=light] .image-editor-local-model,:root[data-theme=light] .image-editor-local-selection,:root[data-theme=light] .image-editor-model-menu button,:root[data-theme=light] .image-editor-ai-prompt textarea{border-color:#37535329;background:#f5f1e8d1;color:#4d5b59}:root[data-theme=light] .image-editor-notice,:root[data-theme=light] .upload-feedback{border-color:#159db23d;background:#fffdf8f5;color:#2a6972;box-shadow:var(--olo-edge-shadow)}:root[data-theme=light] .project-context-menu button{color:#3f4b49}:root[data-theme=light] .gallery-options-menu button{color:#3f4b49}:root[data-theme=light] .project-context-menu button:hover,:root[data-theme=light] .project-context-menu button:focus-visible{background:#159db21a;color:#107f90}:root[data-theme=light] .project-rename-backdrop{background:#303a3957}:root[data-theme=light] .project-rename-dialog{border-color:#159db238;background:#fffdf8;color:#2b3332;box-shadow:0 28px 90px #4d43333d}:root[data-theme=light] .project-rename-dialog header small{color:#159db2}:root[data-theme=light] .project-rename-dialog header button{color:#71807d}:root[data-theme=light] .project-rename-dialog header button:hover,:root[data-theme=light] .project-rename-dialog header button:focus-visible{background:#159db217;color:#107f90}:root[data-theme=light] .project-rename-dialog>label{color:#566361}:root[data-theme=light] .project-rename-dialog>input{border-color:var(--color-rule);background:var(--color-paper);color:var(--color-ink)}:root[data-theme=light] .project-rename-dialog>input:focus{border-color:var(--color-focus);box-shadow:0 0 0 var(--space-3xs) var(--color-focus-soft)}:root[data-theme=light] .project-rename-feedback span{color:#a13b4d}:root[data-theme=light] .project-rename-feedback small{color:#71807d}:root[data-theme=light] .project-rename-dialog footer button{border-color:#3753532e;color:#566361}:root[data-theme=light] .project-rename-dialog footer button:hover:not(:disabled),:root[data-theme=light] .project-rename-dialog footer button:focus-visible{border-color:#159db26b;background:#159db217}:root[data-theme=light] .project-rename-dialog footer button.is-primary{border-color:#159db2;background:#159db2;color:#fffdf8}:root[data-theme=light] .gallery-options-menu button:hover,:root[data-theme=light] .gallery-options-menu button:focus-visible{background:#159db217;color:#195d68}:root[data-theme=light] .project-context-menu button.is-danger,:root[data-theme=light] .gallery-options-menu button.is-danger{color:#a13b4d}:root[data-theme=light] .project-context-menu button.is-danger:hover,:root[data-theme=light] .project-context-menu button.is-danger:focus-visible,:root[data-theme=light] .gallery-options-menu button.is-danger:hover,:root[data-theme=light] .gallery-options-menu button.is-danger:focus-visible{background:#c84d5f1f;color:#8f2f40}:root[data-theme=light] .projects-library-actions button:hover:not(:disabled),:root[data-theme=light] .section-workspace-head .gallery-bulk-actions button:hover:not(:disabled),:root[data-theme=light] .section-workspace-head .gallery-bulk-actions button:focus-visible,:root[data-theme=light] .section-workspace-head>button:hover:not(:disabled){border-color:#159db26b;background:#159db217;color:#195d68}:root[data-theme=light] .projects-library-actions .is-primary,:root[data-theme=light] .section-workspace-head .gallery-bulk-actions button.is-selected{border-color:#159db294;background:#159db2;color:#fffdf8;box-shadow:0 0 0 3px #159db21f}:root[data-theme=light] .projects-library-actions .is-danger,:root[data-theme=light] .section-workspace-head .gallery-bulk-actions button.is-danger{border-color:#c84d5f57;background:#c84d5f17;color:#a13b4d}:root[data-theme=light] .projects-library-actions .is-danger:hover:not(:disabled),:root[data-theme=light] .projects-library-actions .is-danger:focus-visible,:root[data-theme=light] .section-workspace-head .gallery-bulk-actions button.is-danger:hover:not(:disabled),:root[data-theme=light] .section-workspace-head .gallery-bulk-actions button.is-danger:focus-visible{border-color:#c84d5f85;background:#c84d5f24;color:#8f2f40}:root[data-theme=light] .project-library-card:hover,:root[data-theme=light] .project-library-card:focus-visible{border-color:#159db25c;box-shadow:0 18px 40px #4d433326}:root[data-theme=light] .project-library-card.is-selected,:root[data-theme=light] .project-library-card.is-selected:hover,:root[data-theme=light] .project-library-card.is-selected:focus-visible{border-color:#159db2b8;box-shadow:inset 0 0 0 1px #159db229,0 18px 40px #4d433326}:root[data-theme=light] .project-select-dot[aria-pressed=true]{border-color:#159db2;background:#159db2;color:#fffdf8;box-shadow:0 0 0 3px #159db224}:root[data-theme=light] .gallery-tile:hover,:root[data-theme=light] .gallery-tile:focus-within{border-color:#159db25c;box-shadow:0 18px 40px #4d433326}:root[data-theme=light] .gallery-tile.is-selected{border-color:#159db2c7;box-shadow:inset 0 0 0 1px #159db22e,0 18px 40px #4d433326}:root[data-theme=light] .gallery-tile.is-selected .gallery-select-button{border-color:#159db2;background:#159db2;color:#fffdf8}:root[data-theme=light] .agent-model-tabs button:hover,:root[data-theme=light] .agent-model-tabs button:focus-visible,:root[data-theme=light] .agent-resolution-segmented button:hover,:root[data-theme=light] .agent-resolution-segmented button:focus-visible,:root[data-theme=light] .segmented button:hover,:root[data-theme=light] .segmented button:focus-visible{border-color:#159db26b;background:#159db214;color:#195d68}:root[data-theme=light] .agent-model-tabs button[aria-selected=true],:root[data-theme=light] .agent-model-tabs button.is-active,:root[data-theme=light] .agent-resolution-segmented button.is-active,:root[data-theme=light] .segmented button.is-active{border-color:#159db28f;background:#159db221;color:#195d68;box-shadow:inset 0 -2px #159db2}:root[data-theme=light] .image-editor-model-menu button.is-active,:root[data-theme=light] .image-editor-model-menu button:hover,:root[data-theme=light] .image-editor-model-menu button:focus-visible{border-color:#159db285;background:#159db21f;color:#195d68}:root[data-theme=light] .image-editor-ai-prompt span,:root[data-theme=light] .image-editor-ai-drawer header button{color:#596766}:root[data-theme=light] .storm-sidebar{border-right-color:var(--color-rule);background:linear-gradient(180deg,var(--color-paper),var(--color-paper-2)),var(--color-paper-2);box-shadow:10px 0 36px var(--color-elevation-shadow)}:root[data-theme=light] .sidebar-head{border-bottom-color:var(--color-paper-3);background:var(--color-overlay-surface)}:root[data-theme=light] .sidebar-logo-white{filter:invert(1)}:root[data-theme=light] .sidebar-brand-divider{background:var(--color-rule)}:root[data-theme=light] .sidebar-studio{color:var(--color-ink)}:root[data-theme=light] .sidebar-studio small{color:var(--color-ink-2)}:root[data-theme=light] .sidebar-head button{border-color:var(--color-rule);background:var(--color-overlay-surface);color:var(--color-ink-2)}:root[data-theme=light] .sidebar-head button:hover{border-color:var(--color-rule-strong);color:var(--color-ink)}:root[data-theme=light] .tool-library-intro{border-bottom-color:var(--color-paper-3)}:root[data-theme=light] .toolset-control{border-color:var(--color-rule);background:linear-gradient(145deg,var(--color-overlay-surface),var(--color-paper-2)),var(--color-paper-2);box-shadow:inset 0 1px 0 var(--color-overlay-rule),0 8px 24px var(--color-elevation-shadow)}:root[data-theme=light] .toolset-icon{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper-2);box-shadow:0 6px 16px var(--color-elevation-shadow)}:root[data-theme=light] .toolset-copy>span:first-child,:root[data-theme=light] .toolset-value small,:root[data-theme=light] .toolset-chevron{color:var(--color-ink-2)}:root[data-theme=light] .toolset-current-label{color:var(--color-ink)}:root[data-theme=light] .toolset-control:hover{border-color:var(--color-rule-strong)}:root[data-theme=light] .toolset-control:focus-within,:root[data-theme=light] .toolset-control.is-open{border-color:var(--color-accent);box-shadow:inset 0 1px 0 var(--color-overlay-rule),0 0 0 3px var(--color-accent-soft)}:root[data-theme=light] .toolset-control:hover .toolset-chevron,:root[data-theme=light] .toolset-control.is-open .toolset-chevron{color:var(--color-accent)}:root[data-theme=light] .toolset-menu{border-color:var(--color-rule);background:linear-gradient(155deg,var(--color-paper),var(--color-paper-2)),var(--color-paper);box-shadow:0 24px 55px var(--color-elevation-shadow),0 5px 16px var(--color-elevation-shadow),inset 0 1px 0 var(--color-overlay-rule)}:root[data-theme=light] .toolset-menu-head{border-bottom-color:var(--color-paper-3);color:var(--color-ink-2)}:root[data-theme=light] .toolset-menu-head small,:root[data-theme=light] .toolset-option-copy small{color:var(--color-muted)}:root[data-theme=light] .toolset-option{color:var(--color-ink-2)}:root[data-theme=light] .toolset-option:hover,:root[data-theme=light] .toolset-option:focus-visible{background:var(--color-hover-surface);color:var(--color-ink-2)}:root[data-theme=light] .toolset-option.is-active{background:linear-gradient(90deg,var(--color-accent-soft),var(--color-accent-soft)),var(--color-overlay-surface);color:var(--color-accent)}:root[data-theme=light] .toolset-option-index{border-color:var(--color-rule);background:var(--color-overlay-surface);color:var(--color-muted)}:root[data-theme=light] .toolset-option.is-active .toolset-option-index{border-color:var(--color-accent-soft);background:var(--color-accent-soft);color:var(--color-accent)}:root[data-theme=light] .toolset-option-copy strong{color:var(--color-ink)}:root[data-theme=light] .toolset-option-status{color:var(--color-accent)}:root[data-theme=light] .toolset-option-status>span{background:var(--color-rule)}:root[data-theme=light] .search-shell{border-color:var(--color-rule);background:var(--color-overlay-surface);color:var(--color-ink-2);box-shadow:none}:root[data-theme=light] .search-shell:focus-within{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}:root[data-theme=light] .search-shell input{color:var(--color-ink)}:root[data-theme=light] .search-shell input::placeholder{color:var(--color-muted)}:root[data-theme=light] .tool-filter-row button{color:var(--color-ink-2)}:root[data-theme=light] .tool-filter-row button:hover{background:var(--color-hover-surface);color:var(--color-ink)}:root[data-theme=light] .tool-filter-row button.is-active{background:var(--color-paper-2);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-soft)}:root[data-theme=light] .tool-library-section-head{border-bottom-color:var(--color-paper-3)}:root[data-theme=light] .tool-library-section-head strong{color:var(--color-ink)}:root[data-theme=light] .tool-library-section-head span{color:var(--color-muted)}:root[data-theme=light] .tool-card{border-color:var(--color-rule);background:var(--color-paper);box-shadow:0 8px 22px var(--color-elevation-shadow)}:root[data-theme=light] .tool-card:hover{border-color:var(--color-rule-strong);box-shadow:0 15px 32px var(--color-elevation-shadow);transform:translateY(-2px)}:root[data-theme=light] .tool-card.is-selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-soft),0 14px 32px var(--color-accent-soft)}:root[data-theme=light] .tool-card-copy{background:var(--color-paper)}:root[data-theme=light] .tool-card-copy strong{color:var(--color-ink)}:root[data-theme=light] .tool-card-copy small{color:var(--color-ink-2)}:root[data-theme=light] .tool-card-arrow{color:var(--color-muted)}:root[data-theme=light] .tool-card:hover .tool-card-arrow,:root[data-theme=light] .tool-card.is-selected .tool-card-arrow{color:var(--color-accent)}:root[data-theme=light] .tool-library-empty{color:var(--color-muted)}:root[data-theme=light] .tool-library-empty strong{color:var(--color-ink-2)}:root[data-theme=light] .agent-panel{border-color:var(--color-rule-strong);background:var(--color-paper);box-shadow:0 28px 80px var(--color-elevation-shadow),0 3px 12px var(--color-elevation-shadow);-webkit-backdrop-filter:blur(24px) saturate(108%);backdrop-filter:blur(24px) saturate(108%)}:root[data-theme=light] .agent-panel .drawer-head{border-bottom-color:var(--color-paper-3);background:var(--color-overlay-surface)}:root[data-theme=light] .agent-panel .agent-panel-kicker{color:var(--color-accent)}:root[data-theme=light] .agent-panel .drawer-head strong{color:var(--color-ink)}:root[data-theme=light] .agent-panel .drawer-head span{color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .drawer-head button{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .drawer-head button:hover{border-color:var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink)}:root[data-theme=light] .agent-panel-scroll{scrollbar-color:var(--color-rule) transparent}:root[data-theme=light] .agent-panel-scroll::-webkit-scrollbar-thumb{background:var(--color-rule)}:root[data-theme=light] .agent-panel .field-block>span,:root[data-theme=light] .agent-panel .image-source-head{color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .replacement-scope-field{border-color:var(--color-paper-3)}:root[data-theme=light] .agent-panel .replacement-scope-field .segmented{background:var(--color-paper-2)}:root[data-theme=light] .agent-panel .replacement-scope-field .segmented button{border-color:transparent;background:transparent}:root[data-theme=light] .agent-panel .replacement-scope-field .segmented button.is-active{border-color:var(--color-rule);background:var(--color-paper);color:var(--color-ink);box-shadow:0 5px 14px var(--color-elevation-shadow),inset 0 -2px 0 var(--color-accent)}:root[data-theme=light] .agent-panel .replacement-scope-field .segmented button.is-active small{color:var(--color-accent)}:root[data-theme=light] .agent-panel .replacement-scope-field .segmented small{color:var(--color-muted)}:root[data-theme=light] .agent-panel .replacement-scope-field>small{color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .field-block textarea,:root[data-theme=light] .agent-panel .field-block select,:root[data-theme=light] .agent-panel .field-block input[type=number],:root[data-theme=light] .agent-panel .field-block input[type=text]{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink)}:root[data-theme=light] .agent-panel .field-block textarea:focus,:root[data-theme=light] .agent-panel .field-block select:focus,:root[data-theme=light] .agent-panel .field-block input[type=number]:focus,:root[data-theme=light] .agent-panel .field-block input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}:root[data-theme=light] .agent-panel .image-source-field{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .image-source-field.has-image{border-color:var(--color-accent);background:var(--color-paper-2)}:root[data-theme=light] .agent-panel .image-source-head-icon{border-color:var(--color-paper-3);background:var(--color-paper-2);color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .image-source-head-copy strong{color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .image-source-head-copy small{color:var(--color-muted)}:root[data-theme=light] .agent-panel .mask-source-status{color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .mask-source-card{border-color:var(--color-overlay-rule);background:var(--color-paper-3)}:root[data-theme=light] .agent-panel .mask-source-card>span{color:var(--color-muted)}:root[data-theme=light] .agent-panel .mask-preview-card{background:linear-gradient(45deg,var(--color-checker) 25%,transparent 25% 75%,var(--color-checker) 75%),linear-gradient(45deg,var(--color-checker) 25%,transparent 25% 75%,var(--color-checker) 75%),var(--color-paper-3);background-position:0 0,9px 9px;background-size:18px 18px}:root[data-theme=light] .agent-panel .image-source-actions button{border-color:var(--color-rule);background:var(--color-paper);color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .image-source-actions button:hover:not(:disabled),:root[data-theme=light] .agent-panel .image-source-actions button:focus-visible{border-color:var(--color-accent);background:var(--color-paper-2);color:var(--color-accent)}:root[data-theme=light] .agent-panel .agent-model-tabs button,:root[data-theme=light] .agent-panel .segmented button{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink-2);box-shadow:none}:root[data-theme=light] .agent-panel .agent-model-tabs button:hover,:root[data-theme=light] .agent-panel .agent-model-tabs button:focus-visible,:root[data-theme=light] .agent-panel .segmented button:hover,:root[data-theme=light] .agent-panel .segmented button:focus-visible{border-color:var(--color-accent);background:var(--color-paper-2);color:var(--color-accent)}:root[data-theme=light] .agent-panel .agent-model-tabs button[aria-selected=true],:root[data-theme=light] .agent-panel .agent-model-tabs button.is-active,:root[data-theme=light] .agent-panel .segmented button.is-active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper);box-shadow:inset 0 -2px 0 var(--color-accent)}:root[data-theme=light] .agent-panel .agent-prompt-debug-trigger{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink-2)}:root[data-theme=light] .agent-panel .agent-prompt-debug-trigger small{color:var(--color-ink-2)}:root[data-theme=light] .agent-panel-footer{border-top-color:var(--color-rule);background:var(--color-paper-2)}:root[data-theme=light] .agent-readiness span{color:var(--color-muted)}:root[data-theme=light] .agent-readiness i{background:var(--color-rule)}:root[data-theme=light] .agent-readiness span.is-complete{color:var(--color-ink-2)}:root[data-theme=light] .agent-panel-footer .generate-button{border-color:var(--color-ink);background:linear-gradient(145deg,var(--color-ink),var(--color-ink));color:var(--color-paper);box-shadow:0 10px 22px var(--color-elevation-shadow)}:root[data-theme=light] .agent-panel-footer .generate-button:hover:not(:disabled){background:linear-gradient(145deg,var(--color-ink),var(--color-ink));box-shadow:0 13px 28px var(--color-elevation-shadow)}:root,:root[data-theme=light],:root[data-theme=dark]{--page-bg: var(--color-paper);--canvas-bg: var(--color-paper-2);--panel-bg: var(--color-paper-2);--panel-raised: var(--color-paper-3);--panel-muted: var(--color-paper-3);--panel-border: var(--color-rule);--panel-border-strong: var(--color-rule-strong);--text: var(--color-ink);--text-muted: var(--color-ink-2);--text-dim: var(--color-muted);--accent: var(--color-accent);--accent-warm: var(--color-accent);--danger: var(--color-danger)}html,body{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)}h1,h2,h3{min-width:0;overflow-wrap:anywhere;color:var(--color-ink);font-family:var(--font-display);font-style:normal;letter-spacing:var(--tracking-display)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}body :is(button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select,[role=button]){min-height:44px;border-color:var(--color-rule-strong);font-family:var(--font-body);outline:var(--rule-fine) solid transparent;outline-offset:var(--rule-hair)}:where(button,nav a){white-space:nowrap}:where(button,input,textarea,select,[role=button]):focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}:where(button,[role=button]):active:not(:disabled){transform:translateY(1px);transition-duration:var(--dur-micro)}.reference-image-preview-dialog{width:fit-content;max-width:calc(100vw - var(--space-xl));max-height:calc(100dvh - var(--space-xl));overflow:visible;padding:0;border:0;background:transparent;color:var(--color-on-image)}.reference-image-preview-dialog::backdrop{background:color-mix(in oklch,var(--color-login-canvas) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reference-image-preview-dialog>img{display:block;max-width:100%;max-height:calc(100dvh - var(--space-xl));border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);object-fit:contain}.reference-image-preview-dialog>button{position:absolute;top:var(--space-xs);right:var(--space-xs);display:grid;width:44px;height:44px;min-height:44px;place-items:center;padding:0;border:var(--rule-hair) solid color-mix(in oklch,var(--color-on-image) 28%,transparent);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-login-canvas) 72%,transparent);color:var(--color-on-image);cursor:pointer}.reference-image-hover-preview{position:fixed;z-index:1200;display:grid;max-width:calc(100vw - var(--space-xl));max-height:70dvh;place-items:center;padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:var(--shadow-panel);pointer-events:none}.reference-image-hover-preview img{display:block;max-width:min(560px,calc(100vw - var(--space-2xl)));max-height:calc(70dvh - var(--space-sm));border-radius:var(--radius-input);object-fit:contain}:where(button,[role=button]):hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){border-color:var(--color-accent)}:where(button,input,textarea,select):disabled,:where(button,[role=button])[aria-disabled=true]{cursor:not-allowed;opacity:.55}:where(button,[role=button])[aria-busy=true]{cursor:wait;pointer-events:none;touch-action:none}.is-error{border-color:var(--color-danger);color:var(--color-danger)}.is-success{border-color:var(--color-success);color:var(--color-success)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation:none!important;transition-property:opacity!important;transition-duration:.15s!important}:where(button,[role=button]):active:not(:disabled){transform:none!important}}.fengbao-app-shell{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:80px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden;background:var(--color-login-canvas)}.app-stage{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:hidden;background:var(--color-login-canvas)}.fengbao-app-shell:not(.is-editor)>.app-stage{height:auto;align-self:stretch}.app-navigation{position:relative;z-index:60;display:grid;grid-column:1 / -1;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;min-height:80px;align-items:center;gap:clamp(var(--space-lg),3vw,var(--space-2xl));border-bottom:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-canvas);color:var(--color-login-ink);padding:0 clamp(var(--space-md),2.7vw,var(--space-2xl))}.app-navigation-brand-row{display:flex;min-width:0;align-items:center;justify-content:flex-start}.app-brand{display:flex;min-width:0;align-items:center;gap:var(--space-xs)}.app-brand img{width:104px;height:28px;object-fit:contain}.app-brand-logo-on-dark{display:none;mix-blend-mode:screen}[data-theme=dark] .app-brand-logo-on-light{display:none}[data-theme=dark] .app-brand-logo-on-dark{display:block}.app-navigation .app-brand-logo-on-light{display:none}.app-navigation .app-brand-logo-on-dark{display:block}.app-brand.is-login img{width:160px;height:46px}.app-brand.is-compact img{width:56px;height:20px}.app-primary-rail{position:fixed;inset-block:80px 0;inset-inline-start:0;z-index:59;display:flex;width:64px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);margin:0;border-inline-end:0;background:var(--color-login-canvas);padding:0 var(--space-2xs)}.app-primary-rail button,.app-navigation-actions>button{display:flex;min-width:0;min-height:44px;align-items:center;gap:var(--space-xs);border:0;border-radius:0;background:transparent;color:var(--color-login-muted);padding:0;white-space:nowrap}.app-primary-rail button{position:relative;inset-block-start:-60px;width:48px;min-height:52px;flex-direction:column;justify-content:center;gap:var(--space-3xs);border-radius:var(--radius-card);padding:0;font-size:var(--text-sm);font-weight:500}.app-primary-rail button:hover{border-color:transparent;background:transparent;color:var(--color-login-muted)}.app-primary-rail button.is-active{border-color:transparent;background:transparent;color:var(--color-login-muted);box-shadow:none;font-weight:500}.app-primary-rail button span{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;line-height:1.2;letter-spacing:.08em;text-indent:.08em}.app-navigation-actions{display:flex;align-items:center;gap:var(--space-xs);margin:0;border:0;padding:0}.app-navigation-actions .filing-info-trigger{width:auto;justify-content:center;color:var(--color-login-muted)}.app-navigation-tools{display:flex;grid-column:3;align-items:center;justify-content:flex-end;gap:var(--space-3xs)}.account-menu-anchor{position:relative}.app-account-trigger{display:grid;grid-template-columns:36px minmax(0,1fr) auto;min-width:0;min-height:44px;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);padding:0 var(--space-xs);text-align:start}.app-account-corner{position:relative;z-index:70}.app-account-corner .app-account-trigger{position:relative;grid-template-columns:36px minmax(0,auto);width:auto;min-width:112px;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--color-login-muted);padding:0 var(--space-xs) 0 var(--space-3xs)}.app-account-corner .app-account-copy{display:grid}.app-account-corner .app-account-copy strong{display:none}.app-account-corner .app-account-copy small{color:var(--color-login-muted);font-weight:700}.app-account-points-balance{position:relative;display:inline-flex;overflow:visible;align-items:center;gap:var(--space-3xs);border:0;background:transparent;box-shadow:none;padding:0}.app-account-points-icon{flex:0 0 auto;color:var(--color-accent);opacity:.9;stroke-width:2;animation:account-points-accent-glint 5.8s var(--ease-in-out) infinite}.app-account-points-value{color:color-mix(in oklch,var(--color-ink-2) 72%,var(--color-accent));font-weight:800;letter-spacing:.01em}.app-account-points-stale{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}@keyframes account-points-accent-glint{0%,68%,to{opacity:.9}76%{opacity:1}}@media(prefers-reduced-motion:reduce){.app-account-points-icon{animation:none!important}}.app-account-corner .app-account-state{position:absolute;inset-inline-end:calc(var(--space-3xs) * -1);inset-block-end:calc(var(--space-3xs) * -1);border-radius:var(--radius-pill);background:var(--color-paper-2)}.app-account-avatar,.account-avatar-preview{display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink-2)}.app-account-avatar{width:36px;height:36px}.app-account-avatar img,.account-avatar-preview img{width:100%;height:100%;object-fit:cover}.account-avatar-initial{color:var(--color-ink-1);font-size:var(--text-sm);font-weight:650;line-height:1}.account-avatar-preview .account-avatar-initial{font-size:var(--text-xl)}.app-account-copy{display:grid;min-width:0;gap:var(--space-3xs)}.app-account-copy strong,.app-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-account-copy strong{color:var(--color-ink);font-size:var(--text-sm);font-weight:700}.app-account-copy small{color:var(--color-muted);font-size:var(--text-xs)}.app-account-state{color:var(--color-ink-2)}.account-user-menu{position:absolute;inset-block-start:calc(100% + var(--space-2xs));inset-inline-end:0;display:grid;width:min(calc(var(--space-4xl) + var(--space-2xl) + var(--space-lg)),calc(100vw - var(--space-sm)));overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-panel);padding:var(--space-2xs);animation:account-menu-in var(--dur-short) var(--ease-out) both}.account-user-menu button{display:flex;width:100%;min-height:44px;align-items:center;gap:var(--space-xs);border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);padding:var(--space-2xs) var(--space-xs);text-align:start}.account-user-menu button>span{display:grid;min-width:0;gap:var(--space-3xs)}.account-user-menu strong,.account-user-menu small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-user-menu strong{color:currentColor;font-size:var(--text-sm)}.account-user-menu small{color:var(--color-muted);font-size:var(--text-xs)}.account-user-menu .is-section-start,.account-user-menu .is-danger{margin-block-start:var(--space-2xs);border-top:var(--rule-hair) solid var(--color-rule);border-radius:0 0 var(--radius-input) var(--radius-input)}.account-user-menu .is-danger{color:var(--color-danger)}@keyframes account-menu-in{0%{opacity:0;transform:translateY(calc(var(--space-3xs) * -1))}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.app-account-trigger:hover,.app-account-trigger.is-hover,.account-user-menu button:hover,.account-settings-sections button:hover,.account-upload-button:hover,.account-primary-button:hover,.account-close:hover,.account-points-unavailable button:hover,.account-points-more:hover,.points-toast button:hover{background:var(--color-hover-surface)}}.app-account-trigger.is-focus,.app-account-trigger:focus-visible,.account-user-menu button:focus-visible,.account-settings-sections button:focus-visible,.account-upload-button:focus-visible,.sr-only:focus-visible+.account-upload-button,.account-primary-button:focus-visible,.account-close:focus-visible,.account-points-unavailable button:focus-visible,.account-points-more:focus-visible,.points-toast button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}.app-account-trigger.is-active,.app-account-trigger:active:not(:disabled),.account-user-menu button:active:not(:disabled),.account-settings-sections button:active:not(:disabled),.account-upload-button:active:not([aria-disabled=true]),.account-primary-button:active:not(:disabled),.account-close:active:not(:disabled),.account-points-unavailable button:active:not(:disabled),.account-points-more:active:not(:disabled),.points-toast button:active:not(:disabled){transform:translateY(1px)}.app-account-trigger.is-disabled,.app-account-trigger:disabled,.account-user-menu button:disabled,.account-settings-sections button:disabled,.account-upload-button[aria-disabled=true],.account-primary-button:disabled,.account-close:disabled,.account-points-unavailable button:disabled,.account-points-more:disabled{cursor:not-allowed;opacity:.55}.app-account-trigger.is-error{border-color:var(--color-danger)}.app-account-trigger.is-error .app-account-state{color:var(--color-danger)}.app-account-trigger.is-success{border-color:var(--color-success)}.app-account-trigger.is-success .app-account-state{color:var(--color-success)}.account-settings-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(calc(100% - var(--space-lg)),680px);max-width:none;height:fit-content;max-height:min(calc(100dvh - var(--space-lg)),760px);margin:auto;overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-panel);padding:0}.account-settings-dialog.is-points{width:min(calc(100% - var(--space-lg)),960px)}.account-settings-dialog.is-points.is-rewards{width:min(calc(100% - var(--space-lg)),1320px);height:min(calc(100dvh - var(--space-lg)),900px);max-height:900px}.account-settings-dialog.is-points[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.account-settings-dialog::backdrop{background:var(--color-modal-scrim)}.account-settings-dialog[open]{animation:account-dialog-in var(--dur-short) var(--ease-out) both}@keyframes account-dialog-in{0%{opacity:0;transform:translateY(var(--space-2xs))}to{opacity:1;transform:translateY(0)}}.account-settings-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.account-settings-head{border-bottom:var(--rule-hair) solid var(--color-rule)}.account-settings-head h2,.account-section-heading h3{margin:0}.account-settings-head h2{font-size:var(--text-xl)}.account-settings-head p,.account-section-heading p{margin:var(--space-3xs) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}.account-close{display:grid;width:44px;min-width:44px;height:44px;place-items:center;border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2)}.account-settings-body{display:grid;grid-template-columns:calc(var(--space-4xl) + var(--space-md)) minmax(0,1fr);min-height:min(440px,calc(100dvh - var(--space-4xl)));max-height:calc(min(100dvh - var(--space-lg),760px) - var(--space-4xl));overflow:hidden}.account-settings-body.is-points{grid-template-columns:minmax(0,1fr);min-height:0;max-height:none}.account-settings-sections{display:grid;align-content:start;gap:var(--space-3xs);border-inline-end:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);padding:var(--space-sm) var(--space-2xs)}.account-settings-sections button{display:flex;width:100%;min-width:0;min-height:44px;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);padding:0 var(--space-xs);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.app-account-corner .account-menu-anchor .account-settings-dialog .account-settings-sections button{border-color:transparent}.account-settings-sections button.is-active{background:var(--color-paper);color:var(--color-accent);box-shadow:inset var(--rule-fine) 0 0 var(--color-accent)}.account-settings-panel{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.account-points-panel{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr)}.account-record-tabs{display:flex;gap:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule);padding:0 var(--space-md)}.account-record-tabs button{min-height:44px;border:0;border-block-end:var(--rule-fine) solid transparent;background:transparent;color:var(--color-muted);padding:0;font-size:var(--text-sm);font-weight:600}.account-record-tabs button.is-active{border-block-end-color:var(--color-accent);color:var(--color-ink)}.account-record-tabs button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}.account-settings-panel>[hidden]{display:none}.account-profile-section,.account-referral-section,.account-password-section,.account-points-section{display:grid;gap:var(--space-md);padding:var(--space-md)}.account-referral-section{border-block-start:var(--rule-hair) solid var(--color-rule)}.account-referral-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs)}.account-referral-control>svg{color:var(--color-muted)}.account-referral-control input{width:100%;min-width:0;height:44px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:0 var(--space-xs);font-size:var(--text-sm)}.account-referral-control input:focus-visible{border-color:var(--color-ink-2)}.account-purchases-section{display:grid;min-height:0;align-content:start;gap:var(--space-md);overflow-y:auto;padding:var(--space-md)}.account-section-heading h3{font-size:var(--text-lg)}.account-points-loading{display:flex;min-height:calc(var(--space-4xl) + var(--space-3xl));align-items:center;justify-content:center;gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-sm)}.account-points-unavailable{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-muted)}.account-points-unavailable>div{display:grid;gap:var(--space-3xs)}.account-points-unavailable strong{color:var(--color-ink)}.account-points-unavailable button{min-height:36px;padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink)}.account-points-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:var(--rule-hair) solid var(--color-rule)}.account-points-summary article{display:grid;min-width:0;gap:var(--space-3xs);padding:var(--space-sm) var(--space-xs)}.account-points-summary article+article{border-inline-start:var(--rule-hair) solid var(--color-rule)}.account-points-summary span,.account-expiring-points small{color:var(--color-muted);font-size:var(--text-xs)}.account-points-summary strong{overflow:hidden;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);text-overflow:ellipsis}.account-expiring-points,.account-points-ledger{display:grid;gap:var(--space-xs)}.account-expiring-points>header,.account-points-ledger>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.account-points-ledger>header>div{display:grid;gap:var(--space-3xs)}.account-points-ledger>header small{color:var(--color-muted);font-size:var(--text-xs)}.account-expiring-points p,.account-points-ledger p{margin:0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}.account-expiring-points ul{display:grid;margin:0;padding:0;list-style:none}.account-expiring-points li{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);padding:var(--space-xs) 0}.account-expiring-points li span{color:var(--color-ink-2);font-size:var(--text-sm)}.account-expiring-points li strong{font-size:var(--text-sm)}.account-points-table-wrap{min-width:0;max-height:min(42dvh,420px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-block:var(--rule-hair) solid var(--color-rule)}.account-points-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;table-layout:fixed}.account-points-table-wrap th,.account-points-table-wrap td{border-block-end:var(--rule-hair) solid var(--color-rule);padding:var(--space-xs);text-align:start;vertical-align:middle}.account-points-table-wrap th{position:sticky;z-index:1;top:0;background:var(--color-paper);color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.account-points-table-wrap th:first-child{width:46%}.account-points-table-wrap th:nth-child(2){width:22%}.account-points-table-wrap th:nth-child(3),.account-points-table-wrap th:nth-child(4){width:16%;text-align:end}.account-purchase-table-wrap th:first-child{width:44%}.account-purchase-table-wrap th:nth-child(3){width:18%}.account-points-table-wrap tbody tr:last-child td{border-block-end:0}.account-points-table-wrap td:first-child{min-width:0}.account-points-table-wrap td:first-child strong,.account-points-table-wrap td:first-child small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-points-table-wrap td:first-child strong{font-size:var(--text-sm)}.account-points-table-wrap td:first-child small,.account-points-table-wrap time{color:var(--color-muted);font-size:var(--text-xs)}.account-points-table-wrap td:nth-child(3),.account-points-table-wrap td:nth-child(4){text-align:end;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.account-points-table-wrap td.is-credit{color:var(--color-success)}.account-points-table-wrap td.is-debit{color:var(--color-ink)}.account-order-status.is-fulfilled{color:var(--color-success)}.account-order-status.is-closed{color:var(--color-muted)}.account-order-status,.account-purchase-amount{white-space:nowrap}.account-purchase-amount>strong{display:block;font-variant-numeric:tabular-nums}.account-purchase-amount>button{display:block;min-height:32px;margin-inline-start:auto;border:0;border-block-end:var(--rule-hair) solid currentColor;background:transparent;color:var(--color-accent);padding:0;font-size:var(--text-xs);font-weight:600}.account-points-empty{display:flex;min-height:calc(var(--space-4xl) + var(--space-lg));align-items:center;justify-content:center;gap:var(--space-2xs);border-block:var(--rule-hair) solid var(--color-rule);color:var(--color-muted)}.account-points-more{min-height:44px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-sm);font-weight:700}.points-toast{position:fixed;z-index:320;inset-inline-start:50%;inset-block-end:var(--space-md);display:flex;width:min(calc(100% - var(--space-lg)),520px);min-height:52px;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-panel);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-panel);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-xs);transform:translate(-50%);animation:account-dialog-in var(--dur-short) var(--ease-out) both}.points-toast>svg{flex:0 0 auto;color:var(--color-danger)}.points-toast>span{min-width:0;flex:1;font-size:var(--text-sm);font-weight:600}.points-toast button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2)}.account-avatar-editor{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-sm)}.account-avatar-preview{width:72px;height:72px}.account-avatar-editor>div{display:grid;justify-items:start;gap:var(--space-3xs)}.account-avatar-editor small,.account-field-message{color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.account-upload-button,.account-primary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.account-upload-button{background:var(--color-paper-2);color:var(--color-ink);padding:0 var(--space-sm);cursor:pointer}.account-form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}@media(min-width:720px){.account-form{grid-template-columns:repeat(2,minmax(0,1fr))}.account-field.is-wide,.account-form-actions{grid-column:1 / -1}}.account-field{display:grid;min-width:0;gap:var(--space-3xs);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600}.account-field input{width:100%;min-width:0;height:44px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:0 var(--space-xs)}@media(hover:hover)and (pointer:fine){.account-field input:hover:not(:disabled){background:var(--color-paper-2)}}.account-field input:focus-visible{border-color:var(--color-ink-2)}.account-field input[aria-invalid=true]{border-color:var(--color-danger)}.account-field input[readonly]{background:var(--color-paper-2);color:var(--color-ink-2)}.account-field small{color:var(--color-muted);font-size:var(--text-xs);font-weight:400}.account-field-message{min-height:1.5em;font-weight:400}.account-field-message.is-error{color:var(--color-danger)}.account-form-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.account-message{display:inline-flex;min-width:0;min-height:1.5em;flex:1;align-items:center;gap:var(--space-3xs);color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.account-message.is-error{color:var(--color-danger)}.account-message.is-success{color:var(--color-success)}.account-primary-button{background:var(--color-accent);color:var(--color-accent-ink);padding:0 var(--space-sm)}.account-spinner{animation:account-spinner var(--dur-loading) linear infinite}@keyframes account-spinner{to{transform:rotate(1turn)}}.account-settings-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm);padding:var(--space-md)}.account-settings-preview section{display:grid;gap:var(--space-2xs)}.filing-info-backdrop{position:fixed;z-index:240;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--color-modal-scrim);padding:var(--space-md)}.filing-info-dialog{width:min(100%,440px);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-panel);padding:var(--space-md)}.filing-info-backdrop .filing-info-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.filing-info-dialog header small{color:var(--color-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label)}.filing-info-dialog h2{margin:var(--space-3xs) 0 0;font-size:var(--text-xl)}.filing-info-close{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);cursor:pointer}.filing-info-close:hover,.filing-info-close:focus-visible{border-color:var(--color-rule);background:var(--color-hover-surface);color:var(--color-ink)}.filing-info-dialog>p{margin:0;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.7}.filing-info-dialog>a{display:inline-flex;align-items:center;gap:var(--space-3xs);margin-top:var(--space-sm);color:var(--color-ink);font-size:var(--text-md);font-weight:700;text-underline-offset:4px}.filing-info-dialog>a:hover,.filing-info-dialog>a:focus-visible{color:var(--color-accent)}.filing-info-dialog .filing-info-copyright{margin-top:var(--space-xs);color:var(--color-muted)}.fengbao-app-shell.is-editor{display:block;height:100dvh;min-height:0;overflow:clip}.inline-action-error{display:flex;min-width:0;align-items:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-input);color:var(--color-danger);padding:var(--space-xs)}.inline-action-error>span{min-width:0;flex:1}.login-page{position:relative;isolation:isolate;width:100%;height:auto;min-height:100dvh;overflow:clip;background:var(--color-login-canvas);color:var(--color-login-ink)}html.has-public-login,html.has-public-login body,html.has-public-login #root{height:auto;min-height:100%}html.has-public-login{overflow-x:hidden;overflow-y:auto;scrollbar-width:none}html.has-public-login body{overflow:visible}html.has-public-login.is-login-panel-open{overflow:hidden}html.has-public-login::-webkit-scrollbar{display:none}.login-page.is-login-open{height:auto;overflow:clip}.login-hero-stage{position:relative;height:100dvh;min-height:100dvh;overflow:hidden}.login-navigation{position:absolute;inset:0 0 auto;z-index:10;display:flex;min-width:0;min-height:80px;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) clamp(var(--space-md),3.2vw,var(--space-2xl))}.login-navigation .app-brand-logo-on-light{display:none}.login-navigation .app-brand-logo-on-dark{display:block}.login-entry-trigger{display:inline-flex;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2xs);border:0;border-bottom:0;border-radius:var(--radius-login-control);background:transparent;color:var(--color-login-ink);cursor:pointer;font-weight:600;transition:transform var(--dur-micro) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.login-entry-trigger:hover,.login-entry-trigger:focus-visible{border-color:var(--color-login-ink);background:transparent}.login-entry-trigger svg{color:currentColor;transition:transform var(--dur-short) var(--ease-out)}.login-entry-trigger:hover svg,.login-entry-trigger:focus-visible svg{transform:translate(3px,-3px)}.login-entry-trigger:active{transform:translateY(var(--rule-hair))}.login-filing-footer{position:absolute;inset-inline:clamp(var(--space-md),3.2vw,var(--space-2xl));inset-block-end:var(--space-md);z-index:10;display:flex;min-height:28px;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-2xs);color:var(--color-login-muted);font-size:var(--text-xs);line-height:1.5;text-align:start}.login-filing-footer a{color:inherit;text-underline-offset:3px}.login-filing-footer a:hover,.login-filing-footer a:focus-visible{color:var(--color-login-ink)}.login-scroll-cue{position:absolute;inset-inline-start:50%;inset-block-end:clamp(var(--space-md),3vh,var(--space-lg));z-index:10;display:grid;min-width:132px;min-height:44px;place-items:center;gap:var(--space-3xs);border:0;background:transparent;color:var(--color-login-muted);cursor:pointer;font-size:var(--text-sm);transform:translate(-50%)}.login-scroll-cue svg{animation:login-scroll-cue 1.8s var(--ease-in-out) infinite}.login-scroll-cue:hover,.login-scroll-cue:focus-visible{color:var(--color-login-ink)}@keyframes login-scroll-cue{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.login-dialog{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-height:0;transform-origin:50% 50%;will-change:transform,opacity}.login-visual{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0;margin:0;overflow:hidden;border:0;border-radius:0;background:var(--color-login-surface-2);color:var(--color-login-ink)}.login-camera{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;overflow:hidden;perspective:1600px;perspective-origin:42% 50%;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}.login-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;opacity:0;transform-style:preserve-3d;will-change:clip-path,transform,opacity}.login-scene:first-child{opacity:1}.login-scene-media,.login-scene-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.login-scene-media{object-fit:cover;transform:scale(1.045);will-change:transform}.login-scene-shade{background:linear-gradient(90deg,var(--color-login-scrim-strong) 0%,var(--color-login-scrim-soft) 38%,var(--color-login-clear) 69%),linear-gradient(180deg,var(--color-login-scrim-soft) 0%,var(--color-login-clear) 40%,var(--color-login-scrim-strong) 100%);pointer-events:none}.login-page-fold{position:absolute;inset-block:-2%;inset-inline-start:0;z-index:3;width:clamp(180px,16vw,320px);background:linear-gradient(90deg,var(--color-login-clear),var(--color-login-scrim-soft) 28%,var(--color-login-scrim-strong) 47%,var(--color-login-rule) 50%,var(--color-login-scrim-strong) 54%,var(--color-login-clear));opacity:0;pointer-events:none;transform-origin:50% 50%;will-change:opacity,transform}.login-hero-copy{position:absolute;inset-inline-start:clamp(var(--space-lg),5.8vw,112px);inset-block-end:clamp(108px,13vh,156px);z-index:4;display:grid;width:min(62vw,1000px);justify-items:start;gap:clamp(var(--space-2xs),1.1vh,var(--space-xs));text-align:start;pointer-events:none}.login-hero-copy h1{display:grid;max-width:none;margin:0;color:var(--color-login-ink);font-family:var(--font-display);font-size:clamp(4rem,5.6vw,6.75rem);font-weight:520;letter-spacing:-.055em;line-height:.91}.login-hero-line{display:block;overflow:hidden;padding-block-end:.08em}.login-hero-line>span{display:flex;white-space:nowrap;will-change:transform,opacity}.login-hero-glyph{display:inline-block;will-change:transform}.login-hero-copy p{max-width:min(40rem,48vw);margin:0;color:var(--color-login-ink);font-size:clamp(var(--text-sm),1vw,var(--text-md));line-height:1.55;opacity:.78;white-space:nowrap;will-change:transform,opacity}.login-scene-caption{position:absolute;inset-inline-end:clamp(var(--space-md),4vw,var(--space-2xl));inset-block-end:clamp(88px,10vh,120px);z-index:5;display:block;width:min(320px,24vw);height:48px;will-change:transform,opacity}.login-scene-meta{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:start;opacity:0;text-align:start;will-change:transform,opacity}.login-scene-meta:first-child{opacity:1}.login-scene-meta>span:first-child{display:grid;gap:var(--space-3xs)}.login-scene-meta strong{color:var(--color-login-ink);font-size:var(--text-sm);font-weight:620}.login-scene-meta small{color:var(--color-login-ink);font-size:var(--text-xs);line-height:1.5;opacity:.64}.login-story,.login-story-stage{min-height:100dvh}.login-story{position:relative;background:var(--color-login-canvas)}.fengbao-app-shell.is-workbench{--color-login-canvas: oklch(17% .006 255);--color-login-surface: oklch(21% .007 255 / .98);--color-login-surface-2: oklch(19% .006 255);--color-login-control: oklch(22% .007 255 / .76);--color-login-control-hover: oklch(26% .008 255 / .9)}.fengbao-app-shell.is-workbench .app-navigation{border-bottom:0}.login-story-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--color-login-canvas)}.login-story-scenes,.login-story-scene,.login-story-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.login-story-scenes{z-index:-2;overflow:hidden}.login-story-scene{object-fit:cover;filter:saturate(.68) contrast(1.04) brightness(.62);will-change:transform,opacity}.login-story-scene:not(:first-child){opacity:0}.login-story-scrim{background:linear-gradient(90deg,color-mix(in oklch,var(--color-login-canvas) 92%,transparent),color-mix(in oklch,var(--color-login-canvas) 54%,transparent) 48%,color-mix(in oklch,var(--color-login-canvas) 76%,transparent)),linear-gradient(0deg,color-mix(in oklch,var(--color-login-canvas) 78%,transparent),transparent 46%)}.login-story-gallery{position:absolute;top:50%;right:clamp(26px,5vw,78px);z-index:2;display:grid;width:min(58vw,900px);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);transform:translateY(-50%);transform-origin:center;will-change:transform,opacity}.login-story-case{position:relative;aspect-ratio:1;overflow:hidden;margin:0;border:var(--rule-hair) solid var(--color-login-rule);background-image:url(/homepage-media/real-gallery.png);background-repeat:no-repeat;background-size:709.36% auto;filter:saturate(.78) brightness(.84)}.login-story-case figcaption{position:absolute;inset:auto 0 0;padding:var(--space-md) var(--space-xs) var(--space-xs);background:linear-gradient(transparent,color-mix(in oklch,var(--color-login-canvas) 84%,transparent));color:color-mix(in oklch,var(--color-login-ink) 78%,transparent);font-family:var(--font-outlier);font-size:9px;letter-spacing:.12em}.login-story-moment{position:absolute;top:50%;left:clamp(28px,7vw,110px);z-index:4;display:grid;max-width:min(540px,38vw);justify-items:start;transform:translateY(-50%);will-change:transform,opacity}.login-story-moment:not(:first-of-type){opacity:0;visibility:hidden}.login-story-moment>small{color:color-mix(in oklch,var(--color-login-ink) 46%,transparent);font-family:var(--font-outlier);font-size:10px;letter-spacing:.12em}.login-story-moment h2{max-width:min(680px,58vw);margin:var(--space-sm) 0;font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3.6rem);font-weight:500;letter-spacing:-.05em;line-height:1.06;text-wrap:balance}.login-story-moment p{max-width:min(560px,100%);margin:0;color:color-mix(in oklch,var(--color-login-ink) 62%,transparent);line-height:1.8}.login-story-moment.is-skills{top:22%;transform:none}.login-story-skill-list{display:flex;max-width:430px;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-md)}.login-story-skill-list span{border:var(--rule-hair) solid var(--color-login-rule);padding:var(--space-2xs);color:color-mix(in oklch,var(--color-login-ink) 68%,transparent);font-size:10px}.login-story-product{position:absolute;right:clamp(24px,4vw,68px);z-index:3;overflow:hidden;margin:0;border:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-canvas);box-shadow:0 32px 90px color-mix(in oklch,var(--color-login-canvas) 72%,transparent);opacity:0;visibility:hidden;will-change:transform,opacity}.login-story-product.is-skills{top:10%;width:min(54vw,820px);height:min(78vh,690px)}.login-story-product.is-compare{top:23%;width:min(58vw,980px);aspect-ratio:2048 / 1079}.login-story-product img{display:block;width:100%;height:100%;object-fit:contain}.login-story-product figcaption{position:absolute;right:14px;bottom:12px;padding:var(--space-3xs) var(--space-2xs);background:color-mix(in oklch,var(--color-login-canvas) 82%,transparent);color:color-mix(in oklch,var(--color-login-ink) 68%,transparent);font-family:var(--font-outlier);font-size:9px;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-story-final-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md);border:var(--rule-hair) solid var(--color-login-ink);background:var(--color-login-ink);color:var(--color-login-canvas);cursor:pointer;padding:0 var(--space-md);opacity:0;visibility:hidden;white-space:nowrap}.login-story-final-action svg{transition:transform var(--dur-short) var(--ease-out)}.login-story-final-action:hover svg,.login-story-final-action:focus-visible svg{transform:translate(3px,-3px)}.login-story-scroll-state{position:absolute;left:clamp(22px,4vw,64px);bottom:clamp(36px,5vh,64px);z-index:8;display:grid;grid-template-columns:24px 1px auto;align-items:start;gap:var(--space-xs);color:color-mix(in oklch,var(--color-login-ink) 42%,transparent)}.login-story-index-window{height:20px;overflow:hidden;font-family:var(--font-outlier);font-size:10px}.login-story-index-track{display:grid;grid-template-rows:repeat(3,20px);will-change:transform}.login-story-progress{width:1px;height:60px;overflow:hidden;background:var(--color-login-rule)}.login-story-progress-fill{display:block;width:100%;height:100%;background:var(--color-login-ink);transform:scaleY(0);transform-origin:50% 0}.login-story-scroll-state small{font-family:var(--font-outlier);font-size:9px;letter-spacing:.12em}.login-back-to-top{position:fixed;right:clamp(var(--space-sm),2.4vw,var(--space-xl));bottom:clamp(var(--space-sm),2.4vw,var(--space-xl));z-index:12;display:grid;width:58px;height:58px;align-content:center;justify-items:center;gap:1px;border:var(--rule-hair) solid var(--color-login-rule);border-radius:50%;background:color-mix(in oklch,var(--color-login-surface) 88%,transparent);color:var(--color-login-ink);cursor:pointer;animation:login-back-to-top-in var(--dur-short) var(--ease-out) both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.login-back-to-top:hover,.login-back-to-top:focus-visible{border-color:var(--color-login-ink);background:var(--color-login-ink);color:var(--color-login-canvas)}.login-back-to-top:hover svg,.login-back-to-top:focus-visible svg{transform:translateY(-4px)}.login-back-to-top:active{transform:translateY(var(--rule-hair))}.login-back-to-top svg{transform:translateY(-2px);transition:transform var(--dur-short) var(--ease-out)}.login-back-to-top span{font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1;transform:translateY(-2px)}@keyframes login-back-to-top-in{0%{opacity:0;transform:translateY(8px)}}.login-panel-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;align-items:stretch;justify-items:end;padding:0;pointer-events:none}.login-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;align-items:stretch;justify-content:start;gap:clamp(var(--space-xs),2.4vh,var(--space-md));width:min(42vw,560px);max-height:100dvh;min-height:100dvh;overflow-y:auto;border:0;border-left:var(--rule-hair) solid var(--color-login-rule);border-radius:0;background:color-mix(in oklch,var(--color-login-surface) 94%,transparent);box-shadow:-36px 0 90px color-mix(in oklch,var(--color-login-canvas) 36%,transparent);color:var(--color-login-ink);opacity:0;padding:clamp(20px,3.5vh,52px) clamp(40px,4vw,72px);pointer-events:none;transform:translateZ(0);transform-origin:100% 50%;visibility:hidden;-webkit-backdrop-filter:blur(24px) saturate(112%);backdrop-filter:blur(24px) saturate(112%);will-change:transform,opacity}.login-panel.is-open{pointer-events:auto}.login-panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:linear-gradient(90deg,color-mix(in oklch,var(--color-login-canvas) 18%,transparent),color-mix(in oklch,var(--color-login-canvas) 72%,transparent));opacity:0;pointer-events:none;visibility:hidden;will-change:opacity}.login-panel-scrim.is-open{pointer-events:auto}.login-panel>header{display:grid;align-items:start;gap:var(--space-xs);border-bottom:var(--rule-hair) solid var(--color-login-rule);padding-block-end:clamp(var(--space-sm),3vh,var(--space-lg))}.login-panel>header>div,.login-field{display:grid;gap:var(--space-2xs)}.login-panel-close{position:absolute;inset:24px 24px auto auto;display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:var(--rule-hair) solid var(--color-login-rule);border-radius:0;background:transparent;color:var(--color-login-muted);cursor:pointer}.login-panel-close:hover,.login-panel-close:focus-visible{border-color:var(--color-login-ink);background:transparent;color:var(--color-login-ink)}.login-panel h2{max-width:none;margin:0;color:var(--color-login-ink);font-family:var(--font-display);font-size:clamp(2.5rem,4vw,4.5rem);font-weight:520;letter-spacing:-.045em;line-height:.98;white-space:nowrap}.login-panel p,.login-field>span{margin:0;color:var(--color-login-muted)}.login-field>span{font-size:var(--text-xs);font-weight:500}.login-field>div{display:flex;min-height:58px;align-items:center;gap:var(--space-xs);border:0;border-bottom:var(--rule-hair) solid var(--color-login-rule);border-radius:0;background:transparent;color:var(--color-login-muted);padding:0;outline:var(--rule-fine) solid transparent;outline-offset:var(--rule-hair)}.login-field input{min-width:0;flex:1;border:0;background:transparent;color:var(--color-login-ink);outline:0}.login-field:focus-within>div{border-color:var(--color-login-accent);outline:var(--rule-fine) solid var(--color-login-accent-soft);box-shadow:inset 0 calc(var(--rule-fine) * -1) 0 var(--color-login-accent)}.login-error-slot{min-height:1lh}.login-error{min-height:36px;border:0;border-left:var(--rule-fine) solid var(--color-danger);border-radius:0;background:transparent;color:var(--color-danger);padding:var(--space-2xs) var(--space-xs)}.login-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.login-actions button{min-height:52px;border-radius:0;transition:transform var(--dur-micro) var(--ease-out),border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.login-submit{border:var(--rule-hair) solid var(--color-login-accent);background:var(--color-login-accent);color:var(--color-login-accent-ink);justify-content:space-between;padding-inline:var(--space-sm)}.login-submit:hover:not(:disabled),.login-submit:focus-visible{border-color:var(--color-login-accent-hover);background:var(--color-login-accent-hover)}.login-submit:active:not(:disabled){transform:translateY(var(--rule-hair))}.login-register{border:var(--rule-hair) solid var(--color-login-rule);background:transparent;color:var(--color-login-muted)}.login-register:disabled{cursor:not-allowed;opacity:.72}@media(prefers-reduced-transparency:reduce){.login-panel{background:var(--color-login-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.login-legacy-form,.login-wechat-flow{display:grid;gap:var(--space-md)}.login-panel.is-wechat{min-height:min(580px,calc(100dvh - var(--space-lg)));align-content:safe center}.login-panel.is-wechat>header{text-align:center}.login-desktop-only{position:absolute;inset-inline:var(--space-md);inset-block-end:var(--space-xl);z-index:2;display:none;min-width:0;gap:var(--space-3xs);border-inline-start:var(--rule-fine) solid var(--color-login-accent);color:var(--color-login-muted);padding-inline-start:var(--space-sm)}.login-desktop-only svg,.login-desktop-only strong{color:var(--color-login-ink)}.login-desktop-only span{font-size:var(--text-sm)}.login-scene-caption.is-auth-hidden{visibility:hidden}.login-wechat-state{position:relative;display:grid;min-height:304px;place-items:center;align-content:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-login-control);background:var(--color-login-surface-2);color:var(--color-login-muted);padding:var(--space-md);text-align:center}.login-wechat-state>svg,.login-wechat-state strong{color:var(--color-login-ink)}.login-wechat-state span{max-width:28ch;font-size:var(--text-sm);line-height:1.6}.login-mock-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs)}.login-mock-actions button{min-height:44px;border:1px solid var(--color-login-ink);border-radius:var(--radius-login-control);background:var(--color-login-ink);color:var(--color-login-paper);padding:0 var(--space-md);font:inherit;font-weight:700;cursor:pointer}.login-mock-actions button.is-secondary{background:transparent;color:var(--color-login-ink)}.login-wechat-embed{display:grid;justify-items:center}.login-wechat-viewport{position:relative;width:min(100%,304px);height:304px;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-login-control);background:var(--color-login-qr-paper)}.login-wechat-frame{position:absolute;top:-34px;left:50%;width:434px;height:360px;border:0;pointer-events:none;transform:translate(-50%)}.login-wechat-viewport.is-enterprise .login-wechat-frame{top:-125px;transform:translate(-50%) scale(1.3333);transform-origin:50% 0}.login-wecom-official-panel{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.login-wechat-viewport.is-desktop-login{width:320px;height:400px;max-width:100%;overflow:hidden;border:0;background:transparent}.login-wechat-viewport.is-enterprise.is-desktop-login .login-wecom-official-panel{visibility:visible}.login-wechat-viewport.is-desktop-login iframe{display:block;position:static;width:320px;height:400px;max-width:100%;border:0;pointer-events:auto;transform:none}.login-wecom-detecting{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:var(--space-xs);background:var(--color-login-qr-paper);color:var(--color-login-muted);font-size:var(--text-sm);pointer-events:none}.login-authorization-qr{display:grid;width:min(100%,304px);aspect-ratio:1;place-items:center;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-login-control);background:var(--color-login-qr-paper);padding:var(--space-md)}.login-authorization-qr svg{width:100%;height:auto}.login-qr-retry{position:absolute;inset:var(--space-sm) var(--space-sm) auto auto;display:grid;width:42px;height:42px;place-items:center;border:var(--rule-hair) solid var(--color-login-rule);border-radius:50%;background:transparent;color:var(--color-login-muted);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.login-qr-retry:hover,.login-qr-retry:focus-visible{border-color:var(--color-login-ink);color:var(--color-login-ink)}.login-qr-retry:active{transform:rotate(24deg)}.login-privacy-copy{font-size:var(--text-xs)!important;line-height:1.7!important}.login-privacy-copy a{color:var(--color-login-ink);margin-inline:var(--space-3xs);text-underline-offset:var(--space-3xs)}.login-realm-switch{min-height:44px;justify-self:center;border:0;border-block-end:var(--rule-hair) solid transparent;background:transparent;color:var(--color-login-muted);cursor:pointer;font-size:var(--text-sm)}.login-realm-switch:hover,.login-realm-switch:focus-visible{border-color:currentColor;color:var(--color-login-ink)}.login-state-spinner{animation:auth-state-spin .8s linear infinite}@keyframes auth-state-spin{to{transform:rotate(360deg)}}.auth-completion-page{width:100%;height:100dvh;min-height:100dvh;overflow-y:auto;background:var(--color-login-canvas);color:var(--color-login-ink);padding:clamp(var(--space-sm),4vw,var(--space-xl))}.auth-completion-page>header{min-height:56px}.auth-completion-page .app-brand-logo-on-light{display:none}.auth-completion-page .app-brand-logo-on-dark{display:block}.auth-completion-page{display:grid;grid-template-rows:auto minmax(0,1fr)}.auth-completion-page>section{display:grid;width:min(100%,440px);align-self:center;justify-self:center;place-items:center;gap:var(--space-sm);border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-login-panel);background:var(--color-login-surface);padding:var(--space-xl);text-align:center}.auth-completion-page h1,.auth-completion-page p{margin:0}.auth-completion-page p{color:var(--color-login-muted)}.auth-completion-page a{min-height:44px;align-content:center;color:var(--color-login-ink);text-underline-offset:var(--space-3xs)}@media(max-width:959px){.fengbao-app-shell{grid-template-columns:64px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.app-stage{grid-column:2;grid-row:2;height:auto;min-height:0;overflow:hidden}.app-stage>:where(.home-chat-workspace,.projects-library-workspace,.section-workspace){height:100%;min-height:0;overflow-y:auto}.app-stage>.editor-shell{height:100%;min-height:0;overflow:hidden}.app-navigation:is(.is-rail,.is-mobile){min-height:64px;padding:0 calc(var(--space-4xl) + var(--space-xs)) 0 var(--space-xs)}.app-primary-rail{inset-block-start:64px;width:64px;gap:var(--space-2xs);padding:var(--space-sm) var(--space-2xs)}.app-navigation:is(.is-rail,.is-mobile) .app-navigation-actions{border-top:0;padding-top:0}.app-account-corner{inset-block-start:var(--space-2xs);inset-inline-end:var(--space-xs)}.app-navigation:is(.is-rail,.is-mobile) .filing-info-trigger span,.app-navigation:is(.is-rail,.is-mobile) .app-account-state{display:none}.app-navigation:is(.is-rail,.is-mobile) .app-account-trigger{grid-template-columns:36px minmax(0,auto);width:auto;min-width:112px;justify-content:center;padding:0 var(--space-xs) 0 var(--space-3xs)}.app-primary-rail button{width:44px;min-height:48px}.login-page{height:auto;min-height:100dvh;overflow:clip}.login-dialog{width:100%;justify-self:center}.login-visual{min-height:0}.login-desktop-only{display:grid}.login-story-gallery{width:min(62vw,760px)}.login-story-moment{max-width:58vw}.login-story-product{right:22px;width:min(74vw,760px)}}@media(max-width:639px){.app-navigation:is(.is-rail,.is-mobile){padding:0 calc(var(--space-4xl) + var(--space-xs)) 0 var(--space-3xs)}.app-navigation:is(.is-rail,.is-mobile) .app-navigation-actions{display:none}.app-account-corner{inset-block-start:var(--space-3xs);inset-inline-end:var(--space-3xs)}.app-navigation:is(.is-rail,.is-mobile) .app-brand img{width:48px;height:18px}.account-settings-dialog{width:calc(100% - var(--space-sm));max-height:calc(100dvh - var(--space-sm))}.account-settings-dialog.is-points.is-rewards{width:calc(100% - var(--space-sm));height:calc(100dvh - var(--space-sm));max-height:none}.account-settings-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0;max-height:calc(100dvh - var(--space-sm) - var(--space-4xl))}.account-settings-sections{grid-template-columns:repeat(2,minmax(0,1fr));border-inline-end:0;border-bottom:var(--rule-hair) solid var(--color-rule);padding:var(--space-2xs)}.account-settings-sections button{justify-content:center;gap:var(--space-3xs);padding-inline:var(--space-3xs);font-size:var(--text-xs)}.account-settings-sections button.is-active{box-shadow:inset 0 calc(var(--rule-fine) * -1) 0 var(--color-accent)}.account-settings-head,.account-profile-section,.account-referral-section,.account-password-section,.account-points-section,.account-purchases-section{padding-inline:var(--space-sm)}.account-points-summary{grid-template-columns:minmax(0,1fr)}.account-points-summary article+article{border-inline-start:0;border-block-start:var(--rule-hair) solid var(--color-rule)}.account-points-table-wrap{max-height:none;overflow:visible;scrollbar-gutter:auto;border-block:0}.account-points-table-wrap table,.account-points-table-wrap tbody{display:block;min-width:0}.account-points-table-wrap thead{display:none}.account-points-table-wrap tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs) var(--space-sm);border-block-start:var(--rule-hair) solid var(--color-rule);padding:var(--space-xs) 0}.account-points-table-wrap tbody tr:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.account-points-table-wrap td,.account-points-table-wrap td:first-child{display:grid;min-width:0;gap:var(--space-3xs);border:0;padding:0;text-align:start}.account-points-table-wrap td:first-child,.account-points-table-wrap td:nth-child(2){grid-column:1 / -1}.account-points-table-wrap td:nth-child(3),.account-points-table-wrap td:nth-child(4){text-align:start}.account-purchase-amount{justify-items:start}.account-points-table-wrap td:nth-child(3):before,.account-points-table-wrap td:nth-child(4):before{color:var(--color-muted);content:attr(data-label);font-family:var(--font-body);font-size:var(--text-xs);font-weight:400}.account-avatar-editor{grid-template-columns:minmax(0,1fr)}.account-referral-control{grid-template-columns:auto minmax(0,1fr)}.account-referral-control .account-primary-button{grid-column:1 / -1}.account-form-actions{align-items:stretch;flex-direction:column}.account-primary-button{width:100%}.login-navigation .app-brand.is-login img{width:108px;height:auto}.login-entry-trigger{min-width:0;font-size:var(--text-xs);white-space:nowrap}.login-visual{min-height:0}.login-scene-media{object-position:62% center}.login-hero-copy{inset-block-start:auto;inset-block-end:144px;inset-inline:var(--space-md);width:auto}.login-hero-copy h1{max-width:10ch;font-size:clamp(2.25rem,11vw,3rem);line-height:1.08}.login-hero-copy p{max-width:20ch;font-size:var(--text-sm);white-space:normal}.login-panel{width:100%;max-height:calc(100dvh - var(--space-md));min-height:min(520px,calc(100dvh - var(--space-md)));padding:var(--space-md)}.login-actions{grid-template-columns:minmax(0,1fr)}.login-filing-footer{justify-content:center;text-align:center}.login-scene-caption{inset-inline-end:var(--space-md);inset-block-end:var(--space-md)}.login-scroll-cue{inset-block-end:72px}.login-story-gallery{top:63%;right:14px;width:calc(100% - 28px);gap:var(--space-2xs)}.login-story-moment,.login-story-moment.is-skills{top:13%;right:22px;left:22px;max-width:none;transform:none}.login-story-moment h2{max-width:none;font-size:2.15rem}.login-story-product{right:14px;width:calc(100% - 28px)}.login-story-product.is-skills{top:34%;width:calc(100% - 28px);height:54svh}.login-story-product.is-compare{top:45%;width:calc(100% - 28px)}.login-story-scroll-state{right:18px;bottom:24px;left:auto;grid-template-columns:22px 64px}.login-story-scroll-state>small{display:none}.login-back-to-top{right:var(--space-sm);bottom:var(--space-sm);width:54px;height:54px}.auth-completion-page{padding:var(--space-sm)}}@media(prefers-reduced-motion:reduce){.login-scroll-cue svg{animation:none}.login-back-to-top{animation:none}.login-state-spinner{animation-duration:1.6s}}.auth-session-notice{position:fixed;top:18px;left:50%;z-index:1200;max-width:min(520px,calc(100vw - 32px));padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-danger);border-radius:12px;background:var(--color-paper);box-shadow:var(--shadow-panel);color:var(--color-ink);font-size:14px;line-height:1.5;transform:translate(-50%)}.notification-center{position:relative;z-index:72}.editor-account-corner{display:flex;align-items:center;gap:var(--space-2xs)}.notification-trigger{position:relative;display:grid;width:44px;min-width:44px;height:44px;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);cursor:pointer;transition:background-color var(--dur-micro) linear,color var(--dur-micro) linear}.notification-trigger:hover,.notification-trigger[aria-expanded=true]{background:var(--color-login-surface-2);color:var(--color-login-ink)}.notification-badge{position:absolute;inset-block-start:var(--space-3xs);inset-inline-end:0;min-width:16px;height:16px;display:grid;place-items:center;border:var(--rule-fine) solid var(--color-login-canvas);border-radius:var(--radius-pill);background:var(--color-login-accent);color:var(--color-login-accent-ink);padding:0 var(--space-3xs);font-size:var(--text-xs);font-weight:800;line-height:1}.notification-panel{position:absolute;inset-block-start:calc(100% + var(--space-2xs));inset-inline-end:0;width:min(368px,calc(100vw - var(--space-md)));max-height:min(560px,calc(100dvh - 88px));display:flex;overflow:hidden;flex-direction:column;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface);color:var(--color-login-ink);box-shadow:var(--shadow-login-panel)}.notification-panel>header{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:0 var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-login-rule)}.notification-panel-heading{min-width:0;display:flex;align-items:baseline;gap:var(--space-xs)}.notification-panel>header h2{margin:0;font-size:var(--text-sm);font-weight:650}.notification-panel>header span{color:var(--color-login-muted);font-size:var(--text-xs)}.notification-header-actions{display:flex;align-items:center;gap:var(--space-3xs)}.notification-header-actions button{min-height:32px;flex:0 0 auto;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);padding:0 var(--space-xs);cursor:pointer;font-size:var(--text-xs);transition:background-color var(--dur-micro) linear,color var(--dur-micro) linear}.notification-header-actions button:hover:not(:disabled){background:var(--color-login-surface-2);color:var(--color-login-ink)}.notification-header-actions button:disabled{cursor:wait;opacity:.7}.notification-list{display:grid;gap:var(--space-3xs);overflow-y:auto;padding:var(--space-2xs);scrollbar-color:var(--color-login-rule) transparent;scrollbar-width:thin}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-login-rule)}.notification-list article{position:relative;display:grid;gap:var(--space-2xs);padding:var(--space-xs) 76px var(--space-xs) var(--space-sm);border-radius:var(--radius-input);background:transparent;transition:background-color var(--dur-micro) linear}.notification-list article:hover{background:var(--color-login-surface-2)}.notification-list article.is-unread{background:var(--color-login-accent-soft)}.notification-list article.is-unread:before{content:"";position:absolute;inset-block:var(--space-xs);inset-inline-start:6px;width:2px;border-radius:var(--radius-pill);background:var(--color-login-accent)}.notification-item-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs)}.notification-item-heading h3{min-width:0;margin:0;overflow:hidden;font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.notification-item-heading time{flex:0 0 auto;color:var(--color-login-muted);font-size:var(--text-xs)}.notification-list p{margin:0;color:var(--color-login-muted);font-size:var(--text-sm);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.notification-list article.is-selecting{padding-inline:44px var(--space-sm)}.notification-select{position:absolute;inset-block:0;inset-inline-start:var(--space-xs);display:grid;place-items:center}.notification-select input{width:16px;height:16px;margin:0;accent-color:var(--color-login-accent);cursor:pointer}.notification-item-actions{position:absolute;inset-block:0;inset-inline-end:var(--space-2xs);display:flex;align-items:center;gap:var(--space-3xs)}.notification-read-button,.notification-delete-button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);cursor:pointer}.notification-read-button:hover{background:var(--color-login-surface);color:var(--color-login-ink)}.notification-delete-button:hover{background:var(--color-login-surface);color:var(--color-danger)}.notification-read-button:disabled,.notification-delete-button:disabled{cursor:wait;opacity:.5}.notification-item-actions svg{width:15px;height:15px}.notification-batch-bar{min-height:52px;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border-top:var(--rule-hair) solid var(--color-login-rule)}.notification-batch-bar span{flex:1;color:var(--color-login-muted);font-size:var(--text-xs);text-align:center}.notification-batch-bar button{min-height:32px;display:inline-flex;align-items:center;gap:var(--space-3xs);border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);padding:0 var(--space-xs);cursor:pointer;font-size:var(--text-xs)}.notification-batch-bar button:hover:not(:disabled){background:var(--color-login-surface-2);color:var(--color-login-ink)}.notification-batch-bar button.is-danger{color:var(--color-danger)}.notification-batch-bar button:disabled{cursor:not-allowed;opacity:.5}.notification-batch-bar svg{width:14px;height:14px}.notification-panel-state button{width:fit-content;min-height:36px;display:inline-flex;align-items:center;gap:var(--space-3xs);border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-accent-ink);padding:0 var(--space-2xs);cursor:pointer;font-size:var(--text-xs);font-weight:700}.notification-panel-state button:hover{background:var(--color-login-surface-2)}.notification-skeleton{display:grid;gap:var(--space-3xs);padding:var(--space-2xs)}.notification-skeleton>div{display:grid;gap:var(--space-2xs);min-height:84px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-input);background:var(--color-login-surface-2)}.notification-skeleton span{display:block;width:42%;height:10px;border-radius:var(--radius-pill);background:var(--color-login-rule)}.notification-skeleton span:nth-child(2){width:76%}.notification-skeleton span:nth-child(3){width:58%}.notification-panel-state{min-height:220px;display:grid;place-content:center;justify-items:center;gap:var(--space-2xs);color:var(--color-login-muted);padding:var(--space-md);text-align:center}.notification-panel-state>svg{width:24px;height:24px}.notification-panel-state strong{color:var(--color-login-ink)}.notification-panel-state.is-error{color:var(--color-danger)}.notification-inline-error{display:flex;align-items:center;gap:var(--space-2xs);margin:0;padding:var(--space-xs) var(--space-sm);border-top:var(--rule-hair) solid var(--color-login-rule);color:var(--color-danger);font-size:var(--text-xs)}.notification-inline-error svg{width:16px;height:16px;flex:0 0 16px}.notification-delete-scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--color-login-modal-scrim);padding:var(--space-sm)}.notification-delete-dialog{width:100%;display:grid;grid-template-columns:40px 1fr;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface);padding:var(--space-sm);box-shadow:var(--shadow-login-panel)}.notification-delete-dialog-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-input);background:var(--color-danger-soft);color:var(--color-danger)}.notification-delete-dialog-icon svg{width:18px;height:18px}.notification-delete-dialog-copy{min-width:0}.notification-delete-dialog-copy h3{margin:1px 0 var(--space-3xs);color:var(--color-login-ink);font-size:var(--text-sm);font-weight:650}.notification-delete-dialog-copy p{margin:0;color:var(--color-login-muted);font-size:var(--text-sm);line-height:1.55;overflow-wrap:anywhere}.notification-delete-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--space-2xs);margin-top:var(--space-3xs)}.notification-delete-dialog-actions button{min-width:72px;min-height:44px;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-input);background:transparent;color:var(--color-login-ink);padding:0 var(--space-sm);cursor:pointer;font-size:var(--text-sm);font-weight:600}.notification-delete-dialog-actions button:hover{background:var(--color-login-surface-2)}.notification-delete-dialog-actions button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:2px}.notification-delete-dialog-actions button:active{transform:translateY(1px)}.notification-delete-dialog-actions button.is-danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-login-canvas)}.notification-delete-dialog-actions button.is-danger:hover{filter:brightness(1.08)}@media(max-width:760px){.notification-panel{position:fixed;inset-block-start:64px;inset-inline:var(--space-2xs);width:auto;max-height:calc(100dvh - 72px)}}.task-center-entry{position:relative;z-index:73}.task-center-trigger{position:relative;display:grid;width:44px;min-width:44px;height:44px;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);cursor:pointer}.task-center-trigger:hover{background:var(--color-login-surface-2);color:var(--color-login-ink)}.task-center-badge{position:absolute;inset-block-start:var(--space-3xs);inset-inline-end:0;min-width:16px;height:16px;display:grid;place-items:center;border:var(--rule-fine) solid var(--color-login-canvas);border-radius:var(--radius-pill);background:var(--color-login-accent);color:var(--color-login-accent-ink);padding:0 var(--space-3xs);font-size:var(--text-xs);font-weight:800;line-height:1}.task-welcome-dialog{width:min(820px,calc(100% - var(--space-lg)));max-width:none;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface);color:var(--color-login-ink);box-shadow:0 28px 80px color-mix(in oklch,var(--color-login-canvas) 72%,transparent);padding:0}.task-welcome-dialog[open]{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);transform-origin:center}.task-welcome-dialog::backdrop{background:color-mix(in oklch,var(--color-login-canvas) 80%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.task-welcome-scene{position:relative;min-height:430px;overflow:hidden;background:var(--color-login-surface-2)}.task-welcome-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 68%,color-mix(in oklch,var(--color-login-surface) 18%,transparent));pointer-events:none}.task-welcome-scene img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:48% center}.task-welcome-copy{position:relative;display:grid;align-content:center;padding:clamp(var(--space-lg),5vw,48px)}.task-welcome-close{position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);cursor:pointer;transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.task-welcome-close:hover{background:var(--color-login-surface-2);color:var(--color-login-ink)}.task-welcome-close:active{transform:scale(.96)}.task-welcome-close:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:2px}.task-welcome-copy h2{margin:0;color:var(--color-login-ink);font-size:clamp(28px,3vw,36px);line-height:1.14;letter-spacing:-.025em}.task-welcome-copy>p{max-width:none;margin:var(--space-sm) 0 0;color:var(--color-login-muted);font-size:var(--text-sm);line-height:1.75}.task-welcome-copy>footer{width:100%;display:grid;gap:10px;margin-top:var(--space-lg)}.task-welcome-copy>footer button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);border:0;border-radius:var(--radius-input);padding:0 var(--space-sm);cursor:pointer;font-size:var(--text-sm);font-weight:700;width:100%;white-space:nowrap;transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.task-welcome-copy>footer .task-welcome-guide{border:var(--rule-hair) solid var(--color-login-rule);background:transparent;color:var(--color-login-ink);font-weight:600}.task-welcome-guide:hover{border-color:color-mix(in oklch,var(--color-login-accent) 50%,var(--color-login-rule));background:var(--color-login-surface-2)}.task-welcome-start{background:var(--color-login-accent);color:var(--color-login-accent-ink)}.task-welcome-start:hover{background:var(--color-login-accent-hover)}.task-welcome-copy>footer button:active{transform:translateY(1px) scale(.98)}.task-welcome-copy>footer button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:2px}@keyframes task-welcome-depth-g-in{0%{opacity:.02;transform:translate3d(0,-46vh,0) scale(.18)}16%{opacity:.34;transform:translate3d(0,-35vh,0) scale(.13)}36%{opacity:.66;transform:translate3d(0,-15vh,0) scale(.34)}54%{opacity:.92;transform:translate3d(0,6vh,0) scale(.7)}68%{opacity:1;transform:translate3d(0,3.5vh,0) scale(.84)}78%{transform:translate3d(0,-1.8vh,0) scale(.78)}90%{transform:translate3d(0,-.4vh,0) scale(.96)}96%{transform:translate3d(0,.25vh,0) scale(1.01)}to{opacity:1;transform:translateZ(0) scale(1)}}.task-welcome-dialog[open]{animation:task-welcome-depth-g-in 1.1s linear both}.task-welcome-dialog[open]::backdrop{animation:task-welcome-backdrop-in .42s var(--ease-out) both}.task-welcome-scene img{animation:task-welcome-image-in .72s .18s var(--ease-out) both}.task-welcome-copy h2,.task-welcome-copy>p,.task-welcome-copy>footer{animation:task-welcome-copy-in .34s .56s var(--ease-out) both}.task-welcome-copy>p{animation-delay:.61s}.task-welcome-copy>footer{animation-delay:.66s}@keyframes task-welcome-backdrop-in{0%{opacity:0}}@keyframes task-welcome-image-in{0%{opacity:.7;transform:scale(1.025)}}@keyframes task-welcome-copy-in{0%{opacity:0;transform:translateY(8px)}}.task-center-dialog{width:min(1080px,calc(100% - var(--space-xl)));max-width:none;height:min(720px,calc(100dvh - var(--space-xl)));max-height:none;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface);color:var(--color-login-ink);box-shadow:var(--shadow-login-panel);padding:0}.task-center-dialog::backdrop{background:color-mix(in oklch,var(--color-login-canvas) 74%,transparent)}.task-center-dialog[open]{animation:account-dialog-in var(--dur-short) var(--ease-out) both}.task-center-dialog>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) var(--space-sm)}.task-center-heading{display:flex;min-width:0;align-items:center;gap:var(--space-xs)}.task-center-header-actions{display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-login-muted)}.task-center-heading>div{min-width:0}.task-center-mark{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:var(--radius-input);background:var(--color-login-control);color:var(--color-login-ink)}.task-center-dialog h2{margin:0;color:var(--color-login-ink);font-size:24px;line-height:1.2}.task-center-dialog>header p{margin:var(--space-3xs) 0 0;color:var(--color-login-muted);font-size:var(--text-xs)}.task-center-close{width:40px;min-width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);padding:0;cursor:pointer}.task-center-close:hover{background:var(--color-login-surface-2);color:var(--color-login-ink)}.task-center-layout{min-height:0;height:calc(100% - 92px);display:grid;grid-template-columns:224px minmax(0,1fr);gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg)}.task-center-layout>aside{min-height:0;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius-card);background:color-mix(in oklch,var(--color-login-control) 56%,transparent);padding:var(--space-xs)}.task-center-layout>aside nav{display:grid;gap:var(--space-3xs)}.task-center-layout>aside nav button{min-height:48px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs);border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);padding:0 var(--space-xs);cursor:pointer;text-align:left}.task-center-layout>aside nav button:hover{background:var(--color-login-surface-2);color:var(--color-login-ink)}.task-center-layout>aside nav button.is-active{background:var(--color-login-surface);color:var(--color-login-ink)}.task-center-layout>aside nav button span{font-size:var(--text-sm);font-weight:650}.task-center-layout>aside nav button small{color:var(--color-login-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.task-center-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs);color:var(--color-login-muted);font-size:var(--text-xs)}.task-center-summary strong{color:var(--color-login-ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.task-center-content{min-height:0;overflow-y:auto;padding:var(--space-2xs) var(--space-2xs) var(--space-sm);scrollbar-color:var(--color-login-rule) transparent;scrollbar-width:thin}.task-category-heading{min-height:96px;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);padding:0 var(--space-2xs) var(--space-md)}.task-category-heading>div>span{color:var(--color-login-accent);font-size:var(--text-xs);font-weight:750;letter-spacing:.06em}.task-category-heading h3{margin:var(--space-3xs) 0 0;color:var(--color-login-ink);font-size:25px;line-height:1.2}.task-category-heading p{margin:var(--space-2xs) 0 0;color:var(--color-login-muted);font-size:var(--text-xs)}.task-category-heading>strong{color:var(--color-login-ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.task-list{display:grid;gap:var(--space-2xs)}.task-item{display:grid;min-height:80px;grid-template-columns:36px minmax(0,1fr) 80px minmax(112px,auto);align-items:center;gap:var(--space-xs);border-radius:var(--radius-input);background:color-mix(in oklch,var(--color-login-control) 54%,transparent);padding:var(--space-xs) var(--space-sm)}.task-item:hover{background:var(--color-login-control)}.task-item.is-ready{background:var(--color-login-accent-soft)}.task-item-state{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--color-login-surface-2);color:var(--color-login-muted)}.task-item.is-ready .task-item-state,.task-item.is-pending_grant .task-item-state{color:var(--color-login-accent)}.task-item.is-granted .task-item-state{background:color-mix(in oklch,var(--color-success) 14%,transparent);color:var(--color-success)}.task-item-copy{min-width:0}.task-item-copy strong{color:var(--color-login-ink);font-size:var(--text-sm);font-weight:700}.task-item-copy p{margin:var(--space-3xs) 0 0;color:var(--color-login-muted);font-size:var(--text-xs);line-height:1.5}.task-item-points{color:var(--color-login-muted);font-size:var(--text-xs);font-weight:650}.task-item-action{display:flex;justify-content:flex-end}.task-item-action button,.task-center-state button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3xs);border:0;border-radius:var(--radius-input);background:var(--color-login-surface-2);color:var(--color-login-ink);padding:0 var(--space-xs);cursor:pointer;font-size:var(--text-xs);font-weight:700}.task-item-action button.is-primary{background:var(--color-login-accent);color:var(--color-login-accent-ink)}.task-item-action button:hover:not(:disabled),.task-center-state button:hover:not(:disabled){background:var(--color-login-control-hover)}.task-item-action button.is-primary:hover:not(:disabled){background:var(--color-login-accent-hover)}.task-item-action button:active:not(:disabled),.task-center-state button:active:not(:disabled){transform:translateY(1px)}.task-item-action button:focus-visible,.task-center-state button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:2px}.task-state-label{color:var(--color-login-muted);font-size:var(--text-xs)}.task-inline-error{display:flex;align-items:center;gap:var(--space-2xs);margin:var(--space-xs) var(--space-sm);color:var(--color-danger);font-size:var(--text-xs)}.task-center-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:var(--space-xs);color:var(--color-login-muted);font-size:var(--text-sm);text-align:center}.task-center-state.is-error{color:var(--color-danger)}.task-spinner{animation:task-spin .9s linear infinite}@keyframes task-spin{to{transform:rotate(360deg)}}.task-guide-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;pointer-events:none}.task-guide-highlight{position:fixed;border-radius:var(--radius-card);box-shadow:0 0 0 2px var(--color-login-accent),0 0 0 9999px color-mix(in oklch,var(--color-login-canvas) 72%,transparent);pointer-events:none;transition:inset var(--dur-fast) var(--ease-out),width var(--dur-fast) var(--ease-out),height var(--dur-fast) var(--ease-out)}.task-guide-card{position:fixed;inset-inline-start:50%;inset-block-start:50%;width:min(320px,calc(100vw - var(--space-lg)));border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface);color:var(--color-login-ink);box-shadow:var(--shadow-login-panel);padding:var(--space-md);pointer-events:auto;transform:translate(-50%,-50%)}.task-guide-card.is-anchored{inset-inline-start:var(--task-guide-card-left);inset-block-start:var(--task-guide-card-top);transform:none}.task-guide-card>header{display:flex;align-items:center;justify-content:space-between}.task-guide-card>header span{color:var(--color-login-accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em}.task-guide-card>header button{width:36px;min-width:36px;min-height:36px;display:grid;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-login-muted);padding:0;cursor:pointer}.task-guide-card>svg{margin-top:var(--space-sm);color:var(--color-login-muted)}.task-guide-card h2{margin:var(--space-2xs) 0 0;color:var(--color-login-ink);font-size:21px}.task-guide-card>p{margin:var(--space-xs) 0 0;color:var(--color-login-muted);font-size:var(--text-sm);line-height:1.65}.task-guide-card .task-guide-error{color:var(--color-danger)}.task-guide-card>footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-md)}.task-guide-card>footer>span{color:var(--color-login-muted);font-size:var(--text-xs)}.task-guide-card>footer button{min-height:38px;display:inline-flex;align-items:center;gap:var(--space-3xs);border:0;border-radius:var(--radius-input);padding:0 var(--space-xs);cursor:pointer;font-size:var(--text-xs);font-weight:700}.task-guide-skip{background:transparent;color:var(--color-login-muted)}.task-guide-next{background:var(--color-login-accent);color:var(--color-login-accent-ink)}@media(max-width:767px){.task-welcome-dialog[open]{width:calc(100% - var(--space-sm));grid-template-columns:1fr}.task-welcome-scene{min-height:190px}.task-welcome-scene:after{background:linear-gradient(0deg,color-mix(in oklch,var(--color-login-surface) 16%,transparent),transparent 36%)}.task-welcome-scene img{object-position:center 58%}.task-welcome-copy{padding:calc(var(--space-xl) + var(--space-xs)) var(--space-md) var(--space-lg)}.task-welcome-copy h2{font-size:28px}.task-welcome-copy>p{max-width:none}.task-welcome-copy>footer{width:100%}.task-welcome-copy>footer button{width:100%}}@media(max-width:639px){.task-center-dialog{width:100%;height:88dvh;max-height:none;margin:auto 0 0;border-width:var(--rule-hair) 0 0;border-radius:var(--radius-card) var(--radius-card) 0 0}.task-center-dialog>header{padding:var(--space-md) var(--space-sm) var(--space-xs)}.task-center-layout{height:calc(100% - 84px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:var(--space-xs);padding:0 var(--space-xs) var(--space-xs)}.task-center-layout>aside{display:block;overflow:hidden;background:transparent;padding:0}.task-center-layout>aside nav{display:flex;gap:var(--space-3xs);overflow-x:auto;padding-bottom:var(--space-3xs);scrollbar-width:none}.task-center-layout>aside nav::-webkit-scrollbar{display:none}.task-center-layout>aside nav button{min-width:max-content;min-height:44px;grid-template-columns:20px auto}.task-center-layout>aside nav button small{display:none}.task-center-summary{display:none}.task-center-content{max-height:none;padding-inline:0}.task-category-heading{min-height:80px;padding:0 var(--space-2xs) var(--space-sm)}.task-category-heading h3{font-size:22px}.task-item{grid-template-columns:28px minmax(0,1fr) auto;gap:var(--space-2xs);padding:var(--space-xs)}.task-item-state{grid-row:1 / span 2}.task-item-points{grid-column:2}.task-item-action{grid-column:3;grid-row:1 / span 2}.task-guide-card,.task-guide-card.is-anchored{inset:auto var(--space-xs) var(--space-xs);width:auto;transform:none}.task-guide-card.is-target-required.is-target-low{inset:var(--space-xs) var(--space-xs) auto}}@media(prefers-reduced-motion:reduce){.task-welcome-dialog[open]{animation:task-welcome-depth-g-in 1.1s linear both!important}.task-welcome-dialog[open]::backdrop{animation:task-welcome-backdrop-in .42s var(--ease-out) both!important}}@media(max-width:420px){.app-navigation-tools{gap:var(--space-3xs)}.app-navigation-tools .app-points-commerce-trigger{width:44px;padding-inline:0}.app-navigation-tools .app-points-commerce-copy{display:none}}.home-workbench{box-sizing:border-box;width:100%;height:100dvh;min-height:100dvh;overflow-x:clip;overflow-y:auto;background:var(--color-login-canvas);color:var(--color-ink);padding:clamp(var(--space-lg),7vw,var(--space-3xl))}.home-workbench-head{width:min(760px,100%)}.home-workbench-head h1{max-width:14ch;margin:0;font-size:var(--text-display);line-height:.98}.home-workbench-head p{max-width:58ch;margin:var(--space-md) 0 0;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.65}.home-composer{display:grid;width:min(920px,100%);min-height:196px;gap:var(--space-sm);margin-top:var(--space-xl);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-2);padding:var(--space-md)}.home-composer[data-dragging=true]{border-color:var(--color-focus);outline:var(--rule-fine) dashed var(--color-focus);outline-offset:calc(var(--space-3xs) * -1)}.home-reference-strip{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:0}.home-reference-thumb{position:relative;width:88px;height:68px;overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-3);box-shadow:none}.home-reference-thumb img{display:block;width:100%;height:100%;object-fit:cover}.home-reference-thumb button{position:absolute;top:0;right:0;display:grid;width:44px;height:44px;place-content:center;border:0;border-radius:0;background:transparent;color:var(--color-paper);cursor:pointer}.home-reference-thumb button:before{position:absolute;top:var(--space-3xs);right:var(--space-3xs);width:var(--space-md);height:var(--space-md);border-radius:calc(var(--radius-input) / 2);background:var(--color-ink);content:""}.home-reference-thumb button svg{position:absolute;top:var(--space-2xs);right:var(--space-2xs);z-index:1;width:var(--space-sm);height:var(--space-sm)}.home-textarea-wrap{position:relative;display:block;min-width:0;min-height:96px;outline:var(--rule-fine) solid transparent;outline-offset:var(--rule-hair)}.home-textarea-wrap textarea{width:100%;min-height:96px;resize:vertical;border:0;background:transparent;color:var(--color-ink);font-size:var(--text-lg);font-weight:400;line-height:1.55;outline:0}.home-textarea-wrap:focus-within{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}.home-textarea-wrap textarea::placeholder{color:var(--color-muted);opacity:1}.home-composer footer{display:flex;min-width:0;align-items:center;gap:var(--space-2xs)}.home-icon-button,.home-model-button,.home-channel-button,.home-resolution-button,.home-submit-button{min-height:44px;border:var(--rule-hair) solid var(--color-rule-strong)!important;border-radius:var(--radius-input);background:var(--color-paper)!important;color:var(--color-ink)!important;cursor:pointer}.home-icon-button{display:grid;width:44px;min-width:44px;height:44px;place-content:center}.home-model-control,.home-channel-control,.home-resolution-control{position:relative;min-width:0}.home-model-button,.home-channel-button,.home-resolution-button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);padding:0 var(--space-xs);font-weight:600}.home-channel-button{width:220px}.home-channel-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-model-button{width:176px}.home-model-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-resolution-button{width:120px}.home-icon-button:hover:not(:disabled),.home-model-button:hover:not(:disabled),.home-channel-button:hover:not(:disabled),.home-resolution-button:hover:not(:disabled){border-color:var(--color-accent)!important;background:var(--color-paper-3)!important;color:var(--color-ink)!important}.home-model-cascade,.home-channel-menu,.home-resolution-menu{position:absolute;top:auto;bottom:calc(100% + var(--space-3xs));left:0;z-index:8;display:flex;align-items:flex-end;gap:var(--space-2xs)}.home-model-menu,.home-image-model-menu,.home-model-variant-menu,.home-channel-menu,.home-resolution-menu{display:grid;gap:var(--space-3xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-2xs)}.home-model-menu{width:220px}.home-image-model-menu{width:180px}.home-model-variant-menu{min-width:188px;padding:var(--space-2xs);border-left:1px solid var(--color-rule)}.home-resolution-menu{width:176px}.home-channel-menu{width:220px}.home-model-menu button,.home-image-model-menu button,.home-model-variant-menu button,.home-channel-menu button,.home-resolution-menu button{display:grid;min-height:44px;align-content:center;gap:var(--space-3xs);border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink);padding:var(--space-2xs) var(--space-xs);text-align:left}.home-model-menu button:hover,.home-image-model-menu button:hover,.home-model-variant-menu button:hover,.home-channel-menu button:hover,.home-resolution-menu button:hover{border-color:var(--color-rule-strong);background:var(--color-paper-3)}.home-model-menu button.is-selected,.home-image-model-menu button.is-selected,.home-model-variant-menu button.is-selected,.home-channel-menu button.is-selected,.home-resolution-menu button.is-selected{border-color:var(--color-accent);background:var(--color-paper-3)}.home-model-menu strong,.home-image-model-menu strong,.home-model-variant-menu strong,.home-channel-menu strong,.home-resolution-menu strong{color:var(--color-ink);font-size:var(--text-sm)}.home-model-menu span,.home-image-model-menu span,.home-model-variant-menu span,.home-channel-menu span,.home-resolution-menu span,.home-model-menu-note{color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.4}.home-model-menu-note{padding:var(--space-xs)}.home-model-menu-note.is-error{color:var(--color-danger)}.home-submit-button{display:inline-flex;width:auto;height:44px;min-width:132px;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2xs);margin-left:auto;border:var(--rule-hair) solid var(--color-accent)!important;border-radius:var(--radius-input);background:var(--color-accent)!important;color:var(--color-accent-ink)!important;box-shadow:none;padding:0 var(--space-sm);text-shadow:none;transition:transform var(--dur-micro) var(--ease-out);white-space:nowrap}.home-submit-button:hover:not(:disabled){border-color:var(--color-ink)!important;background:var(--color-accent)!important;color:var(--color-accent-ink)!important;box-shadow:none;transform:none}.home-submit-button:active:not(:disabled){transform:translateY(1px)}.home-submit-button:disabled{filter:none}.home-submit-button>svg{filter:none;transform:none}.home-submit-button:after{content:none}.home-submit-label{display:inline;color:inherit;font-size:var(--text-sm);font-weight:600;line-height:1}.home-form-feedback{display:grid;width:min(920px,100%);min-height:1lh;gap:var(--space-2xs);margin-top:var(--space-sm)}.home-form-feedback>.inline-action-error{box-sizing:border-box;width:100%}.home-form-feedback>.inline-action-error button{display:inline-flex;min-width:44px;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-3xs);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-input);background:transparent;color:var(--color-danger);padding:0 var(--space-xs)}.home-form-feedback>.inline-action-error button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}.home-form-feedback>.inline-action-error button:disabled{cursor:not-allowed;opacity:.55}.home-recent{margin-top:var(--space-2xl);border-top:var(--rule-hair) solid var(--color-rule);padding-top:var(--space-lg)}.home-recent>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.home-recent h2{margin:0;font-size:var(--text-2xl)}.home-recent>header button{border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);padding:0 var(--space-xs)}.home-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--space-sm);margin-top:var(--space-md)}.home-new-project,.home-project-card{display:grid;min-width:0;min-height:184px;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-ink);padding:0;text-align:left;transition:border-color var(--dur-short) var(--ease-out)}.home-new-project{place-content:center;justify-items:center;gap:var(--space-2xs);color:var(--color-ink-2);text-align:center}.home-new-project span{display:inline;width:auto;height:auto;border:0;border-radius:0;background:transparent}.home-project-card{position:relative;grid-template-rows:116px minmax(0,1fr)}.home-new-project:hover,.home-project-card:hover{border-color:var(--color-accent);box-shadow:none;transform:none}.home-project-cover{position:relative;inset:auto;display:grid;width:100%;height:116px;place-content:center;overflow:hidden;background:var(--color-paper-3);color:var(--color-ink-2)}.home-project-cover.is-slate{background:var(--color-paper-3)}.home-project-cover.is-blue{background:var(--color-rule)}.home-project-cover.is-photo{background:var(--color-paper-3)}.home-project-cover img{display:block;width:100%;height:100%;object-fit:cover}.home-project-copy{display:grid;min-width:0;align-content:start;gap:var(--space-3xs);padding:var(--space-xs)}.home-project-copy strong{overflow:hidden;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap}.home-project-card small{color:var(--color-muted);font-size:var(--text-sm)}.home-project-status{color:var(--color-ink-2)}@media(max-width:959px){.home-workbench{height:100%;min-height:0}}@media(max-width:639px){.home-workbench{padding:var(--space-lg) var(--space-sm) var(--space-2xl)}.home-workbench-head h1{font-size:clamp(2.25rem,12vw,3.25rem)}.home-composer{padding:var(--space-sm)}.home-composer footer{flex-wrap:nowrap;overflow-x:auto;padding-block:var(--space-2xs)}.home-model-button{width:148px}.home-resolution-button{width:112px}.home-submit-button{min-width:116px}.home-submit-label{display:inline}.home-project-grid{grid-template-columns:minmax(0,1fr)}}.home-chat-workspace{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--color-login-canvas);color:var(--color-login-ink);isolation:isolate}.home-chat-workspace :is(h1,h2,h3){color:var(--color-login-ink)}.home-project-summary{position:absolute;inset-block-start:24%;inset-inline-start:clamp(var(--space-lg),5vw,var(--space-3xl));z-index:4;display:grid;width:min(22vw,330px);align-content:start;gap:var(--space-xs);will-change:transform,opacity}.home-project-summary h1{margin:0;font-size:clamp(var(--text-2xl),3vw,var(--text-display));font-weight:500;letter-spacing:-.045em;line-height:1.05}.home-project-summary>p,.home-project-summary>span,.home-project-summary>strong{margin:0;color:var(--color-login-muted);font-size:var(--text-sm);font-weight:500}.home-project-summary>button:not(.home-all-projects),.home-empty-copy>button,.home-project-index>header button{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-xs);border:0;background:transparent;color:var(--color-login-ink);padding:0;font-size:var(--text-sm);font-weight:600}.home-project-summary>button:not(.home-all-projects){margin-top:var(--space-sm)}.home-all-projects{display:inline-flex;width:fit-content;min-height:44px;align-items:center;gap:var(--space-xs);margin-top:clamp(var(--space-xl),14vh,var(--space-4xl));border:0;border-bottom:var(--rule-hair) solid var(--color-login-rule);border-radius:0;background:transparent;color:var(--color-login-muted);padding:0 var(--space-xs) 0 0;font-size:var(--text-xs)}.home-all-projects span{font-variant-numeric:tabular-nums}.home-archive-stage{position:absolute;inset-block-start:6%;inset-inline-end:5%;z-index:2;display:grid;width:min(68%,1120px);height:min(58%,600px);grid-template-columns:minmax(0,2.8fr) minmax(116px,.9fr) minmax(126px,1fr);grid-template-rows:minmax(0,1fr) auto;gap:clamp(var(--space-xs),1.1vw,var(--space-sm));border:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-surface-2);padding:clamp(var(--space-sm),2vw,var(--space-lg));will-change:transform,opacity}.home-archive-stage figure{min-width:0;min-height:0;margin:0}.home-archive-main-image{display:grid;place-items:center;overflow:hidden;background:var(--color-login-control)}.home-archive-main-image img{width:100%;height:100%;object-fit:contain}.home-archive-cover-placeholder{display:grid;place-items:center;gap:var(--space-xs);color:var(--color-login-muted)}.home-archive-material-sheet,.home-archive-plan-sheet{position:relative;overflow:hidden;background:var(--color-login-ink)}.home-archive-material-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--space-3xs);padding:var(--space-sm)}.home-archive-material-sheet span{background:var(--color-login-muted);opacity:.36}.home-archive-material-sheet span:nth-child(1){grid-row:1 / 3;background:var(--color-login-surface)}.home-archive-material-sheet span:nth-child(3){grid-column:1 / -1;opacity:.18}.home-archive-material-sheet span:nth-child(4){grid-column:2;grid-row:2 / 4;background:var(--color-login-canvas);opacity:.9}.home-archive-plan-sheet{border:clamp(var(--space-xs),1.1vw,var(--space-sm)) solid var(--color-login-ink);background:color-mix(in oklch,var(--color-login-ink) 92%,var(--color-login-muted))}.home-plan-room,.home-plan-axis{position:absolute;border:var(--rule-hair) solid var(--color-login-surface-2)}.home-plan-room.is-one{top:14%;right:44%;bottom:48%;left:12%}.home-plan-room.is-two{top:14%;right:12%;bottom:48%;left:56%}.home-plan-room.is-three{top:56%;right:12%;bottom:12%;left:12%}.home-plan-axis.is-horizontal{inset:50% 8% auto;border-width:var(--rule-hair) 0 0}.home-plan-axis.is-vertical{inset:8% auto 8% 50%;border-width:0 0 0 var(--rule-hair)}.home-archive-counter{grid-column:1 / -1;justify-self:end;color:var(--color-login-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.home-archive-stage.is-empty{inset-inline:5%;width:auto;height:64%;display:block}.home-empty-studio{display:grid;height:100%;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);align-items:center;gap:clamp(var(--space-xl),7vw,var(--space-4xl));padding:clamp(var(--space-lg),5vw,var(--space-4xl))}.home-empty-sheets{position:relative;width:min(36vw,460px);height:min(34vh,340px);justify-self:center}.home-empty-sheets span{position:absolute;width:56%;height:76%;border:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-ink);box-shadow:var(--shadow-panel)}.home-empty-sheets .is-back{inset:2% auto auto 12%;transform:rotate(-4deg)}.home-empty-sheets .is-grid{inset:0 8% auto auto;background:repeating-linear-gradient(0deg,transparent 0 18px,var(--color-login-rule) 18px 19px),repeating-linear-gradient(90deg,transparent 0 18px,var(--color-login-rule) 18px 19px),var(--color-login-surface);transform:rotate(3deg)}.home-empty-sheets .is-front{inset:auto auto 0 30%}.home-empty-copy{display:grid;justify-items:start;gap:var(--space-sm)}.home-empty-copy h1{margin:0;font-size:clamp(var(--text-2xl),3.5vw,var(--text-display));font-weight:500;letter-spacing:-.045em}.home-empty-copy p{margin:0 0 var(--space-sm);color:var(--color-login-muted)}.home-empty-copy>button:first-of-type{color:var(--color-login-accent-hover)}.home-empty-copy .home-import-project{color:var(--color-login-muted);font-size:var(--text-xs)}.home-project-strip{position:absolute;inset-inline-end:5%;inset-block-end:96px;z-index:5;display:flex;width:min(50%,760px);height:82px;justify-content:flex-end;gap:var(--space-xs);will-change:transform,opacity}.home-project-strip button{width:clamp(96px,10vw,154px);min-height:0;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:0;background:var(--color-login-surface);padding:var(--space-3xs)}.home-project-strip button.is-selected{border-color:var(--color-login-ink)}.home-project-strip :is(img,button>span){display:grid;width:100%;height:100%;place-items:center;object-fit:cover;color:var(--color-login-muted)}.home-project-index{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;grid-template-rows:auto minmax(0,1fr);visibility:hidden;background:var(--color-login-canvas);opacity:0;padding:var(--space-lg) clamp(var(--space-lg),3vw,var(--space-2xl)) 84px;pointer-events:none;will-change:opacity}.home-project-index[aria-hidden=false]{pointer-events:auto}.home-project-index>header{display:flex;align-items:center;justify-content:space-between}.home-project-index>header button{color:var(--color-login-muted);font-size:var(--text-xs)}.home-project-plates{display:flex;min-width:0;align-items:end;gap:clamp(var(--space-xs),1.2vw,var(--space-md));overflow:hidden;padding-top:var(--space-xl)}.home-project-plate{display:grid;width:clamp(150px,15vw,250px);min-width:0;min-height:0;align-content:end;gap:var(--space-2xs);border:0;border-radius:0;background:transparent;color:var(--color-login-ink);padding:0;text-align:start;will-change:transform,opacity}.home-project-plate.is-format-1{width:clamp(230px,23vw,390px)}.home-project-plate.is-format-2,.home-project-plate.is-format-4{width:clamp(132px,13vw,215px)}.home-project-plate.is-selected{transform:translateY(calc(var(--space-sm) * -1))}.home-project-plate-media{display:grid;width:100%;height:clamp(190px,36vh,390px);place-items:center;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-surface);color:var(--color-login-muted);padding:var(--space-3xs)}.home-project-plate.is-format-1 .home-project-plate-media{height:clamp(180px,29vh,310px)}.home-project-plate.is-format-3 .home-project-plate-media{height:clamp(160px,24vh,270px)}.home-project-plate.is-selected .home-project-plate-media{border-color:var(--color-login-ink)}.home-project-plate-media img{width:100%;height:100%;object-fit:contain}.home-project-plate strong{overflow:hidden;color:var(--color-login-ink);font-size:var(--text-sm);text-overflow:ellipsis}.home-project-plate small{color:var(--color-login-muted);font-size:var(--text-xs)}.home-project-plate.is-new .home-project-plate-media{background:var(--color-login-control)}.home-archive-composer{position:absolute;inset-inline:14%;inset-block-end:var(--space-sm);z-index:12;display:block;height:clamp(278px,34vh,330px);margin:0 auto;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--rule-fine);background:var(--color-login-surface);color:var(--color-login-ink);padding:0;transform:translate3d(0,calc(100% - 70px),0);will-change:transform,opacity}.home-archive-composer .home-prompt-surface{display:grid;box-sizing:border-box;height:100%;grid-template-rows:auto auto minmax(0,1fr) auto;border:0;border-radius:inherit;background:transparent;box-shadow:none;padding:var(--space-sm) var(--space-md) 0}.home-archive-composer:focus-within{outline:var(--rule-fine) solid var(--color-login-rule);outline-offset:var(--rule-hair)}.home-composer-heading{display:flex;align-items:center;justify-content:space-between;color:var(--color-login-muted);font-size:var(--text-xs)}.home-composer-heading button{display:inline-flex;align-items:center;gap:var(--space-3xs);border:0;background:transparent;color:var(--color-login-muted);padding:0;font-size:var(--text-xs)}.home-archive-composer .home-reference-strip{min-height:66px;margin-top:var(--space-2xs)}.home-archive-composer .home-reference-thumb{display:grid;width:156px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs);border:0;border-right:var(--rule-hair) solid var(--color-login-rule);border-radius:0;background:transparent;padding-right:var(--space-xs)}.home-archive-composer .home-reference-thumb img{width:58px;height:48px;object-fit:cover}.home-reference-thumb small{color:var(--color-login-muted);font-size:var(--text-xs)}.home-archive-composer .home-textarea-wrap{min-height:76px;padding-top:var(--space-xs);outline:0}.home-typewriter-placeholder{position:absolute;inset:var(--space-xs) auto auto 0;max-width:100%;color:var(--color-login-muted);font-size:var(--text-lg);font-weight:500;line-height:1.5;pointer-events:none}.home-typewriter-cursor{display:inline-block;margin-left:var(--rule-hair);color:var(--color-login-accent-hover);font-weight:400;animation:home-typewriter-blink .82s step-end infinite}.home-archive-composer textarea{position:relative;z-index:1;width:100%;min-height:76px;resize:none;border:0;background:transparent;color:var(--color-login-ink);font-size:var(--text-lg);font-weight:500;line-height:1.5;outline:0}.home-archive-composer footer{display:flex;min-width:0;min-height:70px;align-items:center;gap:0;border-top:var(--rule-hair) solid var(--color-login-rule);margin:0 calc(var(--space-md) * -1)}.home-archive-composer footer>:is(button,div){flex:0 0 auto}.home-archive-composer :is(.home-icon-button,.home-model-button,.home-channel-button,.home-resolution-button){min-height:70px;border:0;border-right:var(--rule-hair) solid var(--color-login-rule);border-radius:0;background:transparent;color:var(--color-login-muted);padding:0 var(--space-sm)}.home-archive-composer .home-icon-button{display:inline-flex;width:auto;align-items:center;gap:var(--space-2xs)}.home-composer-spacer{min-width:var(--space-xs);flex:1 1 auto}.home-composer-settings,.home-command-hint{flex:0 0 auto;color:var(--color-login-muted)}.home-composer-settings{margin-inline:var(--space-sm)}.home-command-hint{padding-inline:var(--space-sm);font-size:var(--text-xs)}.home-archive-composer .home-submit-button{display:inline-flex;width:auto;min-width:156px;min-height:70px;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-xs);border:0!important;border-left:var(--rule-hair) solid var(--color-login-rule)!important;border-radius:0;background:transparent!important;color:var(--color-login-accent-hover)!important;box-shadow:none;padding:0 var(--space-sm)}.home-archive-composer .home-submit-button:hover:not(:disabled){background:var(--color-login-control-hover)!important;color:var(--color-login-accent-hover)!important;transform:none}.home-archive-composer .home-submit-label{display:block;font-size:var(--text-sm)}.home-archive-composer.is-dragging:after{position:absolute;inset:var(--space-xs);z-index:20;display:grid;place-items:center;border:var(--rule-hair) solid var(--color-login-accent-hover);background:var(--color-login-surface);color:var(--color-login-ink);content:"释放图片添加参考";font-size:var(--text-sm)}.home-chat-workspace .home-form-feedback{position:absolute;inset-inline:14%;inset-block-end:calc(var(--space-sm) + 72px);z-index:14}.home-case-showcase{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;background:var(--color-login-canvas);color:var(--color-login-ink)}.home-case-hero{position:relative;width:100%;height:100%;min-height:620px;overflow:hidden}.home-case-showcase :is(h1,h2,h3){color:var(--color-login-ink)}.home-case-scenes,.home-case-scene,.home-case-scene-image,.home-case-scrim{position:absolute;top:0;right:0;bottom:0;left:0}.home-case-scenes{z-index:0;overflow:hidden;will-change:transform}.home-case-scene{margin:0;visibility:hidden;opacity:0;will-change:transform,opacity,clip-path}.home-case-scene.is-active{visibility:visible;opacity:1}.home-case-scene-image{display:block;background-color:var(--color-login-surface-2);background-repeat:no-repeat;background-size:cover}.home-case-scrim{z-index:3;background:linear-gradient(90deg,color-mix(in oklch,var(--color-login-canvas) 82%,transparent) 0%,color-mix(in oklch,var(--color-login-canvas) 38%,transparent) 22%,transparent 52%),linear-gradient(0deg,color-mix(in oklch,var(--color-login-canvas) 82%,transparent) 0%,transparent 38%),linear-gradient(180deg,color-mix(in oklch,var(--color-login-canvas) 18%,transparent) 0%,transparent 24%);pointer-events:none}.home-case-copy{position:absolute;inset-inline-start:clamp(40px,5vw,82px);inset-block-end:clamp(150px,20vh,230px);z-index:5;display:grid;max-width:min(390px,29vw);justify-items:start;gap:8px;color:var(--color-login-ink);will-change:transform,opacity}.home-case-copy small{margin-bottom:12px;color:color-mix(in oklch,var(--color-login-ink) 58%,transparent);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.18em}.home-case-copy h1{margin:0;font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:clamp(42px,4.1vw,68px);font-weight:400;letter-spacing:-.055em;line-height:1.02;text-wrap:balance}.home-case-copy p{margin:4px 0 20px;color:color-mix(in oklch,var(--color-login-ink) 62%,transparent);font-size:13px;letter-spacing:.04em;line-height:1.7}.home-case-copy a{display:inline-flex;align-items:center;gap:20px;border:0;border-bottom:1px solid color-mix(in oklch,var(--color-login-ink) 34%,transparent);border-radius:0;background:transparent;color:var(--color-login-ink);padding:0 0 8px;font-size:13px;text-decoration:none}.home-case-copy a svg{transition:transform .26s ease}.home-case-copy a:hover svg{transform:translate(5px)}.home-case-copy a:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:6px}.home-case-index-label{position:absolute;inset-inline-start:clamp(40px,5vw,82px);inset-block-end:38px;z-index:5;display:flex;align-items:center;gap:24px;border-bottom:1px solid color-mix(in oklch,var(--color-login-ink) 26%,transparent);color:color-mix(in oklch,var(--color-login-ink) 64%,transparent);padding:0 32px 8px 0;font-size:11px;letter-spacing:.08em}.home-case-index-label strong{font-weight:400;font-variant-numeric:tabular-nums}.home-case-thumbnails{position:absolute;inset-inline-end:clamp(38px,4.5vw,74px);inset-block-end:96px;z-index:7;width:min(39vw,560px);height:126px;perspective:900px;pointer-events:none;will-change:transform,opacity}.home-case-thumbnail{position:absolute;inset:12px auto auto 50%;width:clamp(92px,8.4vw,142px);aspect-ratio:1.72;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-login-ink) 22%,transparent);border-radius:1px;background:var(--color-login-surface-2);box-shadow:0 14px 32px color-mix(in oklch,var(--color-login-canvas) 34%,transparent);opacity:0;padding:4px;translate:-50% 0;transform-origin:center center;transform:translateZ(0);z-index:1;transition:border-color .28s ease,filter .28s ease;pointer-events:auto;touch-action:manipulation;will-change:transform,opacity}.home-case-thumbnail+.home-case-thumbnail{margin-inline-start:0}.home-case-thumbnail>span{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:block;background-repeat:no-repeat;background-size:cover;filter:saturate(.72) brightness(.7);transition:filter .32s ease}.home-case-thumbnail small{position:absolute;inset:auto 7px 6px auto;z-index:2;color:color-mix(in oklch,var(--color-login-ink) 72%,transparent);font-size:9px;font-variant-numeric:tabular-nums;opacity:0}.home-case-thumbnail:hover{filter:brightness(1.08)}.home-case-thumbnail.is-active{border-color:color-mix(in oklch,var(--color-login-ink) 88%,transparent)}.home-case-thumbnail.is-active>span{filter:saturate(.9) brightness(.94)}.home-case-thumbnail.is-active small{opacity:1}.home-case-scroll-cue{position:absolute;inset-inline-start:50%;inset-block-end:clamp(18px,3vh,30px);z-index:10;display:grid;min-width:132px;min-height:44px;place-items:center;gap:3px;color:var(--color-login-muted);font-size:var(--text-sm);text-decoration:none;transform:translate(-50%)}.home-case-scroll-cue svg{animation:inspiration-scroll-cue 1.8s var(--ease-in-out) infinite}.home-case-scroll-cue:hover,.home-case-scroll-cue:focus-visible{color:var(--color-login-ink)}.home-case-scroll-cue:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:4px}@keyframes inspiration-scroll-cue{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.inspiration-gallery{position:relative;z-index:8;min-height:100%;border-top:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-canvas);padding:clamp(64px,9vw,132px) clamp(18px,3.2vw,54px) clamp(80px,10vw,160px);color:var(--color-login-ink)}.inspiration-gallery>header{display:grid;max-width:720px;gap:10px;margin-bottom:clamp(34px,5vw,72px)}.inspiration-gallery>header small{color:color-mix(in oklch,var(--color-login-ink) 48%,transparent);font-size:10px;letter-spacing:.18em}.inspiration-gallery>header h2{margin:0;font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:clamp(36px,5vw,72px);font-weight:400;letter-spacing:-.06em;line-height:1}.inspiration-gallery>header p{margin:4px 0 0;color:color-mix(in oklch,var(--color-login-ink) 54%,transparent);font-size:13px;letter-spacing:.04em}.inspiration-masonry{column-count:5;column-gap:4px}.inspiration-masonry figure{position:relative;break-inside:avoid;overflow:hidden;margin:0 0 4px;background:var(--color-login-surface-2);opacity:0;animation:inspiration-case-enter .62s ease forwards;animation-delay:calc(min(var(--case-index),8)*55ms)}.inspiration-masonry figure.is-wide img{aspect-ratio:4 / 3}.inspiration-masonry figure.is-tall img{aspect-ratio:4 / 5}.inspiration-masonry img{display:block;width:100%;object-fit:cover;filter:saturate(.82) brightness(.88);transform:scale(1.001);transition:filter .42s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.inspiration-masonry figcaption{position:absolute;inset:auto 0 0;display:grid;gap:3px;padding:48px 14px 12px;background:linear-gradient(transparent,color-mix(in oklch,var(--color-login-canvas) 86%,transparent));color:var(--color-login-ink);opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}.inspiration-masonry figcaption span{color:color-mix(in oklch,var(--color-login-ink) 62%,transparent);font-size:9px;letter-spacing:.14em}.inspiration-masonry figcaption strong{font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:15px;font-weight:400}.inspiration-masonry figure:hover img{filter:saturate(.96) brightness(1);transform:scale(1.035)}.inspiration-masonry figure:hover figcaption{opacity:1;transform:translateY(0)}@keyframes inspiration-case-enter{to{opacity:1}}@media(max-width:1199px){.inspiration-masonry{column-count:4}}@media(max-width:839px){.inspiration-masonry{column-count:3}}@media(max-width:559px){.home-case-hero{min-height:560px}.inspiration-masonry{column-count:2}.inspiration-masonry figcaption{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home-case-showcase{scroll-behavior:auto}.home-case-scroll-cue svg{animation:none}.inspiration-masonry figure{opacity:1;animation:none}.inspiration-masonry img,.inspiration-masonry figcaption{transition:none}}.home-compact-composer,.home-case-composer{inset-inline:clamp(220px,20vw,360px) clamp(28px,8vw,150px);inset-block-end:14px}.home-compact-composer{position:absolute;inset-block-start:auto;z-index:12;display:grid;box-sizing:border-box;width:auto;min-height:58px;grid-template-columns:auto minmax(240px,1fr) auto auto;align-items:stretch;border:1px solid color-mix(in oklch,var(--color-login-ink) 24%,transparent);background:color-mix(in oklch,var(--color-login-surface) 78%,transparent);box-shadow:0 18px 50px color-mix(in oklch,var(--color-login-canvas) 22%,transparent);color:color-mix(in oklch,var(--color-login-ink) 62%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1;pointer-events:auto;transform:translateZ(0);visibility:visible;will-change:transform,opacity}.home-reference-tray{position:absolute;inset:auto auto calc(100% + 10px) 0;display:grid;width:max-content;max-width:min(620px,62vw);min-height:72px;grid-template-columns:96px auto;align-items:stretch;border:1px solid color-mix(in oklch,var(--color-login-ink) 24%,transparent);background:color-mix(in oklch,var(--color-login-surface) 88%,transparent);box-shadow:0 18px 50px color-mix(in oklch,var(--color-login-canvas) 22%,transparent);color:var(--color-login-ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:0 100%}.home-reference-tray>header{display:grid;align-content:center;gap:4px;border-right:1px solid color-mix(in oklch,var(--color-login-ink) 16%,transparent);padding:0 16px}.home-reference-tray>header span{font-size:11px;font-weight:600}.home-reference-tray>header small{color:color-mix(in oklch,var(--color-login-ink) 48%,transparent);font-size:9px;font-variant-numeric:tabular-nums}.home-reference-list{display:flex;min-width:0;align-items:center;gap:8px;overflow-x:auto;padding:8px;scrollbar-width:thin}.home-reference-item,.home-reference-add{position:relative;width:82px;height:54px;flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-login-ink) 20%,transparent);border-radius:0;background:color-mix(in oklch,var(--color-login-surface-2) 84%,transparent)}.home-reference-item img{display:block;width:100%;height:100%;object-fit:cover}.home-reference-item>button{position:absolute;inset:3px 3px auto auto;display:grid;width:24px;height:24px;place-items:center;border:1px solid color-mix(in oklch,var(--color-login-ink) 28%,transparent);border-radius:0;background:color-mix(in oklch,var(--color-login-canvas) 72%,transparent);color:var(--color-login-ink);opacity:.76;padding:0;transition:opacity var(--dur-short) var(--ease-out)}.home-reference-item>button:hover,.home-reference-item>button:focus-visible{opacity:1}.home-reference-add{display:grid;place-items:center;color:color-mix(in oklch,var(--color-login-ink) 62%,transparent);padding:0;transition:border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.home-reference-add:hover,.home-reference-add:focus-visible{border-color:color-mix(in oklch,var(--color-login-ink) 58%,transparent);color:var(--color-login-ink)}@media(prefers-reduced-motion:no-preference){.home-reference-tray{animation:home-reference-tray-enter .42s var(--ease-out) both}.home-reference-item,.home-reference-add{animation:home-reference-item-enter .48s var(--ease-out) both}}@keyframes home-reference-tray-enter{0%{opacity:0;transform:translate3d(0,12px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes home-reference-item-enter{0%{opacity:0;transform:translate3d(10px,0,0)}to{opacity:1;transform:translateZ(0)}}.home-compact-composer>button{display:inline-flex;align-items:center;gap:8px;border:0;border-right:1px solid color-mix(in oklch,var(--color-login-ink) 16%,transparent);border-radius:0;background:transparent;color:inherit;padding:0 24px;font-size:12px}.home-compact-composer>svg{align-self:center;margin-inline:20px}.home-compact-prompt{display:flex;min-width:0;align-items:center;justify-content:flex-start;color:color-mix(in oklch,var(--color-login-ink) 42%,transparent)!important;border-inline-start:1px solid color-mix(in oklch,var(--color-login-ink) 11%,transparent);padding-inline:20px;text-align:start}.home-compact-prompt input{width:100%;min-width:0;border:0;background:transparent;color:var(--color-login-ink);font-size:13px;outline:0}.home-compact-prompt input::placeholder{color:color-mix(in oklch,var(--color-login-ink) 42%,transparent);opacity:1}.home-reasoning-control{position:relative;display:flex;align-items:stretch}.home-reasoning-button{display:inline-flex;min-width:132px;align-items:center;justify-content:center;gap:8px;border:0;border-left:1px solid color-mix(in oklch,var(--color-login-ink) 16%,transparent);border-radius:0;background:transparent;color:color-mix(in oklch,var(--color-login-ink) 62%,transparent);padding-inline:16px;font-size:11px}.home-reasoning-menu{position:absolute;inset:auto 8px calc(100% + 12px) auto;z-index:30;display:grid;width:286px;border:1px solid var(--color-login-rule);background:var(--color-login-surface);box-shadow:var(--shadow-panel);gap:0;padding:8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-reasoning-menu header{border-bottom:1px solid var(--color-login-rule);padding:12px}.home-reasoning-menu header strong{color:var(--color-login-ink);font-size:12px;font-weight:600}.home-generation-setting-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--color-login-rule);gap:12px;padding:12px}.home-generation-setting-row:last-child{border-bottom:0}.home-generation-setting-row>span{color:var(--color-login-muted);font-size:10px;white-space:nowrap}.home-generation-setting-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-login-rule)}.home-generation-setting-options button{min-height:32px;border:0;border-right:1px solid var(--color-login-rule);border-radius:0;background:transparent;color:var(--color-login-muted);padding:0;font-size:11px}.home-generation-setting-options button:last-child{border-right:0}.home-generation-setting-options button.is-selected{background:var(--color-login-control-hover);color:var(--color-login-ink)}.home-compact-submit{min-width:138px;justify-content:center;border-inline:1px solid color-mix(in oklch,var(--color-login-ink) 16%,transparent)!important;color:var(--color-login-accent-hover)!important}.home-compact-submit small{color:color-mix(in oklch,var(--color-login-ink) 48%,transparent);font-size:9px}.home-compact-submit:disabled{color:var(--color-login-muted)!important;opacity:.58}.home-compact-composer.is-dragging:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:40;display:grid;place-items:center;border:1px solid var(--color-login-accent-hover);background:var(--color-login-surface);color:var(--color-login-ink);content:"释放图片添加参考";font-size:12px}.home-case-showcase.is-composer-expanded .home-compact-composer{pointer-events:none}.home-case-composer{border-color:color-mix(in oklch,var(--color-login-ink) 22%,transparent);background:color-mix(in oklch,var(--color-login-surface) 94%,transparent);box-shadow:0 24px 80px color-mix(in oklch,var(--color-login-canvas) 42%,transparent);color:var(--color-login-ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate3d(0,calc(100% + 24px),0)}.home-case-composer[hidden]{display:none!important}.home-case-composer .home-prompt-surface{color:var(--color-login-ink)}.home-case-composer textarea,.home-case-composer .home-typewriter-placeholder{color:color-mix(in oklch,var(--color-login-ink) 84%,transparent)}.home-case-composer :is(.home-composer-heading,.home-reference-thumb small,.home-command-hint,.home-composer-settings){color:color-mix(in oklch,var(--color-login-ink) 50%,transparent)}.home-case-composer footer,.home-case-composer :is(.home-icon-button,.home-model-button,.home-channel-button,.home-resolution-button),.home-case-composer .home-submit-button{border-color:color-mix(in oklch,var(--color-login-ink) 16%,transparent)!important}.home-case-showcase .home-form-feedback{inset-inline:clamp(250px,23vw,390px) clamp(38px,15vw,250px);inset-block-end:90px}@keyframes home-typewriter-blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:1100px){.home-project-summary{inset-inline-start:var(--space-lg)}.home-archive-stage{inset-inline-end:var(--space-lg);width:70%}.home-archive-composer,.home-chat-workspace .home-form-feedback{inset-inline:8%}.home-compact-composer{inset-inline:32px;grid-template-columns:auto minmax(180px,1fr) auto auto}.home-compact-composer>button{padding-inline:16px}.home-reasoning-button{min-width:110px}.home-compact-submit{min-width:122px}.home-project-strip{inset-inline-end:var(--space-lg)}.home-command-hint,.home-composer-settings{display:none}}.projects-library-workspace{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;overflow-x:clip;overflow-y:auto;background:var(--color-paper);color:var(--color-ink);padding:var(--space-xl);scrollbar-color:var(--color-rule-strong) transparent;scrollbar-width:thin}:root[data-theme] .projects-library-workspace{background:var(--color-paper);color:var(--color-ink)}.projects-library-workspace::-webkit-scrollbar{width:var(--space-2xs)}.projects-library-workspace::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-rule-strong)}.projects-library-head{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:var(--space-md);margin-bottom:0;border-bottom:var(--rule-hair) solid var(--color-rule);padding-bottom:var(--space-md)}.projects-library-head>div:first-child{display:inline-flex;min-width:0;align-items:center;gap:var(--space-2xs)}.projects-library-head>div:first-child svg{color:var(--color-accent)}.projects-library-head h1{min-width:0;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--display-weight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere}:root[data-theme] .projects-library-head{border-bottom-color:var(--color-rule)}:root[data-theme] .projects-library-head h1{color:var(--color-ink)}.projects-library-actions{display:flex;min-width:0;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:var(--space-2xs)}.projects-library-actions button{display:inline-flex;width:auto;min-width:44px;height:44px;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);padding:0 var(--space-xs);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap}:root[data-theme] .projects-library-actions button{border-color:var(--color-rule-strong);background:var(--color-paper-2);color:var(--color-ink)}.projects-library-actions button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-paper-3);color:var(--color-ink)}:root[data-theme] .projects-library-actions button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-paper-3);color:var(--color-ink)}.projects-library-actions button:focus-visible,.project-card-open:focus-visible,.project-select-dot:focus-visible,.project-card-options:focus-visible,.project-context-menu button:focus-visible,.project-action-error .inline-action-error button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--space-3xs)}.projects-library-actions button:disabled,.project-card-open:disabled,.project-select-dot:disabled,.project-card-options:disabled,.project-context-menu button:disabled{cursor:not-allowed;opacity:.58}.projects-library-actions .is-primary,:root[data-theme] .projects-library-actions .is-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.projects-library-actions .is-danger,:root[data-theme] .projects-library-actions .is-danger{border-color:var(--color-danger);background:transparent;color:var(--color-danger)}.project-action-error{box-sizing:border-box;width:100%;min-width:0;margin:var(--space-sm) 0 0;border:0;padding:0}.project-action-error>.inline-action-error{box-sizing:border-box;width:100%;margin:0;background:var(--color-paper-2)}.project-action-error>.inline-action-error button{display:inline-flex;min-width:44px;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-3xs);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-input);background:transparent;color:var(--color-danger);padding:0 var(--space-xs);white-space:nowrap}.project-card-grid{display:grid;min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(248px,100%),1fr));gap:var(--space-md);margin-top:var(--space-lg)}.project-library-card{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:none;color:var(--color-ink);transform:none;transition:border-color var(--dur-short) var(--ease-out)}:root[data-theme] .project-library-card,:root[data-theme] .project-library-card:hover,:root[data-theme] .project-library-card:focus-within{border-color:var(--color-rule);background:var(--color-paper-2);box-shadow:none;transform:none}.project-library-card:hover,:root[data-theme] .project-library-card:hover{border-color:var(--color-rule-strong)}.project-library-card.is-selected,.project-library-card.is-selected:hover,.project-library-card.is-selected:focus-within,:root[data-theme] .project-library-card.is-selected,:root[data-theme] .project-library-card.is-selected:hover,:root[data-theme] .project-library-card.is-selected:focus-within{border-color:var(--color-accent);background:var(--color-paper-3);box-shadow:none;transform:none}.project-card-open{display:grid;width:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);padding:0;border:0;background:transparent;color:var(--color-ink);text-align:left}.project-card-open:focus-visible{outline-offset:calc(var(--rule-fine) * -1)}.project-card-cover,.project-card-cover.is-photo,.project-card-cover.is-slate,.project-card-cover.is-blue{display:grid;width:100%;min-width:0;height:auto;aspect-ratio:4 / 3;grid-template-columns:minmax(0,1fr);place-items:center;overflow:hidden;border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-3);color:var(--color-ink-2)}:root[data-theme] .project-card-cover,:root[data-theme] .project-card-cover.is-photo,:root[data-theme] .project-card-cover.is-slate,:root[data-theme] .project-card-cover.is-blue{border-bottom-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-ink-2)}.project-card-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transform:none;transition:none}.project-library-card:hover .project-card-cover img{filter:none;transform:none}.project-card-copy{display:grid;min-width:0;align-content:start;gap:var(--space-2xs);padding:var(--space-sm)}.project-card-copy strong{overflow:hidden;color:var(--color-ink);font-size:var(--text-lg);font-weight:600;text-overflow:ellipsis;white-space:nowrap}:root[data-theme] .project-card-copy strong{color:var(--color-ink)}.project-card-copy small{overflow:hidden;color:var(--color-muted);font-size:var(--text-sm);font-weight:400;text-overflow:ellipsis;white-space:nowrap}:root[data-theme] .project-card-copy small{color:var(--color-muted)}.project-card-status{width:fit-content;max-width:100%;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-ink-2);padding:var(--space-3xs) var(--space-2xs);font-size:var(--text-xs);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.project-select-dot,.project-card-options{position:absolute;z-index:2;top:var(--space-2xs);bottom:auto;display:grid;width:44px;min-width:44px;height:44px;min-height:44px;place-items:center;opacity:1;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme] .project-select-dot,:root[data-theme] .project-card-options{border-color:var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink);box-shadow:none}.project-select-dot{left:var(--space-2xs)}.project-card-options{right:var(--space-2xs)}.project-select-dot:hover:not(:disabled),.project-card-options:hover:not(:disabled),.project-card-options[aria-expanded=true]{border-color:var(--color-accent);background:var(--color-paper-3);color:var(--color-ink)}.project-select-dot[aria-pressed=true],:root[data-theme] .project-select-dot[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}.project-context-menu{position:fixed;z-index:50;display:grid;min-width:168px;overflow:hidden;gap:var(--space-3xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-2);box-shadow:var(--shadow-panel);padding:var(--space-2xs)}:root[data-theme] .project-context-menu{border-color:var(--color-rule-strong);background:var(--color-paper-2);color:var(--color-ink);box-shadow:var(--shadow-panel)}.project-context-menu button{min-width:44px;height:44px;min-height:44px;border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink);padding:0 var(--space-xs);font-size:var(--text-sm);font-weight:600;line-height:1;text-align:left;white-space:nowrap}:root[data-theme] .project-context-menu button{color:var(--color-ink)}.project-context-menu button:hover:not(:disabled),.project-context-menu button:focus-visible{border-color:var(--color-rule-strong);background:var(--color-paper-3);color:var(--color-ink)}.project-context-menu button.is-danger,:root[data-theme] .project-context-menu button.is-danger{color:var(--color-danger)}@media(max-width:639px){.projects-library-workspace{padding:var(--space-lg) var(--space-sm) var(--space-2xl)}.projects-library-head{align-items:flex-start;flex-direction:column}.projects-library-actions{width:100%;overflow-x:auto}.project-card-grid{grid-template-columns:minmax(0,1fr)}}.projects-spatial-workspace{--projects-canvas: var(--color-project-canvas);--projects-canvas-2: var(--color-project-surface-deep);--projects-ink: var(--color-project-ink);--projects-muted: var(--color-project-muted);--projects-rule: color-mix(in srgb, var(--color-project-ink) 20%, transparent);--projects-rule-strong: color-mix(in srgb, var(--color-project-ink) 58%, transparent);--assets-toolbar-height: 104px;--projects-footer-height: 72px;position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:0;background:linear-gradient(112deg,var(--color-project-canvas-deep) 0%,var(--projects-canvas-2) 48%,var(--color-project-canvas-deep) 100%);color:var(--projects-ink)}:root[data-theme] .projects-spatial-workspace{background:linear-gradient(112deg,var(--color-project-canvas-deep) 0%,var(--projects-canvas-2) 48%,var(--color-project-canvas-deep) 100%);color:var(--projects-ink)}.projects-spatial-workspace:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--color-project-shadow) 20%,transparent),transparent 33%,color-mix(in srgb,var(--color-project-shadow) 12%,transparent));content:"";pointer-events:none}.projects-library-title{position:absolute;z-index:2;inset-block-start:clamp(22px,3vh,36px);inset-inline-start:clamp(32px,3.2vw,64px);margin:0;color:color-mix(in srgb,var(--color-project-ink) 52%,transparent);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:.08em}.projects-spatial-workspace .project-action-error{position:absolute;z-index:12;inset-block-start:calc(var(--assets-toolbar-height) + 12px);inset-inline-start:clamp(110px,10vw,180px);width:min(460px,42vw);margin:0}.projects-spatial-workspace .project-action-error>.inline-action-error{border:1px solid color-mix(in srgb,var(--color-project-danger) 42%,transparent);border-radius:0;background:color-mix(in srgb,var(--color-project-canvas-deep) 96%,transparent);color:var(--projects-ink)}.project-feature-stage{position:absolute;z-index:3;inset-block-start:calc(var(--assets-toolbar-height) + 16px);inset-inline-end:clamp(24px,3vw,48px);width:calc(51% - clamp(36px,4vw,64px));height:calc(100% - var(--assets-toolbar-height) - var(--projects-footer-height) - 36px);border:1px solid var(--projects-rule-strong);background:color-mix(in srgb,var(--color-project-canvas-deep) 72%,transparent);box-shadow:0 22px 72px color-mix(in srgb,var(--color-project-shadow) 24%,transparent)}.project-feature-stage.is-empty{display:grid;place-items:center;border-color:var(--projects-rule);background:color-mix(in srgb,var(--color-project-ink) 1.8%,transparent)}.project-feature-open{display:grid;width:100%;height:100%;min-height:0;grid-template-rows:minmax(0,1fr) 62px;border:0;border-radius:0;background:transparent;color:var(--projects-ink);padding:16px 16px 0;text-align:left;white-space:normal}.project-feature-open:focus-visible{outline:2px solid var(--projects-ink);outline-offset:4px}.project-feature-open:active:not(:disabled){transform:scale(.995)}.project-feature-media{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,3.15fr) minmax(108px,.9fr) minmax(108px,.9fr);gap:12px}.project-feature-media.is-single{grid-template-columns:minmax(0,3.45fr) minmax(230px,1.1fr)}.project-feature-media.is-double{grid-template-columns:minmax(0,3.2fr) minmax(120px,.9fr) minmax(200px,1.05fr)}.project-feature-visual{display:block;min-width:0;min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-project-ink) 10%,transparent);background:var(--color-project-surface)}.project-feature-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .5s ease}.project-feature-visual.is-detail img{filter:saturate(.76) brightness(.88)}.project-feature-visual.is-context{border-color:color-mix(in srgb,var(--color-project-ink) 16%,transparent)}.project-feature-open:hover .project-feature-visual.is-primary img{transform:scale(1.025)}.project-feature-placeholder,.project-feature-note{box-sizing:border-box;display:flex;width:100%;height:100%;min-width:0;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:16px;background:linear-gradient(145deg,var(--color-project-surface),var(--color-project-surface-deep));color:color-mix(in srgb,var(--color-project-ink) 58%,transparent);padding:clamp(16px,2vw,28px)}.project-feature-placeholder{align-items:center;justify-content:center;color:color-mix(in srgb,var(--color-project-ink) 42%,transparent)}.project-feature-note small{color:color-mix(in srgb,var(--color-project-ink) 42%,transparent);font-size:11px;letter-spacing:.08em}.project-feature-description{display:-webkit-box;overflow:hidden;color:color-mix(in srgb,var(--color-project-ink) 76%,transparent);font-size:clamp(15px,1.02vw,18px);line-height:1.72;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:5}.project-feature-note-meta{display:grid;width:100%;gap:8px;margin-top:auto;border-top:1px solid color-mix(in srgb,var(--color-project-ink) 14%,transparent);padding-top:16px}.project-feature-note-meta strong{color:var(--projects-ink);font-size:14px;font-weight:500}.project-feature-note-meta em{color:var(--projects-muted);font-size:12px;font-style:normal;line-height:1.5}.project-feature-copy{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}.project-feature-copy strong{max-width:min(32vw,420px);overflow:hidden;color:var(--projects-ink);font-family:var(--font-display);font-size:clamp(20px,1.65vw,28px);font-weight:450;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.project-feature-copy small{color:var(--projects-muted);font-size:12px}.project-feature-action{display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--color-project-ink) 78%,transparent);font-size:13px;white-space:nowrap}.project-feature-action svg{transition:transform .28s cubic-bezier(.16,1,.3,1)}.project-feature-open:hover .project-feature-action svg{transform:translate(4px)}.project-feature-empty-copy{display:grid;justify-items:start;gap:24px;color:var(--projects-muted);font-size:18px}.project-feature-empty-copy button{display:inline-flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--projects-rule-strong);border-radius:0;background:transparent;color:var(--projects-ink);padding:0 0 12px}.project-shelf-frame{position:absolute;z-index:5;inset-block-start:calc(var(--assets-toolbar-height) + 16px);inset-block-end:var(--projects-footer-height);inset-inline:clamp(24px,3vw,48px) auto;width:calc(49% - clamp(36px,4vw,64px));height:auto;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.project-shelf-frame:after{content:none}.quick-workbench{height:100%;overflow:auto;background:var(--color-login-canvas);color:var(--color-login-ink);padding:0 clamp(32px,4vw,72px) 48px;scrollbar-color:color-mix(in oklch,var(--color-login-ink) 20%,transparent) transparent;scrollbar-width:thin}.quick-workbench::-webkit-scrollbar,.quick-workbench-skill-results::-webkit-scrollbar{width:4px}.quick-workbench::-webkit-scrollbar-track,.quick-workbench-skill-results::-webkit-scrollbar-track{background:transparent}.quick-workbench::-webkit-scrollbar-thumb,.quick-workbench-skill-results::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in oklch,var(--color-login-ink) 20%,transparent)}.quick-workbench::-webkit-scrollbar-thumb:hover,.quick-workbench-skill-results::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--color-login-ink) 34%,transparent)}.quick-workbench-stage{width:100%;padding-block:clamp(48px,7vh,88px) clamp(32px,5vh,56px)}.quick-workbench-create,.quick-workbench-skills{width:min(1080px,100%);margin-inline:auto}.quick-workbench-recent{width:min(1600px,100%);margin-inline:auto}.quick-workbench-heading{margin-bottom:20px;text-align:center}.quick-workbench-heading h1{margin:0;color:var(--color-login-ink);font-family:var(--font-body);font-size:clamp(26px,2vw,34px);font-weight:440;letter-spacing:-.035em}.quick-workbench-heading p{margin:8px 0 0;color:color-mix(in oklch,var(--color-login-ink) 42%,transparent);font-size:12px;line-height:1.5}.quick-workbench-composer{position:relative;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-login-ink) 62%,transparent);border-radius:16px;background:color-mix(in oklch,var(--color-login-surface-2) 76%,var(--color-login-canvas));box-shadow:0 24px 80px color-mix(in oklch,var(--color-login-canvas) 42%,transparent);transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.quick-workbench-composer:focus-within{border-color:color-mix(in oklch,var(--color-login-ink) 82%,transparent);box-shadow:0 24px 80px color-mix(in oklch,var(--color-login-canvas) 34%,transparent)}.quick-workbench-composer:before{display:none}.quick-workbench-prompt{--quick-workbench-prompt-copy-top: 20px;position:relative;display:grid;gap:16px;padding:16px 22px 14px}.quick-workbench-prompt textarea{width:100%;min-height:96px;max-height:224px;overflow-y:hidden;resize:none;border:0;background:transparent;color:var(--color-login-ink);font-size:15px;line-height:1.7;outline:0;padding:0}.quick-workbench-prompt textarea::placeholder{color:color-mix(in oklch,var(--color-login-ink) 36%,transparent)}.quick-workbench-typed-prompt{position:absolute;top:var(--quick-workbench-prompt-copy-top);right:22px;left:22px;color:color-mix(in oklch,var(--color-login-ink) 44%,transparent);font-size:15px;font-weight:400;line-height:1.85;pointer-events:none}.quick-workbench-typed-prompt i{display:inline-block;width:1px;height:1.1em;margin-left:3px;animation:quick-workbench-caret .8s steps(1,end) infinite;background:currentColor;vertical-align:-.16em}@keyframes quick-workbench-caret{50%{opacity:0}}.quick-workbench-toolbar{display:flex;flex-wrap:wrap;min-height:58px;align-items:center;gap:6px;border-top:1px solid color-mix(in oklch,var(--color-login-ink) 22%,transparent);padding:8px}.quick-workbench-toolbar>button,.quick-workbench-toolbar>label{min-width:0;border:0;border-radius:10px;background:transparent}.quick-workbench-toolbar>label{display:grid;flex:0 0 auto;align-content:center;gap:4px;min-height:42px;padding:5px 12px}.quick-workbench-setting.is-model{width:min(176px,22vw)}.quick-workbench-setting.is-resolution{width:88px}.quick-workbench-setting.is-channel{width:140px}.quick-workbench-setting.is-ratio{width:96px}.quick-workbench-toolbar>label>span{color:color-mix(in oklch,var(--color-login-ink) 46%,transparent);font-size:10px}.quick-workbench-toolbar select{width:100%;min-height:20px!important;border:0;background:transparent;color:var(--color-login-ink);font-size:12px;outline:0;padding:0 16px 0 0}.quick-workbench-toolbar select option,.quick-workbench-toolbar select optgroup{background:var(--color-login-surface);color:var(--color-login-ink)}.quick-workbench-reference{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;color:color-mix(in oklch,var(--color-login-ink) 72%,transparent);padding:0 10px}.quick-workbench-submit{display:inline-flex;min-width:92px;min-height:42px;margin-left:auto;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-login-ink)!important;border-radius:10px!important;background:var(--color-login-ink)!important;color:var(--color-login-canvas)!important;padding-inline:14px;font-weight:500;transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.quick-workbench-submit:hover:not(:disabled){transform:translateY(-1px)}.quick-workbench-submit svg{flex:0 0 auto}.quick-workbench-references{display:flex;gap:var(--space-md);border-top:1px solid color-mix(in oklch,var(--color-login-ink) 16%,transparent);padding:12px 32px}.quick-workbench-references figure{position:relative;width:92px;height:58px;overflow:visible;margin:0;border:1px solid color-mix(in oklch,var(--color-login-ink) 22%,transparent);border-radius:10px}.quick-workbench-references img{display:block;width:100%;height:100%;object-fit:cover}.fengbao-app-shell.is-workbench{position:relative;isolation:isolate;background:#0c0f12}.fengbao-app-shell.is-workbench:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080b0e61,#090c0f8c 54%,#0d1114 96%),linear-gradient(90deg,rgb(10 13 16 / 56%),transparent 36% 68%,rgb(10 13 16 / 45%)),url(/login-media/olo-space-pool.png) center 52% / cover no-repeat;filter:saturate(.55) contrast(1.06) brightness(.78) blur(1px);opacity:.78;pointer-events:none;transform:scale(1.015)}.fengbao-app-shell.is-workbench>.app-stage{position:relative;z-index:1;background:transparent}.fengbao-app-shell.is-workbench .app-navigation{border-bottom:0;background:transparent}.fengbao-app-shell.is-workbench .app-primary-rail{border-right:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.fengbao-app-shell.is-workbench .app-primary-rail button{inset-block-start:calc(-6dvh - 40px)}.quick-workbench{position:relative;isolation:isolate;background:radial-gradient(ellipse 820px 500px at 54% 30%,rgb(188 201 214 / 16%),transparent 74%)}.quick-workbench:before{content:none}.quick-workbench>*{position:relative;z-index:1}.quick-workbench-stage{padding-block-start:clamp(48px,calc(44dvh - 260px),109px)}.quick-workbench-composer{background:#101418db;-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);border-color:#c6cfd87a;box-shadow:0 30px 100px #0000006b,inset 0 1px #ffffff0a}.fengbao-app-shell.is-workbench .quick-workbench-create{transform:translate(-32px)}.quick-workbench-references .quick-workbench-reference-preview{display:block;width:100%;height:100%;min-height:0;overflow:hidden;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}.quick-workbench-references .quick-workbench-reference-remove{position:absolute;inset:calc(var(--space-2xs) * -1) calc(var(--space-sm) * -1) auto auto;z-index:1;display:grid;width:44px;height:44px;min-height:44px;place-items:center;border:0;background:transparent;color:var(--color-login-ink);padding:0}.quick-workbench-reference-remove:before{position:absolute;width:18px;height:18px;border:var(--rule-hair) solid color-mix(in oklch,var(--color-login-ink) 28%,transparent);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-login-canvas) 82%,transparent);content:""}.quick-workbench-reference-remove svg{z-index:1;width:11px;height:11px}.quick-workbench-composer.is-dragging:after{position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:5;display:grid;place-items:center;border:1px solid var(--color-login-ink);border-radius:12px;background:color-mix(in oklch,var(--color-login-canvas) 94%,transparent);color:var(--color-login-ink);content:"释放图片添加参考"}.quick-workbench .home-form-feedback{width:100%;min-height:28px;margin-top:0;padding-top:8px}.quick-workbench-recent>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quick-workbench :is(.quick-workbench-recent,.quick-workbench-skills) h2{margin:0;color:var(--color-login-ink);font-family:var(--font-body);font-size:14px;font-weight:500}.quick-workbench-recent>header>button{display:inline-flex;min-height:34px;align-items:center;gap:6px;border:0;background:transparent;color:color-mix(in oklch,var(--color-login-ink) 66%,transparent);padding:0;font-size:11px}.quick-workbench-projects{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(208px,18%,272px);grid-template-columns:none;justify-content:start;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px;scroll-snap-type:inline proximity;scrollbar-color:color-mix(in oklch,var(--color-login-ink) 18%,transparent) transparent;scrollbar-width:thin}.quick-workbench-projects>button{display:grid;min-width:0;justify-items:start;border:0;border-radius:var(--radius-card);background:transparent;color:var(--color-login-ink);padding:0;scroll-snap-align:start;text-align:left;transition:transform var(--dur-short) var(--ease-out)}.quick-workbench-project-cover{display:grid;width:100%;aspect-ratio:16 / 9;place-items:center;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-login-ink) 18%,transparent);border-radius:var(--radius-card);background:var(--color-login-surface-2);color:color-mix(in oklch,var(--color-login-ink) 28%,transparent);filter:saturate(.55) brightness(.68);font-size:24px;transition:border-color var(--dur-short) var(--ease-out),filter var(--dur-short) var(--ease-out)}.quick-workbench-project-new .quick-workbench-project-cover{border-style:dashed;background:color-mix(in oklch,var(--color-login-surface-2) 42%,transparent);filter:none}.quick-workbench-project-cover img{width:100%;height:100%;object-fit:contain}.quick-workbench-projects>button:hover .quick-workbench-project-cover,.quick-workbench-projects>button:focus-visible .quick-workbench-project-cover{border-color:color-mix(in oklch,var(--color-login-ink) 36%,transparent);filter:saturate(.9) brightness(.9)}.quick-workbench-projects>button:hover{transform:translateY(-2px)}.quick-workbench-projects strong{max-width:100%;overflow:hidden;margin-top:6px;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.quick-workbench-projects small{margin-top:4px;color:color-mix(in oklch,var(--color-login-ink) 44%,transparent);font-size:10px}.quick-workbench-skills{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}.quick-workbench-skill-shortcuts button:hover,.quick-workbench-skill-shortcuts button:focus-visible,.quick-workbench-skill-all:hover,.quick-workbench-skill-all:focus-visible{border-color:color-mix(in oklch,var(--color-login-ink) 36%,transparent);background:color-mix(in oklch,var(--color-login-surface) 58%,transparent)}.quick-workbench-skill-shortcuts{display:flex;min-width:0;justify-content:center;gap:8px}.quick-workbench-skill-shortcuts button{display:inline-flex;min-height:34px;flex:0 0 auto;align-items:center;gap:6px;border:1px solid color-mix(in oklch,var(--color-login-ink) 16%,transparent);border-radius:999px;background:transparent;color:var(--color-login-ink);padding:0 12px;text-align:left;transition:background var(--dur-short) var(--ease-out)}.quick-workbench-skill-shortcuts strong{overflow:hidden;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.quick-workbench-skill-shortcuts svg{color:color-mix(in oklch,var(--color-login-ink) 42%,transparent)}.quick-workbench-skill-all{display:inline-flex;min-height:34px;align-items:center;gap:7px;border:1px solid color-mix(in oklch,var(--color-login-ink) 16%,transparent);border-radius:999px;background:transparent;color:var(--color-login-ink);padding:0 11px;font-size:11px;white-space:nowrap;transition:background var(--dur-short) var(--ease-out)}.quick-workbench-skill-all span{display:grid;min-width:22px;min-height:22px;place-items:center;border-radius:999px;background:var(--color-login-surface);font-size:9px}.quick-workbench-skill-dialog{position:fixed;inset:0 0 0 auto;width:min(620px,100vw);height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:var(--color-login-surface);color:var(--color-login-ink);padding:28px;box-shadow:-20px 0 60px color-mix(in oklch,black 18%,transparent)}.quick-workbench-skill-dialog::backdrop{background:color-mix(in oklch,black 34%,transparent)}.quick-workbench-skill-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:24px}.quick-workbench-skill-dialog>header>div{display:grid;gap:4px}.quick-workbench-skill-dialog>header span,.quick-workbench-skill-results section>header span{color:color-mix(in oklch,var(--color-login-ink) 44%,transparent);font-size:11px}.quick-workbench-skill-dialog h2,.quick-workbench-skill-dialog h3{margin:0}.quick-workbench-skill-dialog h2{font-size:24px;font-weight:560}.quick-workbench-skill-dialog form button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:inherit}.quick-workbench-skill-dialog form button:hover,.quick-workbench-skill-dialog form button:focus-visible{background:var(--color-login-surface-2)}.quick-workbench-skill-search{display:grid;min-height:48px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:24px;border-radius:var(--radius-input);background:var(--color-login-surface-2);padding:0 14px}.quick-workbench-skill-search input{width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit}.quick-workbench-skill-filters{display:flex;gap:6px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.quick-workbench-skill-filters::-webkit-scrollbar{display:none}.quick-workbench-skill-filters button{min-height:36px;flex:0 0 auto;border:0;border-radius:999px;background:transparent;color:color-mix(in oklch,var(--color-login-ink) 52%,transparent);padding:0 12px;font-size:11px}.quick-workbench-skill-filters button.is-active{background:var(--color-login-surface-2);color:var(--color-login-ink)}.quick-workbench-skill-results{height:calc(100dvh - 176px);margin-top:22px;overflow-y:auto;padding-bottom:28px;scrollbar-color:color-mix(in oklch,var(--color-login-ink) 20%,transparent) transparent;scrollbar-width:thin}.quick-workbench-skill-results section+section{margin-top:28px}.quick-workbench-skill-results section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quick-workbench-skill-results h3{font-size:13px;font-weight:560}.quick-workbench-skill-results section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.quick-workbench-skill-results section button{display:grid;min-width:0;min-height:88px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:var(--space-xs);border:0;border-radius:var(--radius-input);background:var(--color-login-surface-2);color:inherit;padding:var(--space-xs);text-align:left}.quick-workbench-skill-results section button>span{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:var(--space-2xs)}.quick-workbench-skill-results section button>svg{align-self:start;margin-top:var(--space-3xs)}.quick-workbench-skill-results strong,.quick-workbench-skill-results small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-workbench-skill-results strong{font-size:12px;font-weight:540;white-space:nowrap}.quick-workbench-skill-results small,.quick-workbench-skill-empty{color:color-mix(in oklch,var(--color-login-ink) 44%,transparent);font-size:10px}.quick-workbench-skill-results small{display:-webkit-box;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(min-width:981px)and (min-height:840px){.quick-workbench{display:grid;grid-template-rows:minmax(0,auto) auto;overflow:hidden;padding-block:0 28px}.quick-workbench-stage{display:grid;min-height:clamp(540px,54dvh,680px);align-content:start;padding-block:clamp(109px,calc(40dvh - 227px),240px) 24px}.quick-workbench-prompt{--quick-workbench-prompt-copy-top: 20px;padding:20px 24px 16px}.quick-workbench-toolbar{min-height:58px}.quick-workbench .home-form-feedback{min-height:24px;padding-top:4px}.quick-workbench .home-form-feedback:empty{min-height:0;padding-top:0}.quick-workbench-recent>header{margin-bottom:7px}.quick-workbench-projects strong{margin-top:4px}}@media(max-width:980px){.fengbao-app-shell.is-workbench .app-primary-rail button{inset-block-start:calc(-6dvh - 32px)}.quick-workbench{padding-inline:24px}.quick-workbench-stage{padding-block-start:clamp(48px,calc(44dvh - 244px),120px)}.quick-workbench-toolbar{flex-wrap:wrap}.quick-workbench-reference,.quick-workbench-submit{min-height:42px}.quick-workbench-submit{min-width:0}.quick-workbench-projects{grid-auto-columns:clamp(200px,32vw,224px)}.quick-workbench-skills,.quick-workbench-skill-shortcuts{flex-wrap:wrap}}@media(max-width:639px){.quick-workbench{padding:24px 16px 36px}.quick-workbench-heading h1{font-size:28px}.quick-workbench-prompt{--quick-workbench-prompt-copy-top: 20px;padding:16px 20px 14px}.quick-workbench-typed-prompt{right:20px;left:20px}.quick-workbench-toolbar{align-items:stretch}.quick-workbench-setting.is-model{width:auto;flex:1 1 160px}.quick-workbench-setting.is-resolution,.quick-workbench-setting.is-ratio{width:auto;flex:1 1 88px}.quick-workbench-projects{grid-auto-columns:min(72vw,220px);gap:10px}.quick-workbench-skill-shortcuts{justify-content:flex-start}.quick-workbench-skill-dialog{width:100vw;padding:20px}.quick-workbench-skill-results section>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.quick-workbench-typed-prompt i{animation:none}}.projects-spatial-workspace .project-card-grid{position:static;z-index:1;display:grid;min-width:0;height:100%;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;align-content:start;gap:24px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0 12px 28px 0;scrollbar-color:color-mix(in srgb,var(--color-project-ink) 22%,transparent) transparent;scrollbar-width:thin}.projects-spatial-workspace .project-card-grid::-webkit-scrollbar{width:4px;height:0}.projects-spatial-workspace .project-library-card{--card-yaw: 6deg;position:relative;width:100%;max-block-size:none;flex:none;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:opacity .28s ease}:root[data-theme] .projects-spatial-workspace .project-library-card,:root[data-theme] .projects-spatial-workspace .project-library-card:hover,:root[data-theme] .projects-spatial-workspace .project-library-card:focus-within,:root[data-theme] .projects-spatial-workspace .project-library-card.is-selected{border:0;background:transparent;box-shadow:none;transform:none;transition:opacity .28s ease}.projects-spatial-workspace .project-library-card.is-landscape-cover,.projects-spatial-workspace .project-library-card.is-portrait-cover{flex:none}.projects-spatial-workspace .project-library-card:hover,.projects-spatial-workspace .project-library-card:focus-within{transform:none}.projects-spatial-workspace .project-library-card.is-focused{transform:none}:root[data-theme] .projects-spatial-workspace .project-library-card:hover,:root[data-theme] .projects-spatial-workspace .project-library-card:focus-within{transform:none}:root[data-theme] .projects-spatial-workspace .project-library-card.is-focused{transform:none}.projects-spatial-workspace .project-library-card.is-selected .project-card-cover{outline:1px solid color-mix(in srgb,var(--color-project-danger) 82%,transparent);outline-offset:3px}.projects-spatial-workspace .project-card-open{display:flex;width:100%;min-height:0;flex-direction:column;gap:0;border:0;border-radius:0;background:transparent;color:var(--projects-ink);padding:0}.projects-spatial-workspace .project-card-open:focus-visible{outline:2px solid var(--projects-ink);outline-offset:5px}.projects-spatial-workspace .project-card-cover,.projects-spatial-workspace .project-card-cover.is-photo,.projects-spatial-workspace .project-card-cover.is-slate,.projects-spatial-workspace .project-card-cover.is-blue{position:relative;display:grid;width:100%;height:auto;aspect-ratio:3 / 2;place-items:center;overflow:hidden;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-project-ink) 16%,transparent);background:var(--color-project-surface);box-shadow:0 20px 42px color-mix(in srgb,var(--color-project-shadow) 38%,transparent),0 3px 8px color-mix(in srgb,var(--color-project-shadow) 24%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--color-project-ink) 4%,transparent);color:color-mix(in srgb,var(--color-project-ink) 34%,transparent);padding:4px;backface-visibility:hidden;transform:perspective(1400px) rotateY(var(--card-yaw));transform-origin:center bottom;transform-style:preserve-3d;transition:border-color .36s ease,filter .36s ease,transform .56s cubic-bezier(.16,1,.3,1);will-change:transform}.projects-spatial-workspace .project-card-cover:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid color-mix(in srgb,var(--color-project-ink) 6%,transparent);content:"";pointer-events:none}:root[data-theme] .projects-spatial-workspace .project-card-cover,:root[data-theme] .projects-spatial-workspace .project-card-cover.is-photo,:root[data-theme] .projects-spatial-workspace .project-card-cover.is-slate,:root[data-theme] .projects-spatial-workspace .project-card-cover.is-blue{border-color:color-mix(in srgb,var(--color-project-ink) 16%,transparent);background:var(--color-project-surface);color:color-mix(in srgb,var(--color-project-ink) 34%,transparent)}.projects-spatial-workspace .project-library-card.is-portrait-cover .project-card-cover{aspect-ratio:4 / 5}.projects-spatial-workspace .project-library-card.is-landscape-cover .project-card-cover{aspect-ratio:4 / 3}.projects-spatial-workspace .project-library-card.is-focused .project-card-cover,:root[data-theme] .projects-spatial-workspace .project-library-card.is-focused .project-card-cover{border-color:color-mix(in srgb,var(--color-project-ink) 68%,transparent);box-shadow:0 24px 54px color-mix(in srgb,var(--color-project-shadow) 42%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--color-project-ink) 22%,transparent);filter:none;transform:perspective(1400px) rotateY(var(--card-yaw))}.projects-spatial-workspace .project-card-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.07) brightness(.94);transform:scale(1.01);transition:filter .5s ease,transform .8s cubic-bezier(.16,1,.3,1)}.projects-spatial-workspace .project-library-card:hover .project-card-cover img{filter:saturate(.86) contrast(1.08) brightness(.97);transform:scale(1.025)}.projects-spatial-workspace .project-library-card.is-focused .project-card-cover img{filter:saturate(.9) contrast(1.08) brightness(1);transform:scale(1.035)}.projects-spatial-workspace .project-card-copy{display:grid;grid-template-columns:minmax(0,1fr);align-items:baseline;gap:4px;min-block-size:52px;box-sizing:border-box;padding:12px 4px 0}.projects-spatial-workspace .project-card-copy strong{overflow:hidden;color:color-mix(in srgb,var(--color-project-ink) 84%,transparent);font-family:var(--font-body);font-size:clamp(14px,.96vw,18px);font-weight:400;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}:root[data-theme] .projects-spatial-workspace .project-card-copy strong{color:color-mix(in srgb,var(--color-project-ink) 84%,transparent)}.projects-spatial-workspace .project-card-copy small{grid-column:1;color:color-mix(in srgb,var(--color-project-ink) 44%,transparent);font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:.01em}:root[data-theme] .projects-spatial-workspace .project-card-copy small{color:color-mix(in srgb,var(--color-project-ink) 44%,transparent)}.projects-spatial-workspace .project-card-status{display:none}:root[data-theme] .projects-spatial-workspace .project-card-status{color:color-mix(in srgb,var(--color-project-ink) 42%,transparent)}.projects-spatial-workspace .project-select-dot,.projects-spatial-workspace .project-card-options{z-index:4;top:6px;display:grid;width:44px;min-width:44px;height:44px;min-height:44px;place-items:center;opacity:.58;border:0;border-radius:0;background:color-mix(in srgb,var(--color-project-canvas-deep) 54%,transparent);color:color-mix(in srgb,var(--color-project-ink) 78%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.projects-spatial-workspace .project-select-dot{opacity:0}:root[data-theme] .projects-spatial-workspace .project-select-dot,:root[data-theme] .projects-spatial-workspace .project-card-options{border:0;background:color-mix(in srgb,var(--color-project-canvas-deep) 54%,transparent);color:color-mix(in srgb,var(--color-project-ink) 78%,transparent)}.projects-spatial-workspace .project-select-dot{left:6px}.projects-spatial-workspace .project-card-options{right:6px;opacity:0}.projects-spatial-workspace .project-library-card:hover .project-card-options,.projects-spatial-workspace .project-card-options:focus-visible,.projects-spatial-workspace .project-card-options[aria-expanded=true]{opacity:.82}.projects-spatial-workspace .project-library-card:hover .project-select-dot,.projects-spatial-workspace .project-select-dot:focus-visible,.projects-spatial-workspace .project-select-dot[aria-pressed=true]{opacity:1}.projects-spatial-workspace .project-select-dot:hover:not(:disabled),.projects-spatial-workspace .project-card-options:hover:not(:disabled),.projects-spatial-workspace .project-card-options[aria-expanded=true]{opacity:1;background:color-mix(in srgb,var(--color-project-canvas-deep) 86%,transparent);color:var(--projects-ink)}.projects-spatial-workspace .project-select-dot[aria-pressed=true]{opacity:1;background:color-mix(in srgb,var(--color-project-danger) 90%,transparent);color:var(--color-project-danger-ink)}.projects-stage-footer{position:absolute;z-index:8;inset-inline:clamp(24px,3vw,48px) auto;inset-block-end:0;display:grid;height:var(--projects-footer-height);width:calc(49% - clamp(36px,4vw,64px));grid-template-columns:1fr;align-items:center;border-top:1px solid var(--projects-rule)}.projects-spatial-workspace .projects-library-actions{grid-column:1;grid-row:1;display:flex;gap:12px;justify-self:start}.projects-spatial-workspace .projects-library-actions button{width:auto;min-width:44px;height:44px;min-height:44px;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--color-project-ink) 68%,transparent);padding:0 8px;font-size:13px;font-weight:500}:root[data-theme] .projects-spatial-workspace .projects-library-actions button{border:0;background:transparent;color:color-mix(in srgb,var(--color-project-ink) 68%,transparent)}.projects-spatial-workspace .projects-library-actions button:hover:not(:disabled){background:transparent;color:var(--projects-ink)}.projects-spatial-workspace .projects-library-actions .is-danger,:root[data-theme] .projects-spatial-workspace .projects-library-actions .is-danger{border:0;background:transparent;color:var(--color-project-danger)}.projects-spatial-workspace .project-context-menu{border:1px solid color-mix(in srgb,var(--color-project-ink) 26%,transparent);border-radius:0;background:color-mix(in srgb,var(--color-project-surface-deep) 96%,transparent);color:var(--projects-ink)}.projects-spatial-workspace .project-context-menu button{border-radius:0;color:var(--projects-ink)}@media(max-width:1199px){.projects-spatial-workspace .project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-feature-media.is-single{grid-template-columns:minmax(0,3fr) minmax(210px,1fr)}.project-feature-media.is-triple{grid-template-columns:minmax(0,3fr) minmax(100px,1fr)}.project-feature-media.is-triple .project-feature-visual.is-detail:last-child{display:none}}@media(prefers-reduced-motion:reduce){.projects-spatial-workspace :where(.project-library-card,.project-feature-visual img,.project-feature-action svg){transition-duration:.15s}}.section-workspace{box-sizing:border-box;width:100%;height:100%;min-height:0;overflow-x:clip;overflow-y:auto;background:var(--color-paper);color:var(--color-ink);padding:var(--space-xl);scrollbar-color:var(--color-rule-strong) transparent;scrollbar-width:thin}@media(min-width:960px){.projects-library-workspace,.section-workspace{padding-top:calc(var(--space-xl) + var(--space-md))}}:root[data-theme] .section-workspace{background:var(--color-paper);color:var(--color-ink)}.section-workspace::-webkit-scrollbar{width:var(--space-2xs)}.section-workspace::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-rule-strong)}.section-workspace-head{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:var(--space-md);margin-bottom:0;border-bottom:var(--rule-hair) solid var(--color-rule);padding-bottom:var(--space-md)}.section-workspace-head>div:first-child{min-width:0}.section-workspace-head>div>span{display:none}.section-workspace-head h1{min-width:0;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--display-weight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere}.gallery-workspace{--color-paper: var(--color-login-canvas);--color-paper-2: var(--color-login-surface);--color-paper-3: var(--color-login-surface-2);--color-ink: var(--color-login-ink);--color-ink-2: var(--color-login-muted);--color-muted: var(--color-login-muted);--color-rule: color-mix(in oklch, var(--color-login-rule) 70%, transparent);--color-rule-strong: var(--color-login-rule);--shadow-panel: var(--shadow-login-panel);--gallery-accent: var(--color-ink);--gallery-accent-ink: var(--color-paper);background:var(--color-login-canvas);color:var(--color-login-ink);padding-top:var(--space-lg);scrollbar-color:var(--color-rule-strong) transparent}.gallery-selection-dock{position:sticky;top:0;z-index:12;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-sm);margin:0;border-bottom:var(--rule-hair) solid var(--color-rule-strong);background:color-mix(in oklch,var(--color-paper) 94%,transparent);padding:var(--space-xs) 0;-webkit-backdrop-filter:blur(18px) saturate(112%);backdrop-filter:blur(18px) saturate(112%);animation:gallery-dock-enter var(--dur-long) var(--ease-out) both}.gallery-selection-summary,.gallery-selection-actions{display:flex;min-width:0;align-items:center}.gallery-selection-summary{gap:var(--space-3xs);color:var(--color-ink)}.gallery-selection-summary>span{display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-input);background:var(--gallery-accent);color:var(--gallery-accent-ink)}.gallery-selection-summary strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650}.gallery-selection-summary small{color:var(--color-ink-2);font-size:var(--text-sm)}.gallery-selection-actions{justify-content:flex-end;gap:var(--space-3xs)}.gallery-bulk-actions button{display:inline-flex;width:auto;min-width:44px;min-height:40px;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-2xs);border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);padding:0 var(--space-xs);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap}.gallery-bulk-actions button:hover:not(:disabled),.gallery-bulk-actions button.is-selected{background:var(--color-paper-3);color:var(--color-ink)}.gallery-bulk-actions button.is-danger,.gallery-bulk-actions button.is-danger:hover:not(:disabled){color:var(--color-danger)}.gallery-bulk-actions .gallery-selection-cancel{width:40px;padding:0}.gallery-bulk-actions button:disabled,.gallery-image-button:disabled,.gallery-select-button:disabled,.gallery-options-button:disabled,.gallery-options-menu button:disabled{cursor:not-allowed;opacity:.58}.gallery-action-error{box-sizing:border-box;width:100%;min-width:0;margin:var(--space-sm) 0 0;border:0;padding:0}.gallery-action-error>.inline-action-error{box-sizing:border-box;width:100%;margin:0;background:var(--color-paper-2)}.gallery-action-error>.inline-action-error button{display:inline-flex;min-width:44px;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-3xs);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-input);background:transparent;color:var(--color-danger);padding:0 var(--space-xs);white-space:nowrap}.gallery-grid{display:grid;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-md) var(--space-sm);margin-top:var(--space-md);padding-bottom:var(--space-xl)}.gallery-tile,.gallery-tile:hover,.gallery-tile:focus-within{position:relative;display:block;width:100%;min-width:0;overflow:visible;break-inside:auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:gallery-tile-enter .52s var(--ease-out) both;animation-delay:calc(var(--gallery-index, 0) * 28ms);will-change:transform,opacity}.gallery-tile:hover,.gallery-tile:focus-within{z-index:3}.gallery-tile.is-selected,.gallery-tile.is-selected:hover,.gallery-tile.is-selected:focus-within{box-shadow:none}.gallery-image-button{position:relative;inset:auto;display:block;width:100%;height:auto;min-height:0;aspect-ratio:4 / 3;overflow:hidden;border:0;border-radius:0;background:var(--color-paper-3);padding:0;box-shadow:0 0 0 0 transparent;transition:box-shadow var(--dur-short) var(--ease-out)}.gallery-image-button:after{content:none}.gallery-image-button img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.001);transition:opacity var(--dur-long) var(--ease-out),transform .42s var(--ease-out),filter var(--dur-short) var(--ease-out);will-change:transform}.gallery-image-button img.is-loaded{opacity:1}.gallery-tile:hover .gallery-image-button img,.gallery-tile:focus-within .gallery-image-button img{transform:scale(1.018)}.gallery-tile.is-selected .gallery-image-button{box-shadow:inset 0 0 0 var(--rule-fine) var(--gallery-accent)}.gallery-tile.is-selected .gallery-image-button img{filter:brightness(.88)}.gallery-image-unavailable{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}:root[data-theme] .gallery-workspace .gallery-select-button,:root[data-theme] .gallery-workspace .gallery-options-button{position:absolute;top:var(--space-2xs);bottom:auto;z-index:2;display:grid;width:38px;min-width:38px;height:38px;min-height:38px;place-items:center;border:var(--rule-hair) solid color-mix(in oklch,var(--color-login-ink) 22%,transparent);border-radius:var(--radius-input);background:color-mix(in oklch,var(--color-login-canvas) 72%,transparent);color:var(--color-login-ink);cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gallery-select-button{right:auto;left:var(--space-2xs)}.gallery-options-button{right:var(--space-2xs);left:auto}.gallery-select-button:hover:not(:disabled),.gallery-options-button:hover:not(:disabled),.gallery-options-button[aria-expanded=true]{border-color:color-mix(in oklch,var(--color-login-ink) 40%,transparent);background:color-mix(in oklch,var(--color-login-canvas) 88%,transparent);color:var(--color-login-ink)}.gallery-tile:hover .gallery-select-button,.gallery-tile:hover .gallery-options-button,.gallery-tile:focus-within .gallery-select-button,.gallery-tile:focus-within .gallery-options-button,.gallery-tile.is-selected .gallery-select-button{opacity:1;transform:translateY(-1px)}:root[data-theme] .gallery-workspace .gallery-tile:hover .gallery-select-button,:root[data-theme] .gallery-workspace .gallery-tile:hover .gallery-options-button,:root[data-theme] .gallery-workspace .gallery-tile:focus-within .gallery-select-button,:root[data-theme] .gallery-workspace .gallery-tile:focus-within .gallery-options-button,:root[data-theme] .gallery-workspace .gallery-tile.is-selected .gallery-select-button,:root[data-theme] .gallery-workspace .gallery-options-button[aria-expanded=true]{opacity:1;transform:translateY(-1px)}.gallery-tile.is-selected .gallery-select-button{border-color:var(--gallery-accent);background:var(--gallery-accent);color:var(--gallery-accent-ink)}:root[data-theme] .gallery-workspace .gallery-tile.is-selected .gallery-select-button{border-color:var(--gallery-accent);background:var(--gallery-accent);color:var(--gallery-accent-ink)}.gallery-options-menu{position:absolute;top:calc(var(--space-2xs) + 44px + var(--space-3xs));right:var(--space-2xs);bottom:auto;z-index:4;display:grid;min-width:132px;gap:var(--space-3xs);overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-2xs)}.gallery-options-menu button{display:inline-flex;width:100%;min-width:44px;min-height:44px;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink);padding:0 var(--space-xs);font-size:var(--text-sm);font-weight:600;line-height:1;text-align:left;white-space:nowrap}.gallery-options-menu button:hover:not(:disabled){border-color:var(--color-rule-strong);background:var(--color-paper-3);color:var(--color-ink)}.gallery-options-menu button.is-danger,.gallery-options-menu button.is-danger:hover:not(:disabled){color:var(--color-danger)}.gallery-bulk-actions button:focus-visible,.gallery-image-button:focus-visible,.gallery-select-button:focus-visible,.gallery-options-button:focus-visible,.gallery-options-menu button:focus-visible,.gallery-action-error .inline-action-error button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--space-3xs)}.gallery-image-button:focus-visible{outline-offset:calc(var(--space-3xs) * -1)}:root[data-theme] .gallery-bulk-actions button:focus-visible,:root[data-theme] .section-workspace-head .gallery-bulk-actions button:focus-visible{border-color:var(--color-focus);background:var(--color-paper-3);color:var(--color-ink);box-shadow:none}:root[data-theme] .gallery-select-button:focus-visible{border-color:var(--color-focus);background:var(--color-paper-3);color:var(--color-ink);box-shadow:none}:root[data-theme] .gallery-options-button:focus-visible{border-color:var(--color-focus);background:var(--color-paper-3);color:var(--color-ink);box-shadow:none}:root[data-theme] .gallery-options-menu button:focus-visible{border-color:var(--color-focus);background:var(--color-paper-3);color:var(--color-ink);box-shadow:none}.gallery-empty{display:grid;min-height:320px;place-items:center;align-content:center;gap:var(--space-2xs);color:var(--color-ink-2);text-align:center}.gallery-empty.is-filtered{min-height:280px}.gallery-empty span{color:var(--color-ink);font-size:var(--text-sm);font-weight:600}.gallery-empty small{color:var(--color-ink-2);font-size:var(--text-sm);font-weight:400}.gallery-empty-action{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:var(--rule-hair) solid var(--gallery-accent);border-radius:var(--radius-input);background:var(--gallery-accent);color:var(--gallery-accent-ink);padding:0 var(--space-sm);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap}.gallery-empty-action:hover{border-color:var(--color-ink)}.gallery-empty-action:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--space-3xs)}@keyframes gallery-tile-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gallery-dock-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1399px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1023px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:639px){.section-workspace{padding:var(--space-lg) var(--space-sm) var(--space-2xl)}.section-workspace-head,.gallery-workspace-head{align-items:flex-start;flex-direction:column}.gallery-head-tools,.gallery-search{width:100%}.gallery-selection-dock{align-items:flex-start;flex-direction:column}.gallery-selection-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-3xs)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-2xs)}}@media(hover:none),(pointer:coarse){:root[data-theme] .gallery-workspace .gallery-select-button,:root[data-theme] .gallery-workspace .gallery-options-button{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.gallery-selection-dock,.gallery-tile,.gallery-image-button img,.gallery-select-button,.gallery-options-button{animation:none;transition-duration:.01ms;will-change:auto}}.assets-toolbar{display:flex;min-width:0;min-height:104px;align-items:flex-end;justify-content:space-between;gap:clamp(24px,4vw,64px);border-bottom:1px solid color-mix(in srgb,var(--color-project-ink) 14%,transparent);background:color-mix(in srgb,var(--color-project-canvas-deep) 96%,transparent);color:var(--color-project-ink);padding:20px clamp(24px,3vw,48px) 0}.assets-tabs{display:flex;min-width:max-content;align-items:flex-end;gap:32px}.assets-tabs button{position:relative;display:inline-flex;min-height:48px;align-items:center;gap:4px;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--color-project-ink) 52%,transparent);padding:0 4px 16px;font-size:14px}.assets-tabs button:after{position:absolute;inset-inline:0;inset-block-end:-1px;height:2px;background:transparent;content:""}.assets-tabs button.is-active{color:var(--color-project-ink)}.assets-tabs button.is-active:after{background:var(--color-project-ink)}.assets-tabs span{color:color-mix(in srgb,var(--color-project-ink) 44%,transparent);font-variant-numeric:tabular-nums}.assets-toolbar-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:clamp(16px,2.2vw,32px);padding-bottom:12px}.assets-search{display:grid;width:clamp(180px,18vw,300px);min-width:0;min-height:44px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid color-mix(in srgb,var(--color-project-ink) 34%,transparent);color:color-mix(in srgb,var(--color-project-ink) 56%,transparent)}.assets-search:focus-within{border-color:var(--color-project-ink)}.assets-search input{min-width:0;height:44px;border:0;background:transparent;color:var(--color-project-ink);font:inherit;outline:0}.assets-search input::placeholder{color:color-mix(in srgb,var(--color-project-ink) 42%,transparent)}.assets-search input::-webkit-search-cancel-button{display:none}.assets-search button,.assets-sort,.assets-create{display:inline-flex;width:auto;min-width:0;height:44px;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--color-project-ink) 68%,transparent);padding:0;font-size:13px;white-space:nowrap}.assets-search button{width:44px}.assets-sort:focus-visible,.assets-create:focus-visible,.assets-tabs button:focus-visible,.assets-search button:focus-visible{outline:1px solid var(--color-project-ink);outline-offset:4px}.projects-spatial-workspace>.assets-toolbar{position:absolute;z-index:9;inset:0 0 auto;height:var(--assets-toolbar-height)}.project-index-empty{display:grid;min-height:280px;place-items:center;align-content:center;gap:16px;color:color-mix(in srgb,var(--color-project-ink) 55%,transparent)}.project-index-empty button{min-height:44px;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:var(--color-project-ink);padding:8px 0}@media(hover:hover)and (pointer:fine){.assets-sort:hover,.assets-create:hover,.assets-tabs button:hover,.assets-search button:hover{color:var(--color-project-ink)}}.gallery-workspace{padding:0 clamp(24px,3vw,48px) var(--space-2xl)}.gallery-workspace>.assets-toolbar{position:sticky;z-index:8;inset-block-start:0;margin-inline:calc(clamp(24px,3vw,48px)*-1)}@media(max-width:959px){.assets-toolbar{position:sticky;flex-wrap:wrap;min-height:120px;align-items:flex-end;padding-inline:20px}.assets-toolbar-actions{flex:1 1 520px}.projects-spatial-workspace{min-height:980px;overflow-y:auto}.projects-spatial-workspace>.assets-toolbar,.projects-spatial-workspace .project-feature-stage,.projects-spatial-workspace .project-shelf-frame,.projects-spatial-workspace .projects-stage-footer{position:relative;inset:auto;width:auto}.projects-spatial-workspace>.assets-toolbar{top:0;height:auto}.projects-spatial-workspace .project-feature-stage{height:420px;margin:20px}.projects-spatial-workspace .project-shelf-frame{min-height:520px;margin:0 20px}.projects-spatial-workspace .projects-stage-footer{height:64px;margin:0 20px}}@media(max-width:639px){.assets-toolbar{min-height:152px;gap:8px}.assets-toolbar-actions{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;padding-bottom:12px}.assets-search{width:100%}.projects-spatial-workspace .project-feature-stage{height:360px;margin:12px}.projects-spatial-workspace .project-shelf-frame{margin-inline:12px}.projects-spatial-workspace .project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.gallery-workspace{padding-inline:12px}.gallery-workspace>.assets-toolbar{margin-inline:-12px}}.editor-shell{position:relative;display:grid;width:100%;height:100dvh;grid-template-columns:minmax(0,1fr);overflow:clip;background:var(--color-paper)}.editor-shell>.workspace{grid-column:1;grid-row:1;min-width:0}.storm-sidebar{position:absolute;top:max(84px,var(--space-xl));bottom:var(--space-md);left:84px;z-index:39;width:min(620px,calc(100% - 108px));min-width:0;overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-overlay-surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:canvas-tool-surface-enter var(--dur-short) var(--ease-out) both}@keyframes canvas-tool-surface-enter{0%{opacity:0;transform:translate(calc(var(--space-xs) * -1))}to{opacity:1;transform:translate(0)}}.canvas-upload-drop-indicator{position:absolute;inset:var(--space-md);z-index:60;display:grid;place-content:center;gap:var(--space-2xs);pointer-events:none;border:var(--rule-fine) dashed var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-paper-2);color:var(--color-ink);text-align:center;box-shadow:var(--shadow-panel)}.canvas-upload-drop-indicator svg{margin:0 auto var(--space-3xs);color:var(--color-accent)}.canvas-upload-drop-indicator strong{font-size:var(--text-lg)}.canvas-upload-drop-indicator span{color:var(--color-ink-2);font-size:var(--text-sm)}:root[data-theme] .agent-panel .image-source-field.is-dragging,:root[data-theme] .agent-panel .agent-upload-dropzone.is-dragging{border-color:var(--color-rule-strong)}:root[data-theme] .agent-panel .image-source-field.is-dragging svg,:root[data-theme] .agent-panel .agent-upload-dropzone.is-dragging svg{color:var(--color-accent)}.storm-sidebar .tool-library-intro{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(240px,1.2fr);gap:var(--space-xs);padding:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule)}.storm-sidebar .toolset-control{position:relative;min-width:0}.storm-sidebar .toolset-trigger,.storm-sidebar .search-shell{display:flex;width:100%;min-height:48px;align-items:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink)}.storm-sidebar .toolset-trigger{padding:0 var(--space-xs);cursor:pointer;text-align:left}.storm-sidebar .toolset-icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:var(--radius-input);background:var(--color-accent-soft);color:var(--color-accent)}.storm-sidebar .toolset-copy,.storm-sidebar .toolset-value{display:grid;min-width:0}.storm-sidebar .toolset-copy>span:first-child,.storm-sidebar .toolset-value small{color:var(--color-muted);font-size:var(--text-xs)}.storm-sidebar .toolset-value{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs)}.storm-sidebar .toolset-current-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storm-sidebar .toolset-chevron{margin-left:auto;color:var(--color-muted)}.storm-sidebar .toolset-menu{position:absolute;top:calc(100% + var(--space-2xs));left:0;z-index:4;width:min(320px,calc(100vw - 140px));overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-overlay-surface);box-shadow:var(--shadow-panel)}.storm-sidebar .toolset-menu-head,.storm-sidebar .toolset-option,.storm-sidebar .tool-library-section-head{display:flex;align-items:center;justify-content:space-between}.storm-sidebar .toolset-menu-head{padding:var(--space-xs) var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);color:var(--color-ink-2)}.storm-sidebar .toolset-options{display:grid;max-height:320px;overflow-y:auto;padding:var(--space-3xs)}.storm-sidebar .toolset-option{width:100%;min-height:48px;gap:var(--space-xs);border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);padding:0 var(--space-xs);cursor:pointer;text-align:left}.storm-sidebar .toolset-option:hover,.storm-sidebar .toolset-option:focus-visible,.storm-sidebar .toolset-option.is-active{background:var(--color-accent-soft);color:var(--color-ink)}.storm-sidebar .toolset-option-copy{display:grid;flex:1}.storm-sidebar .toolset-option-copy small,.storm-sidebar .toolset-option-index{color:var(--color-muted);font-size:var(--text-xs)}.storm-sidebar .search-shell{padding:0 var(--space-xs)}.storm-sidebar .search-shell svg{flex:0 0 auto;color:var(--color-muted)}.storm-sidebar .search-shell input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-ink)}.storm-sidebar .tool-filter-row{display:flex;grid-column:1 / -1;gap:var(--space-3xs);overflow-x:auto}.storm-sidebar .tool-filter-row button{min-height:32px;padding:0 var(--space-xs);border:var(--rule-hair) solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);cursor:pointer;white-space:nowrap}.storm-sidebar .tool-filter-row button:hover,.storm-sidebar .tool-filter-row button:focus-visible,.storm-sidebar .tool-filter-row button.is-active{border-color:var(--color-rule);background:var(--color-accent-soft);color:var(--color-accent)}.storm-sidebar .tool-library-section-head{padding:var(--space-sm) var(--space-sm) var(--space-xs);color:var(--color-ink)}.storm-sidebar .tool-library-section-head span{color:var(--color-muted);font-size:var(--text-xs)}.tool-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(174px,auto);align-content:start;gap:var(--space-xs);min-height:0;overflow-y:auto;padding:0 var(--space-sm) var(--space-sm);scrollbar-color:var(--color-rule) transparent;scrollbar-width:thin}:root[data-theme] .editor-shell .tool-card-grid::-webkit-scrollbar{width:4px}:root[data-theme] .editor-shell .tool-card-grid::-webkit-scrollbar-track{background:transparent}:root[data-theme] .editor-shell .tool-card-grid::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-rule)}:root[data-theme] .editor-shell .tool-card{position:relative;display:flex;height:auto;min-height:174px;flex-direction:column;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:none;transform:none;animation:tool-card-enter var(--dur-long) var(--ease-out) both;cursor:pointer;text-align:left}.editor-shell .tool-card-visual{position:relative;display:block;min-height:128px;overflow:hidden;background:var(--color-paper-3)}.editor-shell .tool-card-visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.editor-shell .tool-card-index,.editor-shell .tool-card-badge{position:absolute;top:var(--space-2xs);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink-2)}.editor-shell .tool-card-index{left:var(--space-2xs)}.editor-shell .tool-card-badge{right:var(--space-2xs)}.editor-shell .tool-card-copy{position:static;display:block;min-height:0;padding:var(--space-xs) 40px var(--space-xs) var(--space-xs);background:transparent;color:var(--color-ink)}.editor-shell .tool-card-arrow{position:absolute;right:var(--space-xs);bottom:var(--space-xs)}.storm-sidebar .tool-library-empty{display:grid;grid-column:1 / -1;min-height:180px;place-content:center;gap:var(--space-2xs);color:var(--color-muted);text-align:center}:root[data-theme] .editor-shell .tool-card:hover{border-color:var(--color-rule-strong);box-shadow:none;transform:none}:root[data-theme] .editor-shell .tool-card .tool-card-visual img{filter:none;transform:none}:root[data-theme] .editor-shell .tool-card:hover .tool-card-visual img{filter:none;transform:none}:root[data-theme] .editor-shell .tool-card .tool-card-arrow{color:var(--color-ink-2);transform:none}:root[data-theme] .editor-shell .tool-card:hover .tool-card-arrow{color:var(--color-ink-2);transform:none}:root[data-theme] .editor-shell .tool-card.is-selected .tool-card-arrow{color:var(--color-ink-2);transform:none}:root[data-theme] .editor-shell .tool-card.is-selected{border-color:var(--color-accent);background:var(--color-paper-3);box-shadow:none;transform:none}.tool-card-index,.tool-card-badge{font-size:var(--text-xs)}.agent-panel .field-block>small,.agent-panel .image-source-head-copy small{color:var(--color-ink-2);font-size:var(--text-sm)}.agent-panel :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){min-height:44px;outline:var(--rule-fine) solid transparent;outline-offset:var(--rule-hair)}.agent-panel :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}:root[data-theme=light] .editor-shell .agent-panel .desc-field,:root[data-theme=dark] .editor-shell .agent-panel .desc-field,:root[data-theme=light] .editor-shell .agent-panel .source-pill,:root[data-theme=dark] .editor-shell .agent-panel .source-pill{border-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-ink-2)}:root[data-theme=light] .editor-shell .agent-panel .result-card,:root[data-theme=dark] .editor-shell .agent-panel .result-card{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}:root[data-theme=light] .editor-shell .agent-panel [data-state=error],:root[data-theme=dark] .editor-shell .agent-panel [data-state=error]{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}@keyframes tool-card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@property --agent-panel-edge-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes agent-panel-edge-orbit{0%{--agent-panel-edge-angle: 0deg}to{--agent-panel-edge-angle: 360deg}}.agent-panel{position:absolute;top:max(84px,var(--space-xl));right:auto;bottom:var(--space-md);left:84px;z-index:40;width:414px;max-width:calc(100% - var(--space-xl));border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-paper-2);box-shadow:var(--shadow-panel);animation:canvas-tool-surface-enter var(--dur-short) var(--ease-out) both}.agent-panel .drawer-head{gap:var(--space-xs)}.agent-panel .agent-panel-title{min-width:0;flex:1}.agent-panel .agent-panel-back{flex:0 0 36px;width:36px;height:36px;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink-2);cursor:pointer}.agent-panel .agent-panel-back:hover,.agent-panel .agent-panel-back:focus-visible{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.agent-panel:before{position:absolute;inset:calc(var(--rule-hair) * -1);z-index:4;width:auto;height:auto;border:var(--rule-hair) solid transparent;border-radius:inherit;background:conic-gradient(from var(--agent-panel-edge-angle),transparent 0deg,transparent 314deg,var(--olo-cyan) 328deg,var(--olo-cyan-white) 341deg,var(--olo-cyan) 354deg,transparent 360deg) border-box;box-shadow:0 0 var(--space-2xs) var(--color-elevation-shadow);content:"";pointer-events:none;-webkit-mask:linear-gradient(var(--color-ink) 0 0) padding-box,linear-gradient(var(--color-ink) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--color-ink) 0 0) padding-box,linear-gradient(var(--color-ink) 0 0);mask-composite:exclude;animation:agent-panel-edge-orbit 4.8s linear infinite}:root[data-theme] .agent-panel .agent-prompt-debug-trigger{width:100%;min-height:44px;margin:var(--space-xs) 0 0;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink-2);padding:var(--space-2xs) var(--space-xs);box-shadow:none}:root[data-theme] .agent-panel .agent-prompt-debug-trigger small{color:var(--color-muted)}:root[data-theme] .agent-panel .agent-prompt-debug-trigger:hover,:root[data-theme] .agent-panel .agent-prompt-debug-trigger:focus-visible,:root[data-theme] .agent-panel .agent-prompt-debug-trigger.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink);box-shadow:none}:root[data-theme] .agent-panel .agent-prompt-debug-trigger:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}:root[data-theme] .prompt-debug-drawer{position:fixed;top:var(--space-md);right:auto;bottom:auto;left:50%;z-index:70;width:min(620px,calc(100vw - var(--space-xl)));max-height:calc(100dvh - var(--space-xl));overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-paper-2);color:var(--color-ink);box-shadow:0 0 0 100vmax var(--color-modal-scrim),var(--shadow-panel);transform:translate(-50%);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme] .prompt-debug-head{align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper)}:root[data-theme] .prompt-debug-head>div{gap:var(--space-3xs);min-width:0}:root[data-theme] .prompt-debug-head strong{color:var(--color-ink);font-size:var(--text-xl);letter-spacing:0}:root[data-theme] .prompt-debug-head small{overflow:hidden;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap}:root[data-theme] .prompt-debug-eyebrow{gap:var(--space-3xs);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.01em;text-transform:none}:root[data-theme] .prompt-debug-head>button{display:grid;width:44px;height:44px;min-width:44px;min-height:44px;place-content:center;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);cursor:pointer}:root[data-theme] .prompt-debug-head>button:hover,:root[data-theme] .prompt-debug-head>button:focus-visible{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}:root[data-theme] .prompt-debug-head>button:focus-visible,:root[data-theme] .prompt-debug-section button:focus-visible,:root[data-theme] .prompt-debug-save-row button:focus-visible,:root[data-theme] .prompt-debug-generate-actions button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}:root[data-theme] .prompt-debug-scroll{gap:0;padding:0 var(--space-md) var(--space-sm);scrollbar-color:var(--color-rule) transparent}:root[data-theme] .prompt-debug-section{gap:var(--space-xs);padding:var(--space-sm) 0 var(--space-md);border:0;border-bottom:var(--rule-hair) solid var(--color-rule);border-radius:0;background:transparent}:root[data-theme] .prompt-debug-section.is-editor{border-color:var(--color-rule);background:transparent}:root[data-theme] .prompt-debug-section-head,:root[data-theme] .prompt-debug-save-row,:root[data-theme] .prompt-debug-generate-actions{gap:var(--space-xs)}:root[data-theme] .prompt-debug-section-head>div:first-child{min-width:0}:root[data-theme] .prompt-debug-section-head strong{color:var(--color-ink);font-size:var(--text-md)}:root[data-theme] .prompt-debug-section button,:root[data-theme] .prompt-debug-save-row button,:root[data-theme] .prompt-debug-generate-actions button{min-height:44px;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink-2);cursor:pointer;font-size:var(--text-sm);padding:0 var(--space-xs)}:root[data-theme] .prompt-debug-section button:hover:not(:disabled),:root[data-theme] .prompt-debug-save-row button:hover:not(:disabled),:root[data-theme] .prompt-debug-generate-actions button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}:root[data-theme] .prompt-debug-section button:active:not(:disabled),:root[data-theme] .prompt-debug-save-row button:active:not(:disabled),:root[data-theme] .prompt-debug-generate-actions button:active:not(:disabled){transform:translateY(var(--rule-hair))}:root[data-theme] .prompt-debug-section button:disabled,:root[data-theme] .prompt-debug-save-row button:disabled,:root[data-theme] .prompt-debug-generate-actions button:disabled{cursor:not-allowed;opacity:.55}:root[data-theme] .prompt-debug-inline-actions{gap:var(--space-2xs)}:root[data-theme] .prompt-debug-textarea{min-height:152px;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink-2);font-family:var(--font-outlier);font-size:var(--text-sm);line-height:1.6;padding:var(--space-xs);outline:var(--rule-fine) solid transparent;outline-offset:var(--rule-hair)}:root[data-theme] .prompt-debug-textarea.is-editable{min-height:196px;border-color:var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink)}:root[data-theme] .prompt-debug-textarea.is-editable:focus{border-color:var(--color-rule-strong);box-shadow:none;outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}:root[data-theme] .prompt-debug-meta{gap:var(--space-2xs)}:root[data-theme] .prompt-debug-meta span{display:inline-flex;min-height:28px;align-items:center;padding:0 var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:999px;background:var(--color-paper-3);color:var(--color-ink-2);font-size:var(--text-xs)}:root[data-theme] .prompt-debug-save-row>span,:root[data-theme] .prompt-debug-privacy{color:var(--color-muted);font-size:var(--text-xs)}:root[data-theme] .prompt-debug-generate-actions>button{min-height:44px;font-size:var(--text-sm)}:root[data-theme] .prompt-debug-generate-actions>button.is-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}:root[data-theme] .prompt-debug-generate-actions>button.is-primary:hover:not(:disabled),:root[data-theme] .prompt-debug-generate-actions>button.is-primary:focus-visible{border-color:var(--color-focus);background:var(--color-accent);color:var(--color-accent-ink)}:root[data-theme] .prompt-debug-results{gap:var(--space-xs)}:root[data-theme] .prompt-debug-result-card{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-3)}:root[data-theme] .prompt-debug-result-card>span{top:var(--space-2xs);left:var(--space-2xs);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-xs)}:root[data-theme] .prompt-debug-result-card>div{color:var(--color-muted);font-size:var(--text-sm)}:root[data-theme] .prompt-debug-stale,:root[data-theme] .prompt-debug-error{padding:var(--space-2xs) var(--space-xs);border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink);font-size:var(--text-sm)}:root[data-theme] .prompt-debug-error{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}:root[data-theme] .prompt-debug-privacy{margin:var(--space-sm) 0 0}@media(min-width:1408px){:root[data-theme] .prompt-debug-drawer{right:calc(414px + var(--space-xl));left:auto;width:600px;box-shadow:var(--shadow-panel);transform:none}}.bottom-toolbar{position:absolute;top:50%;right:auto;bottom:auto;left:var(--space-sm);z-index:42;display:flex;width:52px;min-height:0;max-width:none;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:var(--space-3xs);overflow:visible;padding:var(--space-3xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper-2);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(-50%)}.bottom-toolbar button{min-width:44px;min-height:44px;flex:0 0 auto}.canvas-navigation-tool{position:relative;display:flex}.canvas-navigation-options-menu{position:absolute;top:0;bottom:auto;left:calc(100% + var(--space-xs));display:grid;width:220px;padding:var(--space-3xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-overlay-surface);box-shadow:var(--shadow-panel);animation:canvas-navigation-options-menu-enter var(--dur-short) var(--ease-out) both}@keyframes canvas-navigation-options-menu-enter{0%{opacity:0;transform:translate(calc(var(--space-2xs) * -1))}to{opacity:1;transform:translate(0)}}:root[data-theme] .editor-shell .canvas-navigation-options-menu button{width:100%;justify-content:flex-start;gap:var(--space-xs);padding:0 var(--space-xs);border-radius:var(--radius-input);color:var(--color-muted)}:root[data-theme] .editor-shell .canvas-navigation-options-menu button:after{display:none}:root[data-theme] .editor-shell .canvas-navigation-options-menu button:hover,:root[data-theme] .editor-shell .canvas-navigation-options-menu button:focus-visible,:root[data-theme] .editor-shell .canvas-navigation-options-menu button.is-selected{background:var(--color-accent-soft);color:var(--color-ink)}:root[data-theme] .editor-shell .canvas-navigation-options-menu button:active{transform:translateY(var(--rule-hair));transition:transform var(--dur-micro) var(--ease-out)}.canvas-navigation-options-menu kbd{margin-left:auto;color:var(--color-muted);font-family:var(--font-outlier);font-size:var(--text-sm)}.konva-shell.is-panning canvas{cursor:grab}.konva-shell.is-panning canvas:active{cursor:grabbing}:root[data-theme] .editor-shell .bottom-toolbar button:hover:not(:disabled),:root[data-theme] .editor-shell .bottom-toolbar button:focus-visible{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:none}:root[data-theme] .editor-shell .quick-edit-bar{border-color:var(--color-rule-strong);background:var(--color-overlay-surface);color:var(--color-ink);box-shadow:var(--shadow-panel)}:root[data-theme] .editor-shell .quick-edit-submit{width:auto;height:44px;min-width:148px;min-height:44px;flex:0 0 auto;gap:var(--space-2xs);padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-accent)!important;border-radius:var(--radius-input);background:var(--color-accent)!important;color:var(--color-accent-ink)!important;box-shadow:none;white-space:nowrap}:root[data-theme] .editor-shell .quick-edit-submit:hover:not(:disabled),:root[data-theme] .editor-shell .quick-edit-submit:focus-visible{border-color:var(--color-focus)!important;background:var(--color-accent)!important;color:var(--color-accent-ink)!important}:root[data-theme] .editor-shell .quick-edit-submit:disabled{border-color:var(--color-rule)!important;background:var(--color-paper-3)!important;color:var(--color-muted)!important}:root[data-theme] .editor-shell .image-editor-send-button{display:inline-flex;width:auto;min-width:148px;height:40px;align-items:center;justify-content:center;gap:var(--space-2xs);padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-accent)!important;border-radius:var(--radius-input);background:var(--color-accent)!important;color:var(--color-accent-ink)!important;box-shadow:none;white-space:nowrap}:root[data-theme] .editor-shell .image-editor-send-button:disabled{border-color:var(--color-rule)!important;background:var(--color-paper-3)!important;color:var(--color-muted)!important}:root[data-theme] .editor-shell .upscale-dropdown{min-width:176px}:root[data-theme] .editor-shell .upscale-dropdown button{min-height:38px;padding:0 var(--space-sm);white-space:nowrap}:root[data-theme] .editor-shell .upscale-dropdown button:disabled{color:var(--color-muted);cursor:wait}:root[data-theme] .agent-panel .image-source-field{padding-right:var(--space-xs)}:root[data-theme] .agent-panel .image-source-head{padding-right:calc(var(--space-md) + var(--space-lg))}:root[data-theme] .agent-panel .image-source-field.has-image{border-color:var(--color-rule);background:var(--color-image-editor-canvas);color:var(--color-ink)}:root[data-theme] .agent-panel .image-source-clear{top:var(--space-xs);right:var(--space-xs);width:32px;height:32px;min-width:32px;min-height:32px;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-muted);padding:0}:root[data-theme] .agent-panel .image-source-clear:before{position:absolute;inset:calc(var(--space-2xs) * -1);content:""}:root[data-theme] .agent-panel .image-source-clear:hover,:root[data-theme] .agent-panel .image-source-clear:focus-visible{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}:root[data-theme] .agent-panel .image-source-clear:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}.editor-state-shell{grid-template-columns:minmax(0,1fr)}.editor-state-shell>.editor-state-workspace{position:relative;grid-column:1}.editor-state-back{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:2;display:inline-flex;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);padding:0 var(--space-xs)}:root[data-theme] .selection-quick-actions{border-color:var(--color-rule-strong);background:var(--color-overlay-surface);color:var(--color-ink);box-shadow:var(--shadow-panel)}:root[data-theme] .selection-quick-actions:after{display:none}:root[data-theme] .selection-quick-actions button{background:transparent;color:var(--color-ink)}:root[data-theme] .selection-quick-actions button:hover:not(:disabled),:root[data-theme] .selection-quick-actions button:focus-visible,:root[data-theme] .selection-quick-actions button.is-active,:root[data-theme] .selection-quick-actions button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-ink)}:root[data-theme] .selection-quick-actions .has-divider:before{background:var(--color-rule)}:root[data-theme] .selection-quick-actions .is-danger,:root[data-theme] .selection-quick-actions .is-danger:hover,:root[data-theme] .selection-quick-actions .is-danger:focus-visible,:root[data-theme] .selection-quick-actions .is-danger.is-active,:root[data-theme] .selection-quick-actions .is-danger[aria-pressed=true]{color:var(--color-danger)}:root[data-theme] .selection-quick-actions button:disabled,:root[data-theme] .selection-quick-actions button:disabled:hover{background:transparent;color:var(--color-muted)}:root[data-theme] .editor-shell .canvas-context-menu{width:244px;border-color:var(--color-overlay-rule);border-radius:var(--radius-input);background:var(--color-overlay-surface);color:var(--color-ink);box-shadow:inset 0 1px color-mix(in oklab,var(--color-ink) 10%,transparent),0 16px 40px var(--color-elevation-shadow);-webkit-backdrop-filter:blur(18px) saturate(100%);backdrop-filter:blur(18px) saturate(100%)}:root[data-theme] .editor-shell .canvas-context-menu button{border-radius:calc(var(--radius-input) - var(--rule-fine));color:var(--color-ink-2);font-weight:500}:root[data-theme] .editor-shell .canvas-context-menu button>svg{flex:0 0 auto;color:var(--color-muted)}:root[data-theme] .editor-shell .canvas-context-menu button:hover,:root[data-theme] .editor-shell .canvas-context-menu button:focus-visible{background:var(--color-hover-surface);color:var(--color-ink)}:root[data-theme] .editor-shell .canvas-context-menu button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:calc(-1 * var(--rule-fine))}:root[data-theme] .editor-shell .canvas-context-menu button:hover>svg,:root[data-theme] .editor-shell .canvas-context-menu button:focus-visible>svg{color:var(--color-ink)}:root[data-theme] .editor-shell .canvas-context-menu button em{color:var(--color-muted);font-weight:500}:root[data-theme] .editor-shell .canvas-context-menu .context-menu-item-wrap>i{background:var(--color-rule)}:root[data-theme] .editor-shell .canvas-context-menu .is-danger,:root[data-theme] .editor-shell .canvas-context-menu .is-danger>svg{color:var(--color-danger)}:root[data-theme] .editor-shell .canvas-context-menu .is-danger:hover,:root[data-theme] .editor-shell .canvas-context-menu .is-danger:focus-visible{background:var(--color-danger-soft);color:var(--color-danger)}:root[data-theme] .editor-shell .bottom-toolbar button.is-active{background:var(--color-accent-soft);color:var(--color-ink);box-shadow:none}:root[data-theme] .editor-shell .bottom-toolbar button.is-active:after{background:var(--color-accent);box-shadow:none}:root[data-theme] .mask-paint-backdrop{--mask-editor-paper: var(--color-login-surface-2);--mask-editor-surface: var(--color-login-surface);--mask-editor-canvas: var(--color-login-canvas);--mask-editor-ink: var(--color-login-ink);--mask-editor-muted: var(--color-login-muted);--mask-editor-rule: var(--color-login-rule);--mask-editor-rule-strong: color-mix(in oklch, var(--color-login-ink) 32%, transparent);--mask-editor-accent: color-mix(in oklch, var(--color-login-ink) 78%, transparent);--mask-editor-accent-soft: color-mix(in oklch, var(--color-login-ink) 10%, transparent);--mask-editor-focus: color-mix(in oklch, var(--color-login-ink) 82%, transparent);--mask-editor-primary: var(--color-login-ink);--mask-editor-primary-ink: var(--color-login-canvas);padding:var(--space-lg);background:var(--color-login-modal-scrim);color:var(--mask-editor-ink);font-family:var(--font-body)}:root[data-theme] .mask-paint-dialog{grid-template-rows:auto minmax(0,1fr) auto;width:min(1280px,100%);max-height:calc(100dvh - var(--space-2xl));border:var(--rule-hair) solid var(--mask-editor-rule-strong);border-radius:var(--radius-panel);background:var(--mask-editor-paper);color:var(--mask-editor-ink);box-shadow:var(--shadow-panel)}.agent-panel-feedback-layer{position:absolute;top:50%;left:50%;z-index:2;width:calc(100% - var(--space-lg));max-width:344px;pointer-events:none;transform:translate(-50%,-50%)}.agent-panel-feedback-toast{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;min-height:52px;gap:var(--space-xs);overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:var(--space-2xs) 0 var(--space-2xs) var(--space-sm);box-shadow:var(--shadow-panel);opacity:1;pointer-events:auto;transition:opacity .2s var(--ease-in)}.agent-panel-feedback-toast>svg{color:var(--color-ink-2)}.agent-panel-feedback-toast>span{min-width:0;font-size:var(--text-sm);line-height:1.45;overflow-wrap:anywhere}.agent-panel-feedback-toast>button{display:grid;width:44px;height:44px;min-width:44px;min-height:44px;place-content:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.agent-panel-feedback-toast>button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:calc(var(--rule-fine) * -1)}@media(hover:hover){.agent-panel-feedback-toast>button:hover{background:var(--color-paper-3);color:var(--color-ink)}}.agent-panel-feedback-toast>button:active{transform:translateY(var(--rule-hair))}.agent-panel-feedback-toast>button:disabled{color:var(--color-muted);cursor:not-allowed;opacity:.55;transform:none}.agent-panel-feedback-toast.is-exiting{opacity:0;pointer-events:none}.material-output-size{display:grid;gap:var(--space-xs);border-top:var(--rule-hair) solid var(--color-rule);padding-top:var(--space-md)}.material-output-size>header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-sm)}.material-output-size>header>div,.material-output-size>header output{display:grid;gap:var(--space-3xs)}.material-output-size>header output{justify-items:end;text-align:right}.material-output-size>header output strong{color:var(--color-accent);font-family:var(--font-outlier);font-size:var(--text-sm);font-weight:600;letter-spacing:-.02em}.material-output-size header small{color:var(--color-muted);font-size:var(--text-xs)}.material-output-dimensions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);padding:var(--space-xs)}.material-output-dimension-link{display:grid;width:28px;height:36px;place-items:center;border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-muted)}.material-output-dimensions label{display:grid;gap:var(--space-3xs);min-width:0}.material-output-dimensions label>span{color:var(--color-muted);font-size:var(--text-xs)}.material-output-dimensions label>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);padding:0 var(--space-2xs)}.material-output-dimensions label b,.material-output-dimensions label small{color:var(--color-muted);font-family:var(--font-outlier);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}:root[data-theme] .agent-panel .material-output-dimensions input{height:36px;min-width:0;border:0;background:transparent;padding:0;box-shadow:none;font-family:var(--font-outlier);font-size:var(--text-sm);font-weight:600;text-align:right}.material-output-ratio-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-2xs)}.material-output-ratio-head small{color:var(--color-muted);font-size:var(--text-xs)}.material-output-ratio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs)}.material-output-ratio-grid button{display:flex;min-width:0;min-height:52px;align-items:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink-2);padding:var(--space-2xs);cursor:pointer;text-align:left;transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.material-output-ratio-preview{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:calc(var(--radius-input) - 2px);background:var(--color-paper-3)}.material-output-ratio-preview>i:not(.is-auto){display:block;width:14px;max-height:18px;border:var(--rule-fine) solid currentColor;border-radius:2px}.material-output-ratio-preview>i.is-auto{font-family:var(--font-outlier);font-size:var(--text-xs);font-style:normal;font-weight:700}.material-output-ratio-copy{display:grid;min-width:0;gap:2px}.material-output-ratio-copy strong{font-size:var(--text-xs);font-weight:600;white-space:nowrap}.material-output-ratio-copy small{color:var(--color-muted);font-family:var(--font-outlier);font-size:10px;text-transform:uppercase}.material-output-ratio-grid button:hover:not(:disabled),.material-output-ratio-grid button:focus-visible,.material-output-ratio-grid button.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.material-output-ratio-grid button.is-active{box-shadow:inset 0 calc(var(--rule-fine) * -1) 0 var(--color-accent)}.material-output-ratio-grid button:active:not(:disabled){transform:translateY(var(--rule-hair))}.material-output-ratio-grid button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}.material-output-ratio-grid button:disabled{opacity:.38}:root[data-theme] .mask-paint-head,:root[data-theme] .mask-paint-toolbar{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-color:var(--mask-editor-rule);background:var(--mask-editor-paper)}:root[data-theme] .mask-paint-head{min-height:76px;border-bottom:var(--rule-hair) solid var(--mask-editor-rule)}:root[data-theme] .mask-paint-head>div{display:grid;min-width:0;align-items:start;gap:var(--space-3xs)}:root[data-theme] .mask-paint-head strong{color:var(--mask-editor-ink);font-family:var(--font-display);font-size:var(--text-xl);font-style:normal;font-weight:var(--display-weight);letter-spacing:var(--tracking-display);line-height:1.2}:root[data-theme] .mask-paint-head span{overflow:hidden;color:var(--mask-editor-muted);font-size:var(--text-sm);line-height:1.5;text-overflow:ellipsis;white-space:nowrap}:root[data-theme] .mask-paint-head button{width:44px;height:44px;min-width:44px;min-height:44px;border:var(--rule-hair) solid var(--mask-editor-rule);border-radius:var(--radius-input);background:var(--mask-editor-paper);color:var(--mask-editor-muted)}:root[data-theme] .mask-paint-head button:hover:not(:disabled){border-color:var(--mask-editor-accent);background:var(--mask-editor-accent-soft);color:var(--mask-editor-ink)}:root[data-theme] .mask-paint-stage{min-height:0;padding:var(--space-md);background:var(--mask-editor-canvas);scrollbar-color:var(--mask-editor-rule-strong) transparent}:root[data-theme] .mask-paint-stage canvas{max-height:calc(100dvh - 260px);border:var(--rule-hair) solid var(--mask-editor-rule-strong);border-radius:var(--radius-input);background:var(--mask-editor-canvas);touch-action:none}:root[data-theme] .mask-paint-loading,:root[data-theme] .mask-paint-stage .brush-warning{margin:0;padding:var(--space-2xs) var(--space-xs);border:var(--rule-hair) solid var(--mask-editor-rule-strong);border-radius:var(--radius-pill);background:var(--mask-editor-surface);color:var(--mask-editor-ink);font-size:var(--text-xs);line-height:1.5;pointer-events:none}:root[data-theme] .mask-paint-stage .brush-warning{border-color:var(--color-danger);background:var(--mask-editor-surface);color:var(--color-danger)}:root[data-theme] .mask-paint-toolbar{min-height:76px;flex-wrap:nowrap;border-top:var(--rule-hair) solid var(--mask-editor-rule)}:root[data-theme] .mask-paint-tools,:root[data-theme] .mask-paint-actions,:root[data-theme] .mask-paint-brush-size-controls{gap:var(--space-2xs)}:root[data-theme] .mask-paint-tools{min-width:0;flex:1 1 auto}:root[data-theme] .mask-paint-actions{flex:0 0 auto}:root[data-theme] .mask-paint-tools button,:root[data-theme] .mask-paint-actions button{height:44px;min-width:44px;min-height:44px;gap:var(--space-2xs);border:var(--rule-hair) solid var(--mask-editor-rule-strong);border-radius:var(--radius-input);background:var(--mask-editor-paper);color:var(--mask-editor-ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:0 var(--space-xs);white-space:nowrap}:root[data-theme] .mask-paint-tool-switch,:root[data-theme] .mask-paint-lasso-switch,:root[data-theme] .mask-paint-operation-switch{gap:var(--space-3xs);border:var(--rule-hair) solid var(--mask-editor-rule-strong);border-radius:var(--radius-input);background:var(--mask-editor-surface);padding:var(--space-3xs)}:root[data-theme] .mask-paint-tool-switch button,:root[data-theme] .mask-paint-lasso-switch button,:root[data-theme] .mask-paint-operation-switch button{border-color:transparent;background:transparent}:root[data-theme] .mask-paint-tools button:hover:not(:disabled),:root[data-theme] .mask-paint-actions button:hover:not(:disabled){border-color:var(--mask-editor-accent);background:var(--mask-editor-accent-soft);color:var(--mask-editor-ink)}:root[data-theme] .mask-paint-tool-switch button.is-active,:root[data-theme] .mask-paint-lasso-switch button.is-active,:root[data-theme] .mask-paint-operation-switch button.is-active{border-color:var(--mask-editor-accent);background:var(--mask-editor-accent-soft);color:var(--mask-editor-ink);box-shadow:inset 0 calc(var(--rule-fine) * -1) 0 var(--mask-editor-accent)}:root[data-theme] .mask-paint-tools button:focus-visible,:root[data-theme] .mask-paint-actions button:focus-visible,:root[data-theme] .mask-paint-head button:focus-visible,:root[data-theme] .mask-paint-tools input:focus-visible{outline:var(--rule-fine) solid var(--mask-editor-focus);outline-offset:var(--rule-fine)}:root[data-theme] .mask-paint-tools button:active:not(:disabled),:root[data-theme] .mask-paint-actions button:active:not(:disabled),:root[data-theme] .mask-paint-head button:active:not(:disabled){transform:translateY(var(--rule-hair))}:root[data-theme] .mask-paint-tools button:disabled,:root[data-theme] .mask-paint-actions button:disabled,:root[data-theme] .mask-paint-head button:disabled,:root[data-theme] .mask-paint-tools input:disabled{cursor:not-allowed;opacity:.55}:root[data-theme] .mask-paint-size{min-width:var(--space-lg);color:var(--mask-editor-ink);font-family:var(--font-outlier);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}:root[data-theme] .mask-paint-tools input{width:136px;min-height:44px;accent-color:var(--mask-editor-accent)}:root[data-theme] .mask-paint-actions button{min-width:80px;border-color:var(--mask-editor-rule)}:root[data-theme] .mask-paint-actions button:hover:not(:disabled){border-color:var(--mask-editor-rule)}:root[data-theme] .mask-paint-actions .mask-paint-confirm,:root[data-theme] .mask-paint-actions .mask-paint-confirm:hover:not(:disabled){border-color:var(--mask-editor-primary);background:var(--mask-editor-primary);color:var(--mask-editor-primary-ink)}:root[data-theme] .mask-paint-actions .mask-paint-confirm:focus-visible{border-color:var(--mask-editor-focus)}:root[data-theme] .mask-paint-dialog .image-edit-processing{border-radius:inherit;background:var(--mask-editor-paper);color:var(--mask-editor-ink);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme] .mask-paint-dialog .image-edit-processing svg{color:var(--mask-editor-ink)}:root[data-theme] .mask-paint-dialog .image-edit-processing span{color:var(--mask-editor-muted);font-size:var(--text-sm)}:root[data-theme] .agent-panel .drawer-head{border-bottom-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink)}:root[data-theme] .agent-panel .drawer-head>button{box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;aspect-ratio:1;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink-2);padding:0;box-shadow:none;transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}:root[data-theme] .agent-panel :is(.agent-model-tabs button,.agent-resolution-segmented button,.segmented button,.image-source-actions button,.agent-upload-actions button,.agent-upload-add,.canvas-image-picker>div button,.agent-ratio-control>button,.agent-ratio-menu button,.mask-preview-actions button){min-height:44px;border-color:var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink-2);box-shadow:none;transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}:root[data-theme] .agent-panel .agent-upload-actions button{padding-inline:var(--space-2xs)}:root[data-theme] .agent-panel .mask-source-layout,:root[data-theme] .agent-panel .image-source-actions,:root[data-theme] .agent-panel .agent-upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}:root[data-theme] .agent-panel :is(.image-source-actions,.agent-upload-actions)>button{width:100%;justify-content:center}:root[data-theme] .agent-panel :is(.image-source-actions,.agent-upload-actions)>button:nth-child(odd):last-child{grid-column:1 / -1}:root[data-theme] .agent-panel .canvas-image-picker{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);box-shadow:none}:root[data-theme] .agent-panel .canvas-image-picker>button{min-height:52px;border-color:transparent;background:var(--color-paper);color:var(--color-ink);box-shadow:none}:root[data-theme] .agent-panel .agent-upload-dropzone{border-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-ink);box-shadow:none}:root[data-theme] .agent-panel :is(.agent-model-tabs button.is-active,.agent-model-tabs button[aria-selected=true],.agent-resolution-segmented button.is-active,.segmented button.is-active,.segmented button[aria-pressed=true],.replacement-scope-field .segmented button.is-active,.replacement-scope-field .segmented button[aria-pressed=true],.agent-ratio-menu button.is-active,.canvas-image-picker>button.is-selected){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink);box-shadow:inset 0 calc(var(--rule-fine) * -1) 0 var(--color-accent)}:root[data-theme] .agent-panel .replacement-scope-field .segmented button:is(.is-active,[aria-pressed=true]) small{color:var(--color-accent)}:root[data-theme] .agent-panel :is(.drawer-head>button,.agent-model-tabs button,.agent-resolution-segmented button,.segmented button,.image-source-actions button,.agent-upload-actions button,.agent-upload-add,.canvas-image-picker button,.agent-ratio-control>button,.agent-ratio-menu button,.mask-preview-actions button):focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}@media(hover:hover){:root[data-theme] .agent-panel :is(.drawer-head>button,.agent-model-tabs button,.agent-resolution-segmented button,.segmented button,.image-source-actions button,.agent-upload-actions button,.agent-upload-add,.canvas-image-picker button,.agent-ratio-control>button,.agent-ratio-menu button,.mask-preview-actions button):hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink);box-shadow:none}}:root[data-theme] .agent-panel :is(.drawer-head>button,.agent-model-tabs button,.agent-resolution-segmented button,.segmented button,.image-source-actions button,.agent-upload-actions button,.agent-upload-add,.canvas-image-picker button,.agent-ratio-control>button,.agent-ratio-menu button,.mask-preview-actions button):active:not(:disabled){transform:translateY(var(--rule-hair))}:root[data-theme] .agent-panel :is(.agent-model-tabs button,.agent-resolution-segmented button,.segmented button,.image-source-actions button,.agent-upload-actions button,.agent-upload-add,.canvas-image-picker button,.agent-ratio-control>button,.agent-ratio-menu button,.mask-preview-actions button):disabled{border-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-muted);cursor:not-allowed;opacity:.5;box-shadow:none}:root[data-theme] .agent-panel .handle-target-preview{border-color:var(--color-rule);background:var(--color-image-editor-canvas);box-shadow:none}:root[data-theme] .agent-panel .handle-target-preview:hover,:root[data-theme] .agent-panel .handle-target-preview:focus-visible{border-color:var(--color-accent);outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair);box-shadow:none}:root[data-theme] .agent-panel .image-source-field .handle-target-marker{border-color:var(--color-on-image);background:var(--color-image-scrim);box-shadow:0 0 0 var(--rule-fine) var(--color-rule-strong)}:root[data-theme] .agent-panel .handle-target-marker:before,:root[data-theme] .agent-panel .handle-target-marker:after{background:var(--color-accent)}:root[data-theme] .agent-panel .handle-target-status.is-set small{color:var(--color-accent)}:root[data-theme] .agent-panel-footer{position:relative;display:grid;gap:var(--space-2xs)}:root[data-theme] .tool-generation-settings{min-width:0}:root[data-theme] .tool-generation-settings-head{display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-ink);font-size:var(--text-sm);font-weight:600}:root[data-theme] .tool-generation-settings[data-state=error] .tool-generation-settings-head>svg{color:var(--color-danger)}:root[data-theme] .tool-generation-settings[data-state=success] .tool-generation-settings-head>svg{color:var(--color-success)}:root[data-theme] .tool-generation-settings-panel{display:grid;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:var(--space-sm)}:root[data-theme] .tool-generation-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}:root[data-theme] .tool-generation-settings-fields label{display:grid;min-width:0;gap:var(--space-3xs);color:var(--color-ink-2);font-size:var(--text-sm)}:root[data-theme] .tool-generation-settings-fields label.is-model{grid-column:1 / -1}:root[data-theme] .tool-generation-settings-fields select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);outline:var(--rule-fine) solid transparent;outline-offset:var(--rule-hair);background:var(--color-paper-2);color:var(--color-ink);padding-inline:var(--space-2xs);font:inherit}:root[data-theme] .tool-generation-settings-value{box-sizing:border-box;display:flex;min-height:44px;align-items:center;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);padding-inline:var(--space-2xs)}@media(hover:hover){:root[data-theme] .tool-generation-settings-fields select:hover:not(:disabled){background:var(--color-paper-3)}}:root[data-theme] .tool-generation-settings-fields select:focus-visible{outline-color:var(--color-focus)}:root[data-theme] .tool-generation-settings-fields select:disabled{background:var(--color-paper-3);color:var(--color-muted);cursor:not-allowed;opacity:.55}:root[data-theme] .tool-generation-settings-evidence{margin:0;color:var(--color-muted);font-family:var(--font-outlier);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:1.5}:root[data-theme] .tool-generation-settings-evidence[data-tone=manual-downgrade]{color:var(--color-ink-2);font-family:var(--font-body)}:root[data-theme] .tool-generation-settings-message{display:grid;min-height:44px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs);margin:0;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);padding:var(--space-2xs);font-size:var(--text-sm);line-height:1.45}:root[data-theme] .tool-generation-settings-message[data-tone=error]{border-color:var(--color-danger)}:root[data-theme] .tool-generation-settings-message[data-tone=error]>svg{color:var(--color-danger)}:root[data-theme] .tool-generation-settings-message button{min-width:44px;min-height:44px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding-inline:var(--space-2xs)}:root[data-theme] .tool-generation-settings-message button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}@media(max-width:30rem){:root[data-theme] .tool-generation-settings-fields{grid-template-columns:minmax(0,1fr)}}:root[data-theme] .generation-points-shortfall{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:var(--space-xs)}:root[data-theme] .generation-points-shortfall>svg{color:var(--color-danger)}:root[data-theme] .generation-points-shortfall>span{display:grid;min-width:0;gap:var(--space-3xs)}:root[data-theme] .generation-points-shortfall strong{color:var(--color-ink);font-size:var(--text-sm);font-weight:600;line-height:1.4}:root[data-theme] .generation-points-shortfall small{color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.5}:root[data-theme] .agent-panel-footer .generate-button{min-height:44px;border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-input);background:var(--color-accent);background-image:none;color:var(--color-accent-ink);box-shadow:none;transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}@media(hover:hover){:root[data-theme] .agent-panel-footer .generate-button:hover:not(:disabled){border-color:var(--color-focus);background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}}:root[data-theme] .agent-panel-footer .generate-button:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}:root[data-theme] .agent-panel-footer .generate-button:active:not(:disabled){transform:translateY(var(--rule-hair))}:root[data-theme] .agent-panel-footer .generate-button:disabled{border-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-muted);cursor:wait;opacity:.55}@media(min-width:960px)and (max-width:1279px){.storm-sidebar{width:min(560px,calc(100% - 108px))}}.editor-shell{--canvas-tool-size: clamp(34px, 2.5vw, 42px);--canvas-tool-gap: clamp(4px, .45vw, 8px);--canvas-tool-left: clamp(16px, 1.45vw, 28px);--canvas-sidecar-width: clamp(360px, 22vw, 420px);--canvas-library-width: clamp(720px, 54vw, 960px);--canvas-sidecar-gap: clamp(18px, 1.25vw, 24px);--canvas-sidecar-height: min(780px, calc(100dvh - 144px) );--canvas-bg: var(--color-login-canvas);--canvas-dot: color-mix(in oklch, var(--color-login-ink) 10%, transparent);--color-paper: var(--color-login-canvas);--color-paper-2: var(--color-login-surface-2);--color-paper-3: var(--color-login-surface);--color-ink: var(--color-login-ink);--color-ink-2: color-mix(in oklch, var(--color-login-ink) 76%, transparent);--color-muted: var(--color-login-muted);--color-rule: var(--color-login-rule);--color-rule-strong: color-mix(in oklch, var(--color-login-ink) 32%, transparent);--color-accent: color-mix(in oklch, var(--color-login-ink) 78%, transparent);--color-accent-ink: var(--color-login-canvas);--color-accent-soft: color-mix(in oklch, var(--color-login-ink) 10%, transparent);--color-focus: color-mix(in oklch, var(--color-login-ink) 82%, transparent);--color-primary-action: var(--color-login-ink);--color-primary-action-hover: color-mix(in oklch, var(--color-login-ink) 88%, var(--color-login-canvas));--color-primary-action-ink: var(--color-login-canvas);--color-overlay-surface: color-mix(in oklch, var(--color-login-surface-2) 96%, transparent);--color-hover-surface: color-mix(in oklch, var(--color-login-ink) 8%, transparent);--panel-bg: var(--color-login-surface-2);--panel-raised: var(--color-login-surface);--panel-muted: color-mix(in oklch, var(--color-login-surface) 76%, var(--color-login-canvas));--panel-border: var(--color-rule);--panel-border-strong: var(--color-rule-strong);--text: var(--color-login-ink);--text-muted: var(--color-login-muted);--text-dim: color-mix(in oklch, var(--color-login-muted) 72%, transparent);color:var(--color-ink);color-scheme:dark;background:var(--canvas-bg)}.editor-shell .canvas-dot-grid-plane{background-size:24px 24px}.editor-shell .top-project-bar{top:var(--space-sm);left:var(--canvas-tool-left);gap:0}.editor-shell .top-project-bar .brand-mark{width:var(--canvas-tool-size);min-width:var(--canvas-tool-size);height:var(--canvas-tool-size);min-height:var(--canvas-tool-size);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);box-shadow:none}.editor-account-corner{position:absolute;top:var(--space-sm);right:var(--space-sm);width:auto}.editor-shell .top-project-bar .project-name-control{position:fixed;top:var(--space-sm);left:50%;max-width:min(520px,calc(100vw - 520px));border:0;background:transparent;box-shadow:none;transform:translate(-50%)}.editor-shell .top-project-bar .project-name-trigger{min-height:42px;justify-content:center;color:var(--color-ink-2);cursor:text;font-size:var(--text-sm);font-weight:600}.storm-sidebar,.agent-panel{top:72px;right:auto;bottom:auto;left:calc(var(--canvas-tool-left) + var(--canvas-tool-size) + var(--canvas-sidecar-gap));width:var(--canvas-sidecar-width);max-width:calc(100% - var(--canvas-tool-left) - var(--canvas-tool-size) - var(--canvas-sidecar-gap) - var(--space-sm));max-height:calc(100dvh - 144px);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);box-shadow:0 24px 64px color-mix(in oklch,var(--color-login-canvas) 78%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.storm-sidebar{display:flex;width:var(--canvas-library-width);height:var(--canvas-sidecar-height);min-width:0;flex-direction:column;overflow:hidden}.storm-sidebar .skill-plaza-head{display:grid;min-height:64px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-md);padding:0 var(--space-xs) 0 var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule)}.storm-sidebar .skill-plaza-head>strong{color:var(--color-ink);font-size:20px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.storm-sidebar .skill-plaza-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:var(--space-2xs)}.storm-sidebar .tool-library-close{display:grid;width:36px;height:36px;place-content:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-muted);cursor:pointer}.storm-sidebar .tool-library-close:hover,.storm-sidebar .tool-library-close:focus-visible{background:var(--color-hover-surface);color:var(--color-ink)}.storm-sidebar .skill-plaza-actions>.search-shell{width:clamp(240px,24vw,320px);min-height:40px;margin:0;border-color:var(--color-rule);background:color-mix(in oklch,var(--color-login-canvas) 72%,transparent)}.storm-sidebar .tool-library-body{display:grid;min-height:0;flex:1;grid-template-columns:136px minmax(0,1fr)}.storm-sidebar .tool-library-categories{display:flex;min-height:0;flex-direction:column;gap:var(--space-2xs);overflow-y:auto;padding:var(--space-sm) var(--space-xs);border-right:var(--rule-hair) solid var(--color-rule)}.storm-sidebar .tool-library-categories button{position:relative;width:100%;min-height:38px;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-muted);padding:0 var(--space-xs);cursor:pointer;font-size:var(--text-sm);text-align:left}.storm-sidebar .tool-library-categories button:hover,.storm-sidebar .tool-library-categories button:focus-visible{background:var(--color-hover-surface);color:var(--color-ink-2)}.storm-sidebar .tool-library-categories button.is-active{background:var(--color-hover-surface);color:var(--color-ink)}.storm-sidebar .tool-library-category-rule{height:var(--rule-hair);margin:var(--space-2xs) 0;background:var(--color-rule)}.storm-sidebar .tool-library-catalog{display:flex;min-width:0;min-height:0;flex-direction:column}.storm-sidebar .tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:172px;gap:var(--space-xs);padding:var(--space-xs)}.editor-shell .tool-card-shell{position:relative;min-width:0;min-height:172px}:root[data-theme] .editor-shell .tool-card{width:100%;min-height:172px;border-color:var(--color-rule);border-radius:var(--radius-input);background:color-mix(in oklch,var(--color-login-canvas) 72%,transparent);animation:none}:root[data-theme] .editor-shell .tool-card:hover,:root[data-theme] .editor-shell .tool-card:focus-visible{border-color:var(--color-rule-strong);background:var(--color-paper-3)}.editor-shell .tool-card-visual{min-height:130px;border-bottom:var(--rule-hair) solid var(--color-rule)}.editor-shell .tool-card-copy{display:flex;min-height:42px;align-items:center;padding:0 var(--space-2xs);color:var(--color-ink-2)}.editor-shell .tool-card-copy strong{overflow:hidden;font-size:var(--text-xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.editor-shell .tool-card-hot{position:absolute;top:var(--space-2xs);left:var(--space-2xs);z-index:1;display:flex;width:28px;height:28px;align-items:center;justify-content:center;gap:0;overflow:hidden;pointer-events:none;border:var(--rule-hair) solid color-mix(in oklch,var(--olo-brass) 64%,transparent);border-radius:50%;background:color-mix(in oklch,var(--color-login-canvas) 82%,transparent);color:var(--olo-brass);box-shadow:0 4px 14px color-mix(in oklch,var(--olo-brass) 18%,transparent);transition:width var(--dur-short) var(--ease-out),padding var(--dur-short) var(--ease-out),border-radius var(--dur-short) var(--ease-out)}.editor-shell .tool-card-hot-label{max-width:0;overflow:hidden;font-size:10px;font-weight:700;letter-spacing:.08em;opacity:0;transition:max-width var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.editor-shell .tool-card-shell:hover .tool-card-hot,.editor-shell .tool-card-shell:focus-within .tool-card-hot{width:64px;justify-content:flex-start;gap:var(--space-3xs);padding:0 var(--space-2xs);border-radius:999px}.editor-shell .tool-card-shell:hover .tool-card-hot-label,.editor-shell .tool-card-shell:focus-within .tool-card-hot-label{max-width:28px;opacity:1}.editor-shell .tool-card-favorite{position:absolute;top:var(--space-2xs);right:var(--space-2xs);display:grid;width:34px;min-width:34px;height:34px;min-height:34px;place-content:center;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);outline:0;background:color-mix(in oklch,var(--color-login-canvas) 82%,transparent);color:var(--color-ink-2);opacity:0;cursor:pointer;transition:opacity var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}:root[data-theme] .editor-shell .storm-sidebar .tool-card-shell .tool-card-favorite{inline-size:34px;min-inline-size:34px;block-size:34px;min-block-size:34px}.editor-shell .tool-card-shell:hover .tool-card-favorite,.editor-shell .tool-card-shell:focus-within .tool-card-favorite,.editor-shell .tool-card-favorite.is-favorite{opacity:1}.editor-shell .tool-card-favorite:hover,.editor-shell .tool-card-favorite:focus-visible,.editor-shell .tool-card-favorite.is-favorite{background:var(--color-ink);color:var(--color-accent-ink)}.editor-shell .tool-card-favorite:focus-visible{outline:var(--rule-hair) solid var(--color-focus);outline-offset:var(--rule-fine)}.editor-shell .tool-card-favorite:active{transform:scale(.96)}.canvas-composer{position:absolute;bottom:20px;left:50%;z-index:35;display:grid;width:min(780px,calc(100% - 520px));min-width:620px;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-panel);background:color-mix(in oklch,var(--color-paper-2) 92%,transparent);box-shadow:var(--shadow-panel);transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color var(--dur-micro) var(--ease-out)}.canvas-composer:focus-within{border-color:var(--color-rule-strong)}.canvas-composer-prompt{display:block;padding:18px 20px 10px}.canvas-composer textarea{display:block;width:100%;min-height:72px;max-height:132px;overflow-y:auto;resize:none;border:0;outline:0;background:transparent;color:var(--color-ink);font:inherit;font-size:var(--text-sm);font-weight:400;line-height:1.55}.canvas-composer textarea::placeholder{color:var(--color-ink-3);opacity:.72}.canvas-composer-references{display:flex;gap:var(--space-xs);padding:0 var(--space-sm) var(--space-xs)}.canvas-composer-references figure{position:relative;width:46px;height:46px;margin:0;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-3)}.canvas-composer-references .canvas-composer-reference-preview{display:block;width:100%;height:100%;min-height:0;overflow:hidden;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}.canvas-composer-references img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.canvas-composer-references .canvas-composer-reference-remove{position:absolute;top:-12px;right:-12px;z-index:1;display:grid;width:24px;height:24px;min-height:24px;place-items:center;padding:0;border:0;background:transparent;color:var(--color-ink);cursor:pointer}.canvas-composer-reference-remove:before{position:absolute;width:18px;height:18px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);background:var(--color-paper-2);content:""}.canvas-composer-reference-remove svg{z-index:1;width:11px;height:11px}.agent-upload-reference-preview,.quick-edit-reference-image{display:block;width:100%;height:100%;min-height:0;overflow:hidden;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}.image-source-reference-preview{display:block;width:52px;height:52px;min-height:52px;overflow:hidden;padding:0;border:0;border-radius:var(--radius-input);background:transparent;cursor:zoom-in}.canvas-composer-toolbar{display:flex;flex-wrap:wrap;min-width:0;min-height:50px;align-items:center;gap:8px;padding:8px 14px 14px}.canvas-composer-toolbar>label{display:inline-flex;min-width:72px;height:38px;align-items:center;padding:0 10px;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink-3);font-size:var(--text-xs)}.canvas-composer-toolbar>label:first-of-type{width:156px}.canvas-composer-toolbar>.canvas-composer-channel{width:132px}.canvas-composer-toolbar select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-ink);font:inherit;cursor:pointer;color-scheme:dark}.canvas-composer-toolbar select option,.canvas-composer-toolbar select optgroup{background:var(--color-paper-2);color:var(--color-ink)}.canvas-composer-toolbar button{min-height:38px;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink-2);cursor:pointer;font-size:var(--text-xs)}.canvas-composer-reference,.canvas-composer-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:0 var(--space-xs)}.canvas-composer-submit{min-width:76px;margin-left:auto;border-color:transparent!important;background:var(--color-accent)!important;color:var(--color-accent-ink)!important;font-weight:650;white-space:nowrap}.canvas-composer-toolbar button:disabled,.canvas-composer-toolbar select:disabled{cursor:not-allowed;opacity:.45}@media(max-width:959px){.canvas-composer{bottom:72px;width:calc(100% - var(--space-md));min-width:0}.canvas-composer-toolbar{flex-wrap:wrap}.canvas-composer-toolbar>label:nth-of-type(3){display:none}}@media(hover:none){.editor-shell .tool-card-favorite{opacity:1}}:root[data-theme] .editor-shell .canvas-tool-dock{top:clamp(112px,12.6vh,136px);bottom:auto;left:var(--canvas-tool-left);width:var(--canvas-tool-size);max-width:none;min-height:0;gap:var(--canvas-tool-gap);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}:root[data-theme] .editor-shell .canvas-tool-dock>button,:root[data-theme] .editor-shell .canvas-tool-dock>.canvas-navigation-tool>button{position:relative;display:flex;width:var(--canvas-tool-size);min-width:var(--canvas-tool-size);height:clamp(48px,3.6vw,54px);min-height:clamp(48px,3.6vw,54px);flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-muted);padding:4px 0 3px}:root[data-theme] .editor-shell .canvas-tool-dock>button>svg,:root[data-theme] .editor-shell .canvas-tool-dock>.canvas-navigation-tool>button>svg{width:calc(var(--canvas-tool-size) * .44);height:calc(var(--canvas-tool-size) * .44)}:root[data-theme] .editor-shell .canvas-tool-dock .canvas-tool-label{position:static;z-index:2;max-width:100%;overflow:hidden;padding:0;color:inherit;font-size:9px;font-weight:500;letter-spacing:.04em;line-height:1;text-overflow:ellipsis;white-space:nowrap}:root[data-theme] .editor-shell .canvas-tool-dock button:hover:not(:disabled),:root[data-theme] .editor-shell .canvas-tool-dock button:focus-visible{background:var(--color-hover-surface);color:var(--color-ink)}:root[data-theme] .editor-shell .canvas-tool-dock button:focus-visible{outline:var(--rule-hair) solid var(--color-focus);outline-offset:var(--rule-fine)}:root[data-theme] .editor-shell .canvas-tool-dock button.is-active{background:color-mix(in oklch,var(--color-login-ink) 12%,transparent);color:var(--color-ink)}.skill-plaza-trigger{isolation:isolate}.skill-plaza-trigger:before{position:absolute;z-index:-1;top:1px;right:1px;bottom:1px;left:1px;border:var(--rule-hair) solid color-mix(in oklch,var(--color-login-ink) 20%,transparent);border-radius:calc(var(--radius-input) - 1px);content:"";pointer-events:none}.skill-plaza-current{position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;color:var(--color-login-ink);pointer-events:none}.skill-plaza-current>svg{display:block;width:100%;height:100%;overflow:visible;fill:none}.skill-plaza-current-glow,.skill-plaza-current-core{stroke:currentColor;stroke-linecap:round;stroke-dashoffset:0;animation:skill-plaza-current-orbit 8.4s linear infinite,skill-plaza-current-pulse 1.1s steps(4,end) infinite}.skill-plaza-current-glow{stroke-width:4.4;stroke-dasharray:14 86;opacity:.62;filter:blur(2.2px) drop-shadow(0 0 4px color-mix(in oklch,var(--color-login-ink) 90%,transparent))}.skill-plaza-current-core{stroke-width:2.1;stroke-dasharray:5.2 1.2 7.6 86;filter:drop-shadow(0 0 1px var(--color-login-ink)) drop-shadow(0 0 3px color-mix(in oklch,var(--color-login-ink) 82%,transparent))}@keyframes skill-plaza-current-orbit{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes skill-plaza-current-pulse{0%,to{opacity:.9}38%{opacity:1}72%{opacity:.72}}.canvas-tool-dock .canvas-navigation-options-menu{top:0;left:calc(100% + var(--space-xs));border-color:var(--color-rule);background:var(--color-overlay-surface)}:root[data-theme] .editor-shell .history-drawer,:root[data-theme] .editor-shell .crop-panel,:root[data-theme] .editor-shell .grid-crop-menu{position:absolute;top:72px;right:auto;bottom:auto;left:calc(var(--canvas-tool-left) + var(--canvas-tool-size) + var(--canvas-sidecar-gap));z-index:39;display:flex;width:var(--canvas-sidecar-width);height:auto;max-width:calc(100% - var(--canvas-tool-left) - var(--canvas-tool-size) - var(--canvas-sidecar-gap) - var(--space-sm));max-height:calc(100dvh - 144px);flex-direction:column;gap:0;overflow:hidden;padding:0;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);box-shadow:0 24px 64px color-mix(in oklch,var(--color-login-canvas) 78%,transparent);transform:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root[data-theme] .editor-shell .history-drawer:before,:root[data-theme] .editor-shell .crop-panel:before,:root[data-theme] .editor-shell .grid-crop-menu:before{display:none}:root[data-theme] .editor-shell :is(.history-drawer,.crop-panel,.grid-crop-menu) .drawer-head{display:flex;min-height:64px;flex:0 0 auto;align-items:center;justify-content:space-between;padding:0 var(--space-xs) 0 var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);background:transparent}:root[data-theme] .editor-shell :is(.history-drawer,.crop-panel,.grid-crop-menu) .drawer-head>div{display:grid;gap:var(--space-3xs)}:root[data-theme] .editor-shell :is(.history-drawer,.crop-panel,.grid-crop-menu) .drawer-head strong{color:var(--color-ink);font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}:root[data-theme] .editor-shell :is(.history-drawer,.crop-panel,.grid-crop-menu) .drawer-head span{color:var(--color-muted);font-size:var(--text-sm)}:root[data-theme] .editor-shell :is(.history-drawer,.crop-panel,.grid-crop-menu) .drawer-head>button{display:grid;width:44px;min-width:44px;height:44px;min-height:44px;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-muted)}:root[data-theme] .editor-shell :is(.history-drawer,.crop-panel,.grid-crop-menu) .drawer-head>button:hover,:root[data-theme] .editor-shell :is(.history-drawer,.crop-panel,.grid-crop-menu) .drawer-head>button:focus-visible{background:var(--color-hover-surface);color:var(--color-ink)}:root[data-theme] .editor-shell :is(.history-drawer,.crop-panel,.grid-crop-menu) .drawer-head>button:focus-visible,:root[data-theme] .editor-shell .history-card:focus-visible{outline:var(--rule-hair) solid var(--color-focus);outline-offset:var(--rule-fine)}:root[data-theme] .editor-shell .history-grid{min-height:0;flex:0 1 auto;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);max-height:calc(var(--canvas-sidecar-height) - 64px);overscroll-behavior:contain;padding:var(--space-sm);scrollbar-color:var(--color-rule) transparent;scrollbar-width:thin}:root[data-theme] .editor-shell .history-grid::-webkit-scrollbar{width:4px}:root[data-theme] .editor-shell .history-grid::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-rule)}:root[data-theme] .editor-shell .history-card{min-width:0;gap:var(--space-2xs);padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-3);color:var(--color-ink-2);transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}:root[data-theme] .editor-shell .history-card:hover,:root[data-theme] .editor-shell .history-card:focus-visible{border-color:var(--color-rule-strong);background:var(--color-hover-surface)}:root[data-theme] .editor-shell .history-card:active{transform:translateY(var(--rule-hair))}:root[data-theme] .editor-shell .history-card img,:root[data-theme] .editor-shell .history-card:hover img{width:100%;aspect-ratio:4 / 3;border:0;border-radius:var(--radius-input);filter:none;object-fit:cover;transform:none}:root[data-theme] .editor-shell .history-card span{overflow:hidden;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}:root[data-theme] .editor-shell .history-download-error{margin:0 var(--space-sm) var(--space-xs);color:var(--color-danger);font-size:var(--text-sm)}:root[data-theme] .editor-shell .history-drawer .drawer-head{position:relative;padding-right:60px}:root[data-theme] .editor-shell .history-action-rail{position:absolute;top:8px;right:8px;z-index:2;display:grid;gap:6px}:root[data-theme] .editor-shell .history-action-rail button{position:relative;display:grid;width:40px;height:40px;place-items:center;border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-muted);transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}:root[data-theme] .editor-shell .history-action-rail button:hover:not(:disabled),:root[data-theme] .editor-shell .history-action-rail button:focus-visible{border-color:var(--color-rule);background:var(--color-hover-surface);color:var(--color-ink)}:root[data-theme] .editor-shell .history-action-rail button:active:not(:disabled){transform:translateY(var(--rule-hair))}:root[data-theme] .editor-shell .history-action-rail button:disabled{cursor:not-allowed;opacity:.34}:root[data-theme] .editor-shell .history-selection-summary{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);color:var(--color-ink-3);font-size:var(--text-sm)}:root[data-theme] .editor-shell .history-selection-summary label{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-ink-2);cursor:pointer}:root[data-theme] .editor-shell .history-selection-summary input{width:16px;height:16px;margin:0;accent-color:var(--color-accent)}:root[data-theme] .editor-shell .history-batch-download{display:inline-flex;min-height:36px;align-items:center;gap:var(--space-2xs);padding:0;border:0;background:transparent;color:var(--color-ink-2)}:root[data-theme] .editor-shell .history-batch-download:hover:not(:disabled),:root[data-theme] .editor-shell .history-batch-download:focus-visible{color:var(--color-ink)}:root[data-theme] .editor-shell .history-batch-download:disabled{cursor:not-allowed;opacity:.38}:root[data-theme] .editor-shell .history-card{position:relative}:root[data-theme] .editor-shell .history-card.is-selected{border-color:var(--color-focus);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-focus)}:root[data-theme] .editor-shell .history-card-main{display:grid;width:100%;gap:var(--space-2xs);border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}:root[data-theme] .editor-shell .history-check{position:absolute;top:var(--space-xs);left:var(--space-xs);display:grid;width:34px;height:34px;place-items:center;cursor:pointer}:root[data-theme] .editor-shell .history-check input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}:root[data-theme] .editor-shell .history-check i{display:grid;width:20px;height:20px;place-items:center;border:var(--rule-hair) solid rgba(255,255,255,.7);border-radius:var(--radius-input);background:#141416b8;color:var(--color-on-image);font-style:normal;box-shadow:0 2px 8px #0f0f1238}:root[data-theme] .editor-shell .history-check input:checked+i{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}:root[data-theme] .editor-shell .history-check:focus-within i{outline:var(--rule-hair) solid var(--color-focus);outline-offset:var(--rule-fine)}.generation-info-backdrop{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;pointer-events:none}.canvas-generation-info-button{position:absolute;z-index:42;display:grid;width:36px;height:36px;place-items:center;border:0;background:transparent;color:var(--color-on-image);filter:drop-shadow(0 1px 3px rgba(0,0,0,.82));cursor:pointer;opacity:.82;transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.canvas-generation-info-button:hover,.canvas-generation-info-button:focus-visible{opacity:1}.canvas-generation-info-button:focus-visible{outline:var(--rule-hair) solid var(--color-focus);outline-offset:calc(var(--rule-fine) * -1)}.canvas-generation-info-button:active{transform:translateY(var(--rule-hair))}.generation-info-dialog{position:absolute;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;pointer-events:auto;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:color-mix(in oklch,var(--color-paper-2) 94%,transparent);color:var(--color-ink);box-shadow:0 24px 64px color-mix(in oklch,var(--color-login-canvas) 72%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.generation-info-dialog header{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 var(--space-xs) 0 var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule)}.generation-info-dialog header strong{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.generation-info-dialog header button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-muted)}.generation-info-dialog header button:hover,.generation-info-dialog header button:focus-visible{background:var(--color-hover-surface);color:var(--color-ink)}.generation-info-dialog button:focus-visible{outline:var(--rule-hair) solid var(--color-focus);outline-offset:var(--rule-fine)}.generation-info-content{display:grid}.generation-info-field{display:grid;gap:var(--space-2xs);padding:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule)}.generation-info-field>span{color:var(--color-muted);font-size:var(--text-xs)}.generation-info-field>strong,.generation-info-field>p{margin:0;color:var(--color-ink);font-size:var(--text-sm);line-height:1.65;white-space:pre-wrap}.generation-reference-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs)}.generation-reference-list a{overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-muted);text-decoration:none}.generation-reference-list a:hover,.generation-reference-list a:focus-visible{border-color:var(--color-rule-strong)}.generation-reference-list img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.generation-reference-list small{display:flex;align-items:center;gap:5px;padding:7px;font-size:10px}.generation-info-content footer{display:flex;justify-content:flex-end;padding:var(--space-xs) var(--space-sm)}.generation-info-content .generation-copy{display:inline-flex;min-height:36px;align-items:center;gap:var(--space-2xs);padding:0 var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink-2)}.generation-info-content .generation-copy:hover{border-color:var(--color-rule-strong);background:var(--color-hover-surface)}.generation-info-state{margin:0;padding:var(--space-lg) var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}.generation-info-state.is-error{color:var(--color-danger)}@media(prefers-reduced-transparency:reduce){.generation-info-dialog{background:var(--color-paper-2);-webkit-backdrop-filter:none;backdrop-filter:none}}:root[data-theme] .editor-shell .history-empty{display:grid;min-height:200px;grid-column:1 / -1;place-items:center;margin:0;padding:var(--space-lg);border:var(--rule-hair) dashed var(--color-rule);border-radius:var(--radius-card);color:var(--color-muted);font-size:var(--text-sm);line-height:1.6;text-align:center}:root[data-theme] .editor-shell .crop-panel-body,:root[data-theme] .editor-shell .grid-crop-options{display:grid;min-height:0;gap:var(--space-xs);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-sm);scrollbar-color:var(--color-rule) transparent;scrollbar-width:thin}:root[data-theme] .editor-shell .crop-size-row{gap:var(--space-2xs)}:root[data-theme] .editor-shell .crop-size-row label,:root[data-theme] .editor-shell .crop-size-row button,:root[data-theme] .editor-shell .grid-custom-controls input{height:44px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink-2)}:root[data-theme] .editor-shell .crop-size-row input{color:var(--color-ink)}:root[data-theme] .editor-shell .crop-size-row button:hover,:root[data-theme] .editor-shell .crop-size-row button:focus-visible,:root[data-theme] .editor-shell .crop-size-row button.is-active{border-color:var(--color-focus);background:var(--color-hover-surface);color:var(--color-ink)}:root[data-theme] .editor-shell .crop-menu-kicker{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}:root[data-theme] .editor-shell .crop-preset-list{gap:var(--space-3xs)}:root[data-theme] .editor-shell .crop-preset-list button,:root[data-theme] .editor-shell .grid-crop-row{min-height:44px;justify-content:flex-start;gap:var(--space-2xs);padding:0 var(--space-xs);border:var(--rule-hair) solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600}:root[data-theme] .editor-shell .crop-preset-list button:hover,:root[data-theme] .editor-shell .crop-preset-list button:focus-visible,:root[data-theme] .editor-shell .crop-preset-list button.is-selected,:root[data-theme] .editor-shell .grid-crop-row:hover,:root[data-theme] .editor-shell .grid-crop-row:focus-visible{border-color:var(--color-rule);background:var(--color-hover-surface);color:var(--color-ink)}:root[data-theme] .editor-shell .crop-size-row button:focus-visible,:root[data-theme] .editor-shell .crop-preset-list button:focus-visible,:root[data-theme] .editor-shell .grid-crop-row:focus-visible,:root[data-theme] .editor-shell .grid-custom-controls input:focus-visible,:root[data-theme] .editor-shell .grid-custom-apply:focus-visible{outline:var(--rule-hair) solid var(--color-focus);outline-offset:var(--rule-fine)}:root[data-theme] .editor-shell .crop-panel-actions{flex:0 0 auto;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm) var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2)}:root[data-theme] .editor-shell .crop-panel-actions div{gap:var(--space-2xs)}:root[data-theme] .editor-shell .crop-panel-actions button,:root[data-theme] .editor-shell .grid-custom-apply{min-height:44px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600}:root[data-theme] .editor-shell .crop-panel-actions button:hover,:root[data-theme] .editor-shell .crop-panel-actions button:focus-visible{background:var(--color-hover-surface);color:var(--color-ink)}:root[data-theme] .editor-shell .crop-panel-actions .crop-restore{min-height:44px;color:var(--color-muted);font-size:var(--text-sm)}:root[data-theme] .editor-shell .crop-panel-actions .crop-confirm,:root[data-theme] .editor-shell .grid-custom-apply{border-color:transparent;background:var(--color-accent);color:var(--color-accent-ink)}:root[data-theme] .editor-shell .grid-crop-options{gap:var(--space-3xs)}:root[data-theme] .editor-shell .grid-custom-controls{gap:var(--space-xs);padding:var(--space-xs) 0 0;border-top:var(--rule-hair) solid var(--color-rule)}:root[data-theme] .editor-shell .grid-custom-controls label{gap:var(--space-3xs);color:var(--color-muted);font-size:var(--text-xs);font-weight:600}:root[data-theme] .editor-shell .grid-custom-controls input{padding:0 var(--space-xs);outline:0}:root[data-theme] .editor-shell :is(.crop-panel,.grid-crop-menu) button:disabled{cursor:not-allowed;opacity:.42}.agent-panel{border-color:var(--color-rule);background:var(--color-paper-2)}.agent-panel:before{display:none}.agent-panel .drawer-head{min-height:56px;align-items:center;padding:0 var(--space-xs);border-color:var(--color-rule);background:transparent}:root[data-theme] .editor-shell .agent-panel .drawer-head>button,.agent-panel .agent-panel-back{width:36px;min-width:36px;height:36px;min-height:36px;flex-basis:36px;border:0;background:transparent}.agent-panel .agent-panel-title{display:block}.agent-panel .agent-panel-title strong{display:block;overflow:hidden;font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.agent-panel .agent-panel-scroll{align-content:start;padding:var(--space-xs) var(--space-sm) var(--space-sm);background:transparent}:root[data-theme] .editor-shell .agent-panel .field-block textarea{scrollbar-color:var(--color-rule-strong) transparent;scrollbar-width:thin}:root[data-theme] .editor-shell .agent-panel .field-block textarea::-webkit-scrollbar{width:6px}:root[data-theme] .editor-shell .agent-panel .field-block textarea::-webkit-scrollbar-track{background:transparent}:root[data-theme] .editor-shell .agent-panel .field-block textarea::-webkit-scrollbar-thumb{border:var(--rule-hair) solid transparent;border-radius:var(--radius-pill);background:var(--color-rule-strong);background-clip:content-box}.agent-panel .agent-panel-intro{margin:0 0 var(--space-sm);color:var(--color-muted);font-size:var(--text-xs);line-height:1.55}.agent-panel .agent-panel-guide{margin:calc(-1 * var(--space-xs)) 0 var(--space-sm);color:var(--color-muted);font-size:var(--text-xs)}.agent-panel .agent-panel-guide summary{width:fit-content;color:var(--color-ink-2);cursor:pointer;font-weight:500}.agent-panel .agent-panel-guide summary:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}.agent-panel .agent-panel-guide p{margin:var(--space-2xs) 0 0;padding-left:var(--space-xs);border-left:var(--rule-hair) solid var(--color-rule-strong);line-height:1.6}.agent-panel .agent-panel-footer{border-color:var(--color-rule);background:var(--color-paper-2)}:root[data-theme] .editor-shell .agent-panel .generate-button{width:100%;min-width:0;max-width:100%;justify-self:stretch;padding-inline:var(--space-sm);white-space:nowrap;border-color:var(--color-primary-action);background:var(--color-primary-action);color:var(--color-primary-action-ink)}:root[data-theme] .editor-shell .agent-panel .generate-button:hover:not(:disabled),:root[data-theme] .editor-shell .agent-panel .generate-button:focus-visible{border-color:var(--color-primary-action-hover);background:var(--color-primary-action-hover)}:root[data-theme] .editor-shell .agent-panel .generate-button:disabled{border-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-muted)}@media(max-width:639px){:root[data-theme] .editor-shell .history-drawer,:root[data-theme] .editor-shell .crop-panel,:root[data-theme] .editor-shell .grid-crop-menu{top:72px;right:var(--space-sm);bottom:80px;left:var(--space-sm);width:auto;height:auto;max-width:none;max-height:none}:root[data-theme] .editor-shell .history-grid{flex:1;max-height:none}:root[data-theme] .editor-shell .crop-panel-body,:root[data-theme] .editor-shell .grid-crop-options{flex:1}:root[data-theme] .editor-shell .canvas-tool-dock{top:auto;bottom:var(--space-xs);left:50%;width:auto;max-width:calc(100% - var(--space-md));flex-direction:row;overflow-x:auto;padding:var(--space-3xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper-2);transform:translate(-50%)}.storm-sidebar,.agent-panel{top:64px;right:var(--space-xs);bottom:76px;left:var(--space-xs);width:auto;max-width:none}.storm-sidebar .tool-library-body{grid-template-columns:104px minmax(0,1fr)}.storm-sidebar .tool-card-grid{grid-template-columns:minmax(0,1fr)}.storm-sidebar .skill-plaza-head{grid-template-columns:minmax(0,1fr);gap:var(--space-2xs);padding:var(--space-xs)}.storm-sidebar .skill-plaza-actions,.storm-sidebar .skill-plaza-actions>.search-shell{width:100%}:root[data-theme] .editor-shell .agent-panel .generate-button{width:100%;min-width:0;justify-self:stretch}}@media(min-width:640px)and (max-width:959px){:root[data-theme] .editor-shell .history-drawer,:root[data-theme] .editor-shell .crop-panel,:root[data-theme] .editor-shell .grid-crop-menu{top:72px;right:auto;bottom:var(--space-sm);left:76px;width:min(414px,calc(100% - 92px));height:auto;max-width:none;max-height:none}:root[data-theme] .editor-shell .history-grid{flex:1;max-height:none}:root[data-theme] .editor-shell .crop-panel-body,:root[data-theme] .editor-shell .grid-crop-options{flex:1}.storm-sidebar,.agent-panel{top:72px;right:auto;bottom:var(--space-sm);left:76px;width:min(560px,calc(100% - 92px));max-width:none}.storm-sidebar{width:min(760px,calc(100% - 92px))}.storm-sidebar .tool-library-body{grid-template-columns:120px minmax(0,1fr)}.storm-sidebar .tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:640px)and (max-width:959px)and (orientation:landscape){.agent-panel{top:72px;right:auto;bottom:var(--space-sm);left:76px;width:min(414px,calc(100vw - 72px));max-width:none;border-radius:var(--radius-panel)}}@media(min-width:640px)and (max-width:959px)and (orientation:portrait){.agent-panel{top:auto;right:0;bottom:0;left:0;width:100%;max-width:none;height:min(70dvh,720px);border-radius:var(--radius-panel) var(--radius-panel) 0 0}}@media(max-width:639px){.bottom-toolbar{top:auto;bottom:var(--space-sm);left:50%;width:auto;max-width:calc(100% - var(--space-md));flex-direction:row;overflow-x:auto;transform:translate(-50%)}.canvas-navigation-options-menu{top:auto;bottom:calc(100% + var(--space-xs));left:0}.storm-sidebar,.agent-panel{top:72px;right:var(--space-sm);bottom:80px;left:var(--space-sm);width:auto;max-width:none}.storm-sidebar .tool-library-intro{grid-template-columns:minmax(0,1fr)}.storm-sidebar .tool-filter-row{grid-column:1}.tool-card-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.skill-plaza-current-glow,.skill-plaza-current-core{animation:skill-plaza-current-orbit 8.4s linear infinite,skill-plaza-current-pulse 1.1s steps(4,end) infinite!important}.agent-panel:before{animation:agent-panel-edge-orbit 7.2s linear infinite!important}.agent-panel-feedback-toast{transition-duration:.1s}:root[data-theme] .editor-shell .tool-card{animation-name:none;box-shadow:none;transform:none}:root[data-theme] .editor-shell .tool-card:hover{animation-name:none;box-shadow:none;transform:none}:root[data-theme] .editor-shell .tool-card .tool-card-visual img{filter:none;transform:none}:root[data-theme] .editor-shell .tool-card:hover .tool-card-visual img{filter:none;transform:none}:root[data-theme] .editor-shell .tool-card .tool-card-arrow{color:var(--color-ink-2);transform:none}:root[data-theme] .editor-shell .tool-card:hover .tool-card-arrow{color:var(--color-ink-2);transform:none}:root[data-theme] .editor-shell .tool-card.is-selected .tool-card-arrow{color:var(--color-ink-2);transform:none}.editor-shell>.storm-sidebar{transition-property:opacity}.tool-sidebar-resize-handle:after{transition:none}}.app-account-actions{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:flex-end;gap:var(--space-3xs)}.app-points-commerce-trigger{--membership-paid: oklch(80% .14 88);--membership-pro: oklch(75% .17 305);position:relative;display:inline-flex;width:auto;min-width:0;height:44px;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:0;background:transparent;color:var(--color-login-muted);padding:3px 18px 3px 14px;white-space:nowrap;transition:color var(--dur-short) var(--ease-out)}.app-points-commerce-copy{display:grid;min-width:52px;justify-items:center;gap:1px;line-height:1}.app-points-commerce-copy>strong{color:var(--color-login-ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em}.app-membership-summary{display:block}.app-membership-label{display:block;color:var(--color-login-muted);font-size:10px;font-weight:600;letter-spacing:.04em;line-height:1.2}.app-membership-label.is-ordinary{color:var(--color-login-ink)}.app-membership-label.is-paid{color:var(--membership-paid)}.app-membership-label.is-pro{color:var(--membership-pro)}.app-membership-tooltip{position:absolute;z-index:20;inset-block-start:calc(100% + 6px);inset-inline-end:10px;display:grid;min-width:max-content;justify-items:start;gap:4px;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-input);background:var(--color-login-surface);color:var(--color-login-ink);box-shadow:var(--shadow-panel);padding:9px 11px;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.app-membership-tooltip>strong{font-size:12px;font-weight:600}.app-membership-tooltip>span{color:var(--color-login-muted);font-size:11px;font-weight:400}.app-points-commerce-trigger:after{position:absolute;inset-inline-end:0;width:var(--rule-hair);height:22px;background:var(--color-login-rule);content:""}.app-points-commerce-trigger.is-stale{color:var(--color-danger)}.app-points-commerce-trigger .app-account-points-icon{color:var(--color-login-muted);opacity:1;animation:none}.app-account-corner .app-account-actions .app-account-trigger{width:44px;min-width:44px;height:44px;grid-template-columns:36px;margin-inline-start:0;border:0;border-radius:0;background:transparent;padding:4px}.app-account-corner .app-account-actions .app-account-avatar{width:34px;height:34px;border-color:var(--color-login-rule);background:transparent;transition:border-color var(--dur-short) var(--ease-out)}.app-account-corner .app-account-actions .app-account-copy{display:none}.app-points-commerce-trigger:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}.app-points-commerce-trigger:focus-visible .app-membership-tooltip{opacity:1;transform:translateY(0)}@media(hover:hover)and (pointer:fine){.app-points-commerce-trigger:hover:not(:disabled){border-color:transparent;background:transparent;color:var(--color-login-ink)}.app-points-commerce-trigger:has(.app-membership-summary:hover) .app-membership-tooltip{opacity:1;transform:translateY(0)}.app-account-corner .app-account-actions .app-account-trigger:hover:not(:disabled){border-color:transparent;background:transparent}.app-account-corner .app-account-actions .app-account-trigger:hover:not(:disabled) .app-account-avatar{border-color:var(--color-login-ink)}}@media(prefers-reduced-motion:reduce){.app-membership-tooltip{transition:none}}.app-points-commerce-trigger:active:not(:disabled){transform:translateY(1px)}.commerce-workspace-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:calc(100% - var(--space-2xs));max-width:1240px;height:calc(100dvh - var(--space-2xs));max-height:calc(100dvh - var(--space-2xs));margin:auto auto var(--space-3xs);overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-panel);padding:0}.commerce-workspace-dialog::backdrop{background:var(--color-modal-scrim)}.commerce-workspace,.commerce-checkout-dialog{font-family:var(--font-body)}.commerce-workspace,.commerce-workspace *,.commerce-checkout-dialog,.commerce-checkout-dialog *{box-sizing:border-box}.commerce-workspace{display:grid;width:100%;height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr);overflow-x:clip;overflow-y:hidden;background:var(--color-paper);color:var(--color-ink);padding:0}.commerce-workspace>*{width:100%;min-width:0}.commerce-workspace button,.commerce-checkout-dialog button,.commerce-checkout-dialog input{font:inherit}.commerce-workspace button,.commerce-checkout-dialog button{min-height:44px;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);cursor:pointer;white-space:nowrap}.commerce-workspace button:disabled,.commerce-checkout-dialog button:disabled{cursor:not-allowed;opacity:.58}.commerce-workspace button[aria-busy=true],.commerce-checkout-dialog button[aria-busy=true]{cursor:progress}.commerce-workspace h1,.commerce-workspace h2,.commerce-workspace h3,.commerce-checkout-dialog h2,.commerce-checkout-dialog h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal;font-weight:var(--display-weight);letter-spacing:var(--tracking-display)}.commerce-workspace-state{display:grid;min-height:100%;grid-template-rows:none;place-content:center;justify-items:center;gap:var(--space-xs);background:var(--color-paper);color:var(--color-ink);text-align:center}.commerce-workspace-state>strong{font-family:var(--font-display);font-size:var(--text-xl)}.commerce-workspace-state>span{max-width:48ch;color:var(--color-ink-2);line-height:1.6}.commerce-workspace-state>button{padding-inline:var(--space-md)}.commerce-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.commerce-state-actions button{padding-inline:var(--space-md)}.commerce-page-head{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:var(--space-xs);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);padding:var(--space-sm)}.commerce-page-head h2{grid-column:2;grid-row:1;margin:0;text-align:center;font-size:var(--text-2xl);line-height:1.1}.commerce-dialog-statuses{display:grid;min-width:0;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xs)}.commerce-dialog-statuses>span{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-2xs) var(--space-xs)}.commerce-dialog-statuses small{overflow:hidden;color:var(--color-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.commerce-dialog-statuses strong{overflow:hidden;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.commerce-dialog-close{display:grid;width:44px;min-width:44px;grid-column:3;grid-row:1;place-content:center;border-color:transparent;background:transparent;color:var(--color-ink-2);padding:0}.commerce-workspace-tabs{display:grid;min-width:0;width:min(620px,calc(100% - var(--space-md)));grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:var(--space-xs) auto 0;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-3xs)}.commerce-workspace-tabs button{min-width:0;border:0;border-radius:calc(var(--radius-input) - var(--space-3xs));background:transparent;color:var(--color-ink-2);padding-inline:var(--space-xs)}.commerce-workspace-tabs button.is-active{background:var(--color-paper);color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-strong);font-weight:700}.commerce-dialog-body{min-width:0;min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-sm)}.commerce-tab-panel{display:grid;min-width:0;gap:var(--space-md)}.commerce-tab-panel[hidden]{display:none}.commerce-quiet-button,.commerce-ledger-link,.commerce-resume-payment button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding-inline:var(--space-sm)}.commerce-mode-badge{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);padding:0 var(--space-xs);font-size:var(--text-xs);font-weight:700}.commerce-mode-badge.is-test{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.commerce-inline-alert{display:flex;align-items:flex-start;gap:var(--space-xs);margin-top:var(--space-sm);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-input);background:var(--color-danger-soft);color:var(--color-ink);padding:var(--space-xs);line-height:1.5}.commerce-inline-alert>svg{flex:0 0 auto;color:var(--color-danger);margin-top:var(--space-3xs)}.commerce-inline-alert>span{min-width:0;flex:1}.commerce-inline-alert>button{min-height:44px;flex:0 0 auto;border:0;background:transparent;color:var(--color-danger);padding-inline:var(--space-2xs);font-size:var(--text-sm);font-weight:700}.commerce-inline-alert.is-neutral{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink-2)}.commerce-inline-alert.is-neutral>svg{color:var(--color-ink-2)}.commerce-account-band{display:grid;min-width:0;gap:var(--space-sm);margin-top:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-sm)}.commerce-account-identity{display:flex;min-width:0;align-items:center;gap:var(--space-xs)}.commerce-account-mark,.commerce-checkout-summary-mark{display:grid;width:40px;height:40px;flex:0 0 40px;place-content:center;border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-input);background:var(--color-accent-soft);color:var(--color-ink)}.commerce-account-identity>span:last-child{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-account-identity small,.commerce-account-facts dt,.commerce-plan-decision small,.commerce-checkout-summary-title small,.commerce-checkout-summary-facts dt{color:var(--color-muted);font-size:var(--text-xs)}.commerce-account-identity strong{overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display);font-size:var(--text-lg);white-space:nowrap}.commerce-account-facts{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:0;margin:0}.commerce-account-facts>div{display:grid;min-width:0;gap:var(--space-3xs);border-top:var(--rule-hair) solid var(--color-rule);padding:var(--space-xs) 0}.commerce-account-facts dt,.commerce-account-facts dd{margin:0}.commerce-account-facts dd{min-width:0;overflow-wrap:anywhere;font-weight:700}.commerce-ledger-link{width:100%;background:var(--color-paper);color:var(--color-ink)}.commerce-resume-payment{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);margin-top:var(--space-sm);border-block:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);padding:var(--space-xs) 0}.commerce-resume-payment>div{display:flex;min-width:0;align-items:center;gap:var(--space-xs)}.commerce-resume-payment>div>svg{flex:0 0 auto;color:var(--color-accent)}.commerce-resume-payment>div>span{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-resume-payment small{overflow:hidden;color:var(--color-ink-2);text-overflow:ellipsis;white-space:nowrap}.commerce-configurator{margin-top:var(--space-md);overflow:clip;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink)}.commerce-configurator-head{display:grid;min-width:0;gap:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);padding:var(--space-sm)}.commerce-configurator-head>div:first-child{min-width:0}.commerce-configurator-head h2,.commerce-configurator-head h3,.commerce-secondary-head h2,.commerce-ledger-section h2{margin:0;font-size:var(--text-xl)}.commerce-configurator-head p,.commerce-secondary-head p{max-width:60ch;margin:var(--space-2xs) 0 0;color:var(--color-ink-2);line-height:1.55}.commerce-duration-tabs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-3xs)}.commerce-duration-tabs button{min-width:0;border-color:transparent;background:transparent;color:var(--color-ink-2);padding-inline:var(--space-2xs)}.commerce-duration-tabs button.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.commerce-plan-comparison{min-width:0}.commerce-plan-options{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding:var(--space-sm)}.commerce-plan-option{display:grid;min-width:0;gap:var(--space-sm);align-content:start;border-color:var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);padding:var(--space-sm);text-align:left;transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.commerce-plan-option.is-selected{background:var(--color-accent-soft);color:var(--color-ink)}.commerce-plan-option.is-current{border-color:var(--color-rule-strong);background:var(--color-paper-2);color:var(--color-ink)}.commerce-plan-option[aria-disabled=true]{cursor:not-allowed;opacity:.72}.commerce-plan-option.is-current{opacity:1}.commerce-plan-option-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:var(--space-xs)}.commerce-plan-option-head>span:first-child{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-plan-option-head>span:first-child small{color:var(--color-muted);font-size:var(--text-xs)}.commerce-plan-option-head>span:first-child strong{font-family:var(--font-display);font-size:var(--text-xl)}.commerce-plan-facts{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3xs)}.commerce-plan-facts small{display:inline-flex;min-height:24px;align-items:center;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink-2);padding-inline:var(--space-2xs);font-size:var(--text-xs);font-weight:700}.commerce-plan-price{display:grid;gap:var(--space-3xs)}.commerce-plan-price strong{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:var(--tracking-display)}.commerce-plan-price small,.commerce-plan-metric small,.commerce-plan-derived,.commerce-plan-note{color:var(--color-muted);font-size:var(--text-xs)}.commerce-plan-metric{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);border-block:var(--rule-hair) solid var(--color-rule);padding:var(--space-xs) 0}.commerce-plan-metric strong{font-family:var(--font-display);font-size:var(--text-xl)}.commerce-plan-derived,.commerce-plan-note{min-width:0;overflow-wrap:anywhere;line-height:1.45}.commerce-plan-note{min-height:2.9em;color:var(--color-ink-2)}.commerce-plan-option[aria-disabled=true] .commerce-plan-note{color:var(--color-muted)}.commerce-plan-decision{display:grid;min-width:0;gap:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-sm)}.commerce-plan-decision>div{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-plan-decision>div strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--text-lg)}.commerce-plan-decision>div span{color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.5}.commerce-primary-action,.commerce-pack-decision button,.commerce-checkout-actions .is-primary,.commerce-full-button{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:var(--space-2xs);border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);padding-inline:var(--space-md);font-weight:700}.commerce-upgrade-rules{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);gap:var(--space-xs);border-top:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);padding:var(--space-sm)}.commerce-upgrade-rules>svg{color:var(--color-accent);margin-top:var(--space-3xs)}.commerce-upgrade-rules>div{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-upgrade-rules>div span{color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.55}.commerce-upgrade-rules>small{grid-column:2;color:var(--color-muted)}.commerce-tab-panel>.commerce-account-band,.commerce-tab-panel>.commerce-configurator{margin-top:0}.commerce-points-summary{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-sm)}.commerce-points-summary>div{display:grid;gap:var(--space-3xs)}.commerce-points-summary small{color:var(--color-muted);font-size:var(--text-xs)}.commerce-points-summary strong{font-family:var(--font-display);font-size:var(--text-3xl)}.commerce-points-summary p{max-width:60ch;margin:0;color:var(--color-ink-2);line-height:1.55}.commerce-point-packs{margin-top:0;border-top:0;background:var(--color-paper);color:var(--color-ink);padding-top:0}.commerce-secondary-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.commerce-secondary-head>div{min-width:0}.commerce-secondary-head>svg{flex:0 0 auto;color:var(--color-accent)}.commerce-secondary-head h3,.commerce-orders-head h3,.commerce-ledger-section h3{margin:0;font-size:var(--text-xl)}.commerce-secondary-head p,.commerce-orders-head p{margin:var(--space-3xs) 0 0;color:var(--color-ink-2);line-height:1.5}.commerce-pack-options{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);margin-top:var(--space-sm)}.commerce-pack-option{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-xs);border-color:var(--color-rule);background:var(--color-paper);color:var(--color-ink);padding:var(--space-sm);text-align:left}.commerce-pack-option>span{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-pack-option>span strong{font-family:var(--font-display);font-size:var(--text-xl)}.commerce-pack-option>strong{font-family:var(--font-display);font-size:var(--text-lg)}.commerce-pack-option>small,.commerce-pack-option>span small{color:var(--color-muted);font-size:var(--text-xs)}.commerce-pack-option>small{grid-column:1 / -1;overflow-wrap:anywhere}.commerce-pack-option.is-selected{background:var(--color-accent-soft);color:var(--color-ink)}.commerce-plan-price,.commerce-plan-metric,.commerce-plan-derived,.commerce-plan-decision,.commerce-pack-option,.commerce-points-summary,.commerce-order-list,.commerce-checkout-summary-facts,.commerce-payment-result dl,.commerce-payment-amount{font-variant-numeric:tabular-nums}.commerce-pack-decision{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:var(--space-xs);margin-top:var(--space-xs);background:var(--color-paper);color:var(--color-ink-2)}.commerce-pack-decision>span{min-width:0;overflow-wrap:anywhere;font-size:var(--text-sm)}.commerce-ledgers{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);margin-top:0;background:var(--color-paper);color:var(--color-ink)}.commerce-orders-head{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);padding-bottom:var(--space-sm)}.commerce-orders-head>div:first-child{min-width:0}.commerce-orders-head>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.commerce-orders-head button{width:100%}.commerce-ledger-section{min-width:0;border-top:var(--rule-hair) solid var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink);padding-top:var(--space-sm)}.commerce-ledger-section>header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-xs);padding-bottom:var(--space-xs)}.commerce-ledger-section>header small{color:var(--color-muted)}.commerce-order-list,.commerce-notification-list{margin:0;padding:0;list-style:none}.commerce-order-list li,.commerce-notification-list li{border-top:var(--rule-hair) solid var(--color-rule)}.commerce-order-list li:last-child,.commerce-notification-list li:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.commerce-order-list button{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-xs);border:0;border-radius:0;background:var(--color-paper);color:var(--color-ink);padding:var(--space-xs) 0;text-align:left}.commerce-order-list button>span:first-child{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-order-list button>span:first-child strong,.commerce-order-list button>span:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commerce-order-list button>span:first-child small,.commerce-order-list time{color:var(--color-muted);font-size:var(--text-xs)}.commerce-order-list time{grid-column:2;justify-self:end}.commerce-order-status{display:inline-flex;min-height:28px;align-items:center;justify-content:center;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);padding-inline:var(--space-2xs);font-size:var(--text-xs);font-weight:700}.commerce-order-status.is-success{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.commerce-order-status.is-progress,.commerce-order-status.is-pending{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.commerce-notification-list li{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);gap:var(--space-xs);padding:var(--space-xs) 0}.commerce-notification-list li>svg{color:var(--color-muted);margin-top:var(--space-3xs)}.commerce-notification-list li.is-unread>svg{color:var(--color-accent)}.commerce-notification-list li>div{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-notification-list p{margin:0;color:var(--color-ink-2);line-height:1.5}.commerce-notification-list time{color:var(--color-muted);font-size:var(--text-xs)}.commerce-notification-actions{display:flex;grid-column:2;flex-wrap:wrap;gap:var(--space-2xs)}.commerce-notification-actions button{min-height:44px;border:0;background:transparent;color:var(--color-ink-2);padding-inline:var(--space-2xs);font-size:var(--text-sm)}.commerce-record-empty,.commerce-section-empty{display:flex;min-height:104px;align-items:center;justify-content:center;gap:var(--space-xs);border-block:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-muted);padding:var(--space-sm);text-align:center}.commerce-checkout-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:calc(100% - var(--space-2xs));max-width:980px;max-height:calc(100dvh - var(--space-2xs));margin:auto;overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-panel);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-panel);padding:0}.commerce-checkout-dialog::backdrop{background:var(--color-modal-scrim)}.commerce-checkout-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);padding:var(--space-sm)}.commerce-checkout-head>div{min-width:0}.commerce-checkout-head h2{margin:0;font-size:var(--text-xl)}.commerce-checkout-head p{margin:var(--space-3xs) 0 0;color:var(--color-ink-2);font-size:var(--text-sm)}.commerce-checkout-head>button{display:grid;width:44px;flex:0 0 44px;place-content:center;border-color:transparent;background:transparent;color:var(--color-ink-2);padding:0}.commerce-checkout-layout{display:grid;min-width:0;max-height:calc(100dvh - 76px - var(--space-2xs));grid-template-columns:minmax(0,1fr);overflow-y:auto;background:var(--color-paper);color:var(--color-ink)}.commerce-checkout-summary{display:grid;min-width:0;gap:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-sm)}.commerce-checkout-summary-title{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-checkout-summary-title strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--text-xl)}.commerce-checkout-summary-title span{color:var(--color-ink-2);line-height:1.5}.commerce-checkout-summary-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border-block:var(--rule-hair) solid var(--color-rule)}.commerce-checkout-summary-facts>div{display:grid;gap:var(--space-3xs);padding:var(--space-xs) 0}.commerce-checkout-summary-facts>div+div{border-top:var(--rule-hair) solid var(--color-rule)}.commerce-checkout-summary-facts dt,.commerce-checkout-summary-facts dd{margin:0}.commerce-checkout-summary-facts dd{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.commerce-checkout-price-note{margin:0;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.55}.commerce-payment-owner-note,.commerce-checkout-note{display:flex;min-width:0;align-items:flex-start;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink-2);padding:var(--space-xs);line-height:1.5}.commerce-payment-owner-note>svg,.commerce-checkout-note>svg{flex:0 0 auto;color:var(--color-accent);margin-top:var(--space-3xs)}.commerce-checkout-rules{display:grid;gap:var(--space-2xs);margin:0;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.5;padding-inline-start:var(--space-md)}.commerce-checkout-stage{min-width:0;background:var(--color-paper);color:var(--color-ink);padding:var(--space-sm)}.commerce-agreement-view,.commerce-payment-view{min-width:0}.commerce-agreement-view{display:grid;align-content:start;gap:var(--space-md)}.commerce-stage-heading{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);gap:var(--space-xs)}.commerce-stage-step{display:grid;width:32px;height:32px;place-content:center;border-radius:var(--radius-input);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-display);font-weight:700}.commerce-stage-heading h3{margin:0;font-size:var(--text-lg)}.commerce-stage-heading p{margin:var(--space-3xs) 0 0;color:var(--color-ink-2);line-height:1.55}.commerce-agreement-check{display:flex;min-width:0;align-items:flex-start;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-sm)}.commerce-agreement-check input{width:20px;height:20px;flex:0 0 auto;margin:0;accent-color:var(--color-accent)}.commerce-agreement-check>span{display:grid;min-width:0;gap:var(--space-3xs);line-height:1.45}.commerce-agreement-check>span>span{display:flex;flex-wrap:wrap;gap:0 var(--space-3xs)}.commerce-agreement-check label{cursor:pointer}.commerce-agreement-check a{color:var(--color-focus);text-underline-offset:3px}.commerce-agreement-check small{color:var(--color-muted);font-size:var(--text-xs)}.commerce-checkout-actions{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.commerce-checkout-actions button{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:var(--space-2xs);padding-inline:var(--space-sm)}.commerce-checkout-actions .is-secondary{background:var(--color-paper);color:var(--color-ink)}.commerce-checkout-actions .is-danger{border-color:var(--color-danger);color:var(--color-danger)}.commerce-payment-result,.commerce-qr-payment{display:grid;min-width:0;justify-items:center;gap:var(--space-sm);background:var(--color-paper);color:var(--color-ink);text-align:center}.commerce-payment-result{min-height:360px;align-content:center}.commerce-payment-result>svg{color:var(--color-muted)}.commerce-payment-result.is-success>svg{color:var(--color-success)}.commerce-payment-result.is-progress .commerce-payment-orbit{color:var(--color-accent)}.commerce-payment-result.is-expired>svg,.commerce-payment-result.is-closed>svg{color:var(--color-ink-2)}.commerce-payment-result h3{margin:0;font-size:var(--text-xl)}.commerce-payment-result>p{max-width:48ch;margin:0;color:var(--color-ink-2);line-height:1.6}.commerce-payment-result dl{display:grid;width:100%;grid-template-columns:minmax(0,1fr);margin:0;border-block:var(--rule-hair) solid var(--color-rule)}.commerce-payment-result dl>div{display:grid;gap:var(--space-3xs);padding:var(--space-xs)}.commerce-payment-result dl>div+div{border-top:var(--rule-hair) solid var(--color-rule)}.commerce-payment-result dt{color:var(--color-muted);font-size:var(--text-xs)}.commerce-payment-result dd{margin:0;font-weight:700}.commerce-payment-orbit{display:grid;width:56px;height:56px;place-content:center;border:var(--rule-hair) solid var(--color-accent);border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent)}.commerce-checkout-note.is-retrying{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink);text-align:left}.commerce-payment-amount{display:grid;justify-items:center;gap:var(--space-3xs)}.commerce-payment-amount span,.commerce-payment-amount small{color:var(--color-muted);font-size:var(--text-xs)}.commerce-payment-amount strong{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:var(--tracking-display)}.commerce-qr-code{display:grid;width:min(236px,100%);place-content:center;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-on-image);color:var(--color-image-editor-canvas);padding:var(--space-2xs)}.commerce-qr-code svg{display:block;width:min(220px,100%);height:auto}.commerce-countdown{display:inline-flex;min-height:36px;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);padding-inline:var(--space-xs);font-size:var(--text-sm)}.commerce-countdown strong{color:var(--color-ink);font-family:var(--font-outlier)}.commerce-code-url{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}.commerce-code-url code{min-width:0;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);padding:var(--space-xs);font-family:var(--font-outlier);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.commerce-code-url button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding-inline:var(--space-sm)}.commerce-payment-owner-note{width:100%;margin:0;text-align:left}.commerce-payment-error{display:flex;width:100%;min-width:0;align-items:flex-start;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-input);background:var(--color-danger-soft);color:var(--color-ink);padding:var(--space-xs);text-align:left;line-height:1.5}.commerce-payment-error>svg{flex:0 0 auto;color:var(--color-danger);margin-top:var(--space-3xs)}.commerce-qr-unavailable{display:grid;width:100%;min-height:220px;place-content:center;justify-items:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink-2);padding:var(--space-sm)}.commerce-qr-unavailable button,.commerce-full-button{width:100%}.commerce-current-membership{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-md);margin-bottom:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);color:var(--color-ink-2);padding:0 0 var(--space-sm);font-size:var(--text-sm)}.commerce-current-membership>span{display:inline-flex;min-width:0;align-items:center;gap:var(--space-2xs)}.commerce-current-membership>span:first-child{color:var(--color-ink)}.commerce-plan-comparison{padding-top:var(--space-xs)}.commerce-plan-options{align-items:stretch;padding:0}.commerce-pricing-card{position:relative;display:flex;min-width:0;min-height:440px;flex-direction:column;gap:var(--space-sm);overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);padding:var(--space-md)}.commerce-pricing-card.is-current{background:var(--color-paper-2)}.commerce-pricing-card.is-selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-accent)}.commerce-workspace button.commerce-card-select-zone{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;border-color:transparent;border-radius:inherit;background:transparent;color:transparent;padding:0}.commerce-workspace button.commerce-card-select-zone[aria-pressed=true]{border-color:var(--color-accent)}.commerce-pricing-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:var(--space-xs)}.commerce-pricing-head>span{display:grid;min-width:0;gap:var(--space-3xs)}.commerce-pricing-head>span small,.commerce-pricing-head>small{color:var(--color-muted);font-size:var(--text-xs)}.commerce-pricing-head>span strong{font-family:var(--font-display);font-size:var(--text-xl)}.commerce-plan-price{display:flex;align-items:baseline;gap:var(--space-2xs)}.commerce-plan-price strong{font-size:clamp(2rem,4vw,2.75rem)}.commerce-plan-derived{min-height:1.5em;margin:calc(var(--space-xs) * -1) 0 0}.commerce-workspace .commerce-card-action,.commerce-pack-card>button{width:100%;border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);padding-inline:var(--space-xs);font-weight:700}.commerce-workspace .commerce-card-action{position:relative;z-index:3;display:flex;min-height:44px;align-items:center;justify-content:center;border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-input);white-space:nowrap}.commerce-pricing-card.is-current .commerce-card-action{border-color:var(--color-rule-strong);background:var(--color-paper);color:var(--color-muted);opacity:1}.commerce-plan-benefits{display:grid;gap:var(--space-sm);margin:0;border-top:var(--rule-hair) solid var(--color-rule);padding:var(--space-md) 0 0;list-style:none}.commerce-plan-benefits li{display:flex;min-width:0;align-items:flex-start;gap:var(--space-2xs);color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.45}.commerce-plan-benefits svg{flex:0 0 auto;color:var(--color-accent);margin-top:.18em}.commerce-plan-benefits strong{color:var(--color-ink);font-weight:750}.commerce-card-reason{margin:auto 0 0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.45}.commerce-upgrade-rules{margin-top:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card)}.commerce-point-packs,.commerce-pack-options{margin-top:0}.commerce-pack-card{display:flex;min-width:0;min-height:300px;flex-direction:column;align-items:flex-start;gap:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);padding:var(--space-md)}.commerce-pack-card>svg{color:var(--color-accent)}.commerce-pack-card>span{display:grid;gap:var(--space-3xs)}.commerce-pack-card>span strong,.commerce-pack-price{font-family:var(--font-display);font-size:var(--text-2xl)}.commerce-pack-card>span small,.commerce-pack-card>p{color:var(--color-muted);font-size:var(--text-sm)}.commerce-pack-card>p{margin:0;line-height:1.5}.commerce-pack-card>button{margin-top:auto}.commerce-spinner{animation:commerce-spin var(--dur-loading) linear infinite}.commerce-workspace :where(button,[role=radio],[role=tab]):focus-visible,.commerce-checkout-dialog :where(button,input):focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--space-3xs)}.commerce-workspace .commerce-card-select-zone:focus-visible{outline-offset:calc(-1 * var(--rule-fine))}.commerce-workspace button:active:not(:disabled):not(.commerce-card-select-zone),.commerce-checkout-dialog button:active:not(:disabled){transform:translateY(1px)}@media(hover:hover)and (pointer:fine){.commerce-workspace button:hover:not(:disabled):not([aria-disabled=true]),.commerce-checkout-dialog button:hover:not(:disabled){border-color:var(--color-ink-2);background:var(--color-paper-2);color:var(--color-ink)}.commerce-workspace button.commerce-card-select-zone:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--color-rule-strong);background:transparent;color:transparent}.commerce-workspace button.commerce-card-select-zone[aria-pressed=true]:hover:not(:disabled){border-color:var(--color-accent)}.commerce-duration-tabs button:hover:not(:disabled),.commerce-primary-action:hover:not(:disabled),.commerce-pack-decision button:hover:not(:disabled),.commerce-workspace button.commerce-card-action:hover:not(:disabled):not([aria-disabled=true]),.commerce-pack-card>button:hover:not(:disabled),.commerce-checkout-actions .is-primary:hover:not(:disabled),.commerce-full-button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.commerce-plan-option:hover:not([aria-disabled=true]),.commerce-pack-option:hover:not(:disabled){border-color:var(--color-rule-strong)}.commerce-plan-option.is-selected:hover,.commerce-pack-option.is-selected:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-ink)}.commerce-order-list button:hover{background:var(--color-paper-2);color:var(--color-ink)}}@media(min-width:40rem){.commerce-workspace-dialog{width:min(1240px,calc(100% - var(--space-lg)));height:min(900px,92dvh);max-height:92dvh;margin:auto;border-radius:var(--radius-panel)}.commerce-workspace{padding:0}.commerce-page-head{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding-inline:var(--space-md)}.commerce-dialog-close{grid-column:3;grid-row:1}.commerce-workspace-tabs{padding:var(--space-3xs)}.commerce-dialog-body{padding:var(--space-md)}.commerce-account-band{grid-template-columns:minmax(220px,.9fr) minmax(0,2fr);align-items:center}.commerce-account-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-account-facts>div{border-top:0;border-inline-start:var(--rule-hair) solid var(--color-rule);padding:0 var(--space-sm)}.commerce-ledger-link{grid-column:1 / -1}.commerce-resume-payment{flex-direction:row;align-items:center;justify-content:space-between}.commerce-resume-payment button{flex:0 0 auto}.commerce-configurator-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.commerce-duration-tabs{width:300px}.commerce-pack-options{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-points-summary{grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);align-items:center}.commerce-pack-decision{flex-direction:row;align-items:center;justify-content:space-between}.commerce-pack-decision button{flex:0 0 auto}.commerce-orders-head{flex-direction:row;align-items:center;justify-content:space-between}.commerce-orders-head>div:last-child{flex:0 0 auto}.commerce-notification-list li{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.commerce-notification-actions{grid-column:3;justify-content:flex-end}.commerce-checkout-actions,.commerce-payment-result dl{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-payment-result dl>div+div{border-top:0;border-inline-start:var(--rule-hair) solid var(--color-rule)}.commerce-code-url{grid-template-columns:minmax(0,1fr) auto}}@media(min-width:48rem){.commerce-plan-options{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-plan-decision{grid-template-columns:minmax(0,1fr) auto;align-items:center}.commerce-primary-action{min-width:190px}.commerce-upgrade-rules{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.commerce-upgrade-rules>small{grid-column:3;max-width:24ch;text-align:right}.commerce-order-list button{grid-template-columns:minmax(0,1.4fr) auto auto auto}.commerce-order-list time{grid-column:auto}.commerce-checkout-dialog{width:min(960px,calc(100% - var(--space-lg)));max-height:calc(100dvh - var(--space-lg))}.commerce-checkout-layout{max-height:calc(100dvh - 76px - var(--space-lg));grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);overflow:hidden}.commerce-checkout-summary,.commerce-checkout-stage{max-height:calc(100dvh - 76px - var(--space-lg));overflow-y:auto}.commerce-checkout-summary{border-right:var(--rule-hair) solid var(--color-rule);border-bottom:0;padding:var(--space-md)}.commerce-checkout-stage{display:grid;align-content:center;padding:var(--space-md)}}@media(min-width:60rem){.commerce-workspace{height:100%;padding:0}}@media(min-width:75rem){.commerce-account-band{grid-template-columns:minmax(230px,.8fr) minmax(0,2fr)}.commerce-ledger-link{width:auto;grid-column:auto}.commerce-ledgers{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.commerce-plan-option,.commerce-pack-option,.commerce-workspace-dialog,.commerce-checkout-dialog{transition:none}.commerce-spinner{animation:none}.commerce-workspace button:active:not(:disabled),.commerce-checkout-dialog button:active:not(:disabled){transform:none}}@keyframes commerce-spin{to{transform:rotate(1turn)}}.commerce-workspace-dialog,.commerce-checkout-dialog,.account-settings-dialog{--color-paper: var(--color-login-canvas);--color-paper-2: var(--color-login-surface);--color-paper-3: var(--color-login-control-hover);--color-ink: var(--color-login-ink);--color-ink-2: var(--color-login-muted);--color-muted: var(--color-login-muted);--color-rule: var(--color-login-rule);--color-rule-strong: var(--color-login-rule);--color-accent: var(--color-login-ink);--color-accent-ink: var(--color-login-canvas);--color-accent-soft: var(--color-login-control-hover);--color-focus: var(--color-login-ink);--color-modal-scrim: var(--color-login-modal-scrim);--color-membership-accent: oklch(67% .17 255)}.commerce-workspace-dialog,.commerce-checkout-dialog,.account-settings-dialog,.account-user-menu{border-color:var(--color-login-rule);background:var(--color-login-canvas);color:var(--color-login-ink);box-shadow:var(--shadow-panel)}.commerce-workspace-dialog{width:min(1120px,calc(100% - var(--space-md)));height:min(820px,calc(100dvh - var(--space-md)));max-height:calc(100dvh - var(--space-md));border-radius:var(--radius-panel)}.commerce-page-head{min-height:68px;grid-template-columns:minmax(0,1fr) 44px;gap:var(--space-sm);border-color:var(--color-login-rule);padding:var(--space-xs) var(--space-md)}.commerce-page-head h2{grid-column:1;text-align:left;font-size:var(--text-xl)}.commerce-dialog-close{grid-column:2;color:var(--color-login-muted)}.commerce-workspace-tabs{display:flex;width:100%;gap:var(--space-3xs);margin:0;border:0;border-bottom:var(--rule-hair) solid var(--color-login-rule);border-radius:0;background:var(--color-login-canvas);padding:0 var(--space-md)}.commerce-workspace-tabs button{position:relative;width:auto;min-width:76px;border-radius:0;padding:0 var(--space-sm)}.commerce-workspace-tabs button.is-active{background:transparent;box-shadow:inset 0 calc(-1 * var(--rule-fine)) 0 var(--color-login-ink)}.commerce-dialog-body{padding:var(--space-md)}.commerce-current-membership{min-height:42px;margin-bottom:var(--space-sm);gap:var(--space-2xs) var(--space-lg);color:var(--color-login-muted);padding-bottom:var(--space-xs)}.commerce-current-membership>span:first-child,.commerce-current-membership svg{color:var(--color-login-ink)}.commerce-plan-comparison{padding-top:0}.commerce-plan-options,.commerce-pack-options{gap:var(--space-sm)}.commerce-pricing-card{min-height:440px;gap:var(--space-xs);border-color:var(--color-login-rule);background:var(--color-login-surface-2);padding:var(--space-sm)}.commerce-pricing-card.is-current{background:var(--color-login-control)}.commerce-pricing-card.is-selected{border-color:var(--color-login-ink);background:var(--color-login-surface);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-login-ink)}.commerce-pricing-head>span small,.commerce-pricing-head>small,.commerce-plan-derived,.commerce-card-reason{color:var(--color-login-muted)}.commerce-plan-price strong{font-size:clamp(var(--text-2xl),3vw,var(--text-3xl))}.commerce-workspace .commerce-card-action,.commerce-pack-card>button,.commerce-checkout-actions .is-primary,.commerce-full-button{border-color:var(--color-login-ink);background:var(--color-login-ink);color:var(--color-login-canvas)}.commerce-pricing-card.is-current .commerce-card-action{border-color:var(--color-login-rule);background:transparent;color:var(--color-login-muted)}.commerce-plan-benefits{gap:var(--space-xs);padding-top:var(--space-sm)}.commerce-plan-benefits li,.commerce-plan-benefits svg{color:var(--color-login-muted)}.commerce-plan-benefits strong{color:var(--color-login-ink)}.commerce-upgrade-rules,.commerce-points-summary{border-color:var(--color-login-rule);background:var(--color-login-surface-2)}.commerce-upgrade-rules>svg,.commerce-secondary-head>svg,.commerce-pack-card>svg,.commerce-payment-owner-note>svg,.commerce-checkout-note>svg{color:var(--color-login-muted)}.commerce-points-summary{grid-template-columns:minmax(170px,auto) minmax(0,1fr);align-items:center;padding:var(--space-md)}.commerce-points-summary strong{font-size:var(--text-3xl)}.commerce-pack-card{min-height:230px;gap:var(--space-xs);border-color:var(--color-login-rule);background:var(--color-login-surface-2);padding:var(--space-sm)}.commerce-pack-card>span strong,.commerce-pack-price{font-size:var(--text-xl)}.commerce-checkout-dialog{width:min(880px,calc(100% - var(--space-md)));max-height:calc(100dvh - var(--space-md))}.commerce-checkout-head{min-height:68px;align-items:center;border-color:var(--color-login-rule);padding:var(--space-xs) var(--space-md)}.commerce-checkout-head p{color:var(--color-login-muted)}.commerce-checkout-layout{background:var(--color-login-canvas)}.commerce-checkout-summary{gap:var(--space-md);border-color:var(--color-login-rule);background:var(--color-login-surface-2);padding:var(--space-md)}.commerce-checkout-summary-mark,.commerce-stage-step{border-color:var(--color-login-rule);background:var(--color-login-control-hover);color:var(--color-login-ink)}.commerce-checkout-summary-facts{border-color:var(--color-login-rule)}.commerce-payment-owner-note,.commerce-checkout-note,.commerce-agreement-check,.commerce-countdown,.commerce-code-url code{border-color:var(--color-login-rule);background:var(--color-login-control)}.commerce-checkout-stage{background:var(--color-login-canvas);padding:var(--space-md)}.commerce-stage-heading{align-items:center}.commerce-agreement-view{gap:var(--space-sm)}.commerce-agreement-check input{accent-color:var(--color-login-ink)}.commerce-payment-result,.commerce-qr-payment{background:var(--color-login-canvas)}.commerce-payment-orbit{border-color:var(--color-login-rule);background:var(--color-login-control);color:var(--color-login-ink)}.account-user-menu{border-color:var(--color-login-rule)}.account-user-menu button{background:transparent;color:var(--color-login-ink)}.account-user-menu button small{color:var(--color-login-muted)}.account-settings-dialog{width:min(calc(100% - var(--space-md)),720px);max-height:min(calc(100dvh - var(--space-md)),760px)}.account-settings-dialog.is-points{width:min(calc(100% - var(--space-md)),1040px);height:min(780px,calc(100dvh - var(--space-md)))}.account-settings-head{min-height:68px;border-color:var(--color-login-rule);padding:var(--space-xs) var(--space-md)}.account-settings-head h2{color:var(--color-login-ink);font-size:var(--text-xl)}.account-settings-head p,.account-section-heading p,.account-close{color:var(--color-login-muted)}.account-settings-body{grid-template-columns:168px minmax(0,1fr)}.account-settings-sections{border-color:var(--color-login-rule);background:var(--color-login-surface-2);padding:var(--space-sm) var(--space-xs)}.account-settings-sections button{border:0;border-radius:var(--radius-input);color:var(--color-login-muted)}.account-settings-sections button.is-active{background:var(--color-login-control-hover);color:var(--color-login-ink);box-shadow:inset var(--rule-fine) 0 0 var(--color-login-ink)}.account-profile-section,.account-referral-section,.account-password-section,.account-points-section{gap:var(--space-md);padding:var(--space-lg)}.account-avatar-preview,.account-field input,.account-referral-control input,.account-upload-button,.account-points-unavailable,.account-points-more{border-color:var(--color-login-rule);background:var(--color-login-control);color:var(--color-login-ink)}.account-field,.account-avatar-editor small,.account-field-message,.account-message{color:var(--color-login-muted)}.account-primary-button{border-color:var(--color-login-ink);background:var(--color-login-ink);color:var(--color-login-canvas)}.account-points-section{align-content:start}.account-points-summary{border-color:var(--color-login-rule);background:var(--color-login-surface-2)}.account-points-summary article{min-height:92px;align-content:center;padding:var(--space-sm)}.account-points-summary article+article{border-color:var(--color-login-rule)}.account-expiring-points{align-content:start;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface-2);padding:var(--space-sm)}.account-points-ledger{min-width:0}.account-points-table-wrap{border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface-2)}.account-points-table-wrap th{background:var(--color-login-surface-2)}.account-points-table-wrap th,.account-points-table-wrap td,.account-expiring-points li{border-color:var(--color-login-rule)}@media screen and (min-width:48rem){.account-points-section{grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr)}.account-points-loading,.account-points-unavailable,.account-points-summary{grid-column:1 / -1}.account-expiring-points{grid-column:1}.account-points-ledger{grid-column:2}}@media screen and (max-width:47.999rem){.commerce-workspace-dialog,.commerce-checkout-dialog,.account-settings-dialog,.account-settings-dialog.is-points{width:100%;height:100dvh;max-height:100dvh;border-width:0;border-radius:0}.commerce-workspace-tabs{overflow-x:auto;padding-inline:var(--space-xs)}.commerce-workspace-tabs button{min-width:72px}.commerce-dialog-body,.commerce-checkout-summary,.commerce-checkout-stage,.account-profile-section,.account-password-section,.account-points-section{padding:var(--space-sm)}.commerce-points-summary,.account-points-summary{grid-template-columns:minmax(0,1fr)}.account-points-summary article+article{border-inline-start:0;border-top:var(--rule-hair) solid var(--color-login-rule)}.account-settings-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);max-height:calc(100dvh - 68px)}.account-settings-sections{display:flex;overflow-x:auto;border-inline-end:0;border-bottom:var(--rule-hair) solid var(--color-login-rule);padding:var(--space-2xs) var(--space-xs)}.account-settings-sections button{width:auto;flex:0 0 auto}}.commerce-workspace-dialog{width:min(1040px,calc(100% - var(--space-md)));height:min(780px,calc(100dvh - var(--space-md)));max-height:calc(100dvh - var(--space-md))}.commerce-page-head{min-height:76px}.commerce-page-head>div{min-width:0}.commerce-page-head h2{margin:0}.commerce-page-head p{margin:var(--space-3xs) 0 0;color:var(--color-login-muted);font-size:var(--text-xs);line-height:1.45}.commerce-workspace-tabs{min-height:52px;align-items:stretch;gap:var(--space-xs)}.commerce-workspace-tabs button{min-height:52px;color:var(--color-login-muted);font-size:var(--text-sm)}.commerce-workspace-tabs button.is-active{color:var(--color-login-ink)}.commerce-dialog-body{padding:var(--space-sm) var(--space-md) var(--space-md)}.commerce-current-membership{min-height:38px;margin-bottom:var(--space-xs);padding:0 0 var(--space-xs)}.commerce-plan-options{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}.commerce-pricing-card{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head select" "price price" "derived derived" "benefits benefits" "action action" "reason reason";gap:var(--space-xs) var(--space-sm);overflow:hidden;border-radius:var(--radius-card);padding:var(--space-sm);transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.commerce-pricing-head{grid-area:head;align-self:start}.commerce-pricing-head>span{gap:var(--space-3xs)}.commerce-pricing-head>span strong{font-size:var(--text-lg)}.commerce-plan-select-state{display:inline-flex;min-height:24px;grid-area:select;align-items:center;justify-self:end;gap:var(--space-3xs);color:var(--color-login-muted);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.commerce-pricing-card.is-selected .commerce-plan-select-state,.commerce-pricing-card.is-current .commerce-plan-select-state{color:var(--color-login-ink)}.commerce-plan-price{grid-area:price;align-self:center}.commerce-plan-price strong{font-size:var(--text-2xl)}.commerce-plan-derived{grid-area:derived;margin:calc(-1 * var(--space-3xs)) 0 0}.commerce-plan-benefits{display:grid;grid-area:benefits;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:var(--space-2xs) var(--space-sm);border:0;padding:0}.commerce-plan-benefits li{min-width:0;font-size:var(--text-xs);line-height:1.45}.commerce-workspace .commerce-card-action{width:100%;grid-area:action;align-self:end;justify-self:stretch;padding-inline:var(--space-sm)}.commerce-card-reason{grid-area:reason;margin:0}.commerce-pricing-card:has(button.commerce-card-select-zone[aria-pressed=true]){border-color:var(--color-login-ink)}button.commerce-card-select-zone[aria-pressed=true]{cursor:default}@media(hover:hover)and (pointer:fine){.commerce-pricing-card:has(.commerce-card-select-zone:hover:not(:disabled)){border-color:var(--color-login-muted);background:var(--color-login-surface)}}.commerce-upgrade-rules{margin-top:var(--space-xs);border-radius:var(--radius-card);padding:var(--space-xs) var(--space-sm)}.commerce-pack-options{grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}.commerce-pack-card{display:grid;min-height:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm)}.commerce-pack-card>p{display:none}.commerce-pack-card>button{min-width:124px}.commerce-checkout-dialog{width:min(880px,calc(100% - var(--space-md)));max-height:min(760px,calc(100dvh - var(--space-md)));overflow:hidden;border-radius:var(--radius-panel)}.commerce-checkout-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.commerce-checkout-head{min-height:70px;padding:var(--space-xs) var(--space-md)}.commerce-checkout-head h2{margin-bottom:var(--space-3xs);font-size:var(--text-xl)}.commerce-checkout-head>button{width:40px;min-height:40px}.commerce-checkout-layout{display:grid;min-height:0;grid-template-columns:minmax(0,1fr);overflow:hidden}.commerce-checkout-summary{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,.9fr);grid-auto-rows:max-content;align-content:start;align-items:center;gap:var(--space-sm);overflow:visible;border-inline-end:0;border-bottom:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-canvas);padding:var(--space-sm) var(--space-md)}.commerce-checkout-summary-mark{width:42px;height:42px}.commerce-checkout-summary-title{gap:var(--space-3xs)}.commerce-checkout-summary-title strong{font-size:var(--text-md)}.commerce-checkout-summary-facts{width:100%;min-width:0;grid-column:3;grid-template-columns:repeat(2,minmax(0,1fr));border-block:0}.commerce-checkout-summary-facts>div{display:grid;gap:var(--space-3xs);border-inline-start:var(--rule-hair) solid var(--color-login-rule);padding:0 var(--space-sm)}.commerce-checkout-summary-facts>div:only-child{grid-column:1 / -1}.commerce-checkout-summary-facts>div+div{margin-top:0;border:0;border-inline-start:var(--rule-hair) solid var(--color-login-rule);padding-inline-start:var(--space-sm)}.commerce-checkout-price-note{grid-column:1 / -1;margin:0}.commerce-checkout-rules{display:none}.commerce-checkout-stage{display:grid;min-height:0;align-content:start;overflow-y:auto;padding:var(--space-sm) var(--space-md) var(--space-md)}.commerce-payment-view{width:100%;max-width:none;margin-inline:auto}.commerce-stage-heading{padding-block:var(--space-xs)}.commerce-stage-step{width:40px;height:40px}.commerce-agreement-check{min-height:72px;grid-column:1 / -1;align-items:center;margin-top:var(--space-xs);padding:var(--space-sm)}.commerce-payment-ready{display:grid;width:100%;max-width:440px;justify-items:center;gap:var(--space-sm);margin:auto}.commerce-payment-ready-copy{display:grid;justify-items:center;gap:var(--space-3xs);text-align:center}.commerce-payment-ready-copy>span,.commerce-payment-ready-copy>small{color:var(--color-login-muted);font-size:var(--text-xs)}.commerce-payment-ready-copy>strong{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:var(--tracking-display)}.commerce-payment-code-shell{position:relative;display:grid;width:252px;min-height:252px;place-items:center;isolation:isolate;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface-2)}.commerce-payment-code-shell:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:var(--color-login-canvas);opacity:.58;content:""}.commerce-payment-code-preview{filter:blur(7px);opacity:.42;transform:scale(.94);pointer-events:none;-webkit-user-select:none;user-select:none}.commerce-payment-code-lock{position:absolute;z-index:2;display:grid;max-width:190px;justify-items:center;gap:var(--space-3xs);text-align:center}.commerce-payment-code-lock>svg{margin-bottom:var(--space-3xs)}.commerce-payment-code-lock>span{color:var(--color-login-muted);font-size:var(--text-xs);line-height:1.5}.commerce-payment-code-lock.is-confirming{width:min(220px,calc(100% - var(--space-sm) * 2));max-width:none;gap:var(--space-xs)}.commerce-payment-consent-actions{display:grid;width:100%;grid-template-columns:minmax(64px,auto) minmax(0,1fr);gap:var(--space-2xs);margin-top:var(--space-2xs)}.commerce-payment-consent-actions button{min-height:38px;justify-content:center;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-input);background:var(--color-login-control);color:var(--color-login-ink);font-size:var(--text-xs);white-space:nowrap}.commerce-payment-consent-actions .is-primary{border-color:var(--color-membership-accent);background:var(--color-membership-accent);color:var(--color-login-canvas)}.commerce-payment-create{width:100%;min-height:52px;justify-content:center;border-color:var(--color-membership-accent);background:var(--color-membership-accent);color:var(--color-login-canvas)}.commerce-checkout-actions{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:var(--space-xs)}.commerce-checkout-actions button{min-height:48px}.commerce-checkout-actions .is-primary,.commerce-full-button{width:100%}.commerce-qr-payment{display:grid;width:100%;max-width:700px;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:var(--space-md);margin-inline:auto;animation:commerce-payment-code-reveal .44s var(--ease-out) both}.commerce-payment-primary{display:grid;align-content:start;justify-items:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-surface-2);padding:var(--space-xs)}.commerce-payment-amount{display:grid;justify-items:center;gap:var(--space-3xs);border:0;background:transparent;padding:0}.commerce-payment-amount strong{font-size:var(--text-3xl)}.commerce-qr-code{overflow:hidden;border-radius:var(--radius-input);animation:commerce-payment-code-reveal .44s var(--ease-out) both}.commerce-payment-guidance{display:grid;min-height:318px;align-content:center;gap:var(--space-sm)}.commerce-payment-instruction{display:flex;align-items:flex-start;gap:var(--space-xs);border-block-end:var(--rule-hair) solid var(--color-login-rule);padding-block:0 var(--space-sm)}.commerce-payment-instruction>svg{flex:0 0 auto;color:var(--color-login-ink)}.commerce-payment-instruction>div{display:grid;gap:var(--space-3xs)}.commerce-payment-instruction span{color:var(--color-login-muted);font-size:var(--text-xs);line-height:1.55}.commerce-countdown{justify-content:flex-start;border:0;border-radius:0;background:transparent;padding:0}.commerce-payment-guidance .commerce-checkout-actions{margin-top:auto;grid-template-columns:minmax(0,1fr)}.commerce-payment-guidance .commerce-checkout-actions .is-danger{order:2;min-height:40px;border-color:transparent;background:transparent;color:var(--color-login-muted)}.commerce-payment-guidance .commerce-checkout-actions .is-primary{border-color:var(--color-membership-accent);background:var(--color-membership-accent);color:var(--color-login-canvas)}.commerce-payment-result{max-width:540px;min-height:360px;align-content:center;margin-inline:auto;padding:var(--space-md)}.commerce-payment-result>.commerce-checkout-actions{width:100%}@keyframes commerce-payment-code-reveal{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (min-width:60rem){.commerce-pricing-card{grid-template-columns:minmax(132px,.65fr) minmax(134px,.6fr) minmax(0,1.65fr) 156px;grid-template-areas:"head price benefits select" "derived price benefits action" "reason reason reason reason";align-items:center;padding:var(--space-sm) var(--space-md)}.commerce-plan-select-state{align-self:end}.commerce-workspace .commerce-card-action{min-width:156px}}@media screen and (max-width:47.999rem){.commerce-workspace-dialog,.commerce-checkout-dialog{width:100%;height:100dvh;max-height:100dvh;border-width:0;border-radius:0}.commerce-page-head p,.commerce-checkout-head p{display:none}.commerce-dialog-body,.commerce-checkout-stage{padding:var(--space-sm)}.commerce-checkout-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow-y:auto}.commerce-plan-benefits,.commerce-pack-card,.commerce-checkout-summary,.commerce-qr-payment{grid-template-columns:minmax(0,1fr)}.commerce-pack-card>svg{display:none}.commerce-pack-card>button{width:100%}.commerce-checkout-summary{justify-items:start;overflow:visible;border-inline-end:0;border-bottom:var(--rule-hair) solid var(--color-login-rule);padding:var(--space-sm)}.commerce-checkout-summary-mark{display:none}.commerce-checkout-summary-facts{width:100%;min-width:0;grid-column:1;grid-template-columns:minmax(0,1fr)}.commerce-checkout-summary-facts>div{grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;border-inline-start:0;padding-inline:0}.commerce-checkout-summary-facts>div+div{border-inline-start:0;border-top:var(--rule-hair) solid var(--color-login-rule);padding-inline-start:0}.commerce-checkout-summary-facts dd{text-align:end}.commerce-checkout-price-note{grid-column:1}.commerce-agreement-check{grid-column:1 / -1}.commerce-checkout-actions{grid-template-columns:minmax(0,1fr)}.commerce-checkout-actions .is-secondary{order:2}.commerce-payment-primary{padding:var(--space-xs)}.commerce-payment-guidance,.commerce-payment-result{min-height:0}}.commerce-workspace-dialog{width:min(1180px,calc(100% - var(--space-md)));height:min(900px,calc(100dvh - var(--space-md)))}.commerce-dialog-body{padding:0 var(--space-md) var(--space-md)}.commerce-plan-comparison{display:grid;gap:0}.commerce-membership-gallery{display:grid;height:clamp(196px,28dvh,252px);grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--rule-hair);overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--color-login-rule)}.commerce-membership-gallery-item{min-width:0;min-height:0;margin:0;overflow:hidden;background:var(--color-login-surface-2)}.commerce-membership-gallery-item.is-lead{grid-row:1 / -1}.commerce-membership-gallery-item:nth-child(n+4){display:none}.commerce-membership-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04) brightness(.82);transform:scale(1.01);transition:filter var(--dur-long) var(--ease-out),transform var(--dur-long) var(--ease-out)}.commerce-shared-capabilities{display:grid;border-inline:var(--rule-hair) solid var(--color-login-rule);border-bottom:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-surface-2)}.commerce-shared-capabilities>header{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:var(--space-xs);border-bottom:var(--rule-hair) solid var(--color-login-rule);padding:var(--space-xs) var(--space-sm)}.commerce-shared-capabilities>header strong{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-label)}.commerce-shared-capabilities>header span{color:var(--color-login-muted);font-size:var(--text-xs)}.commerce-shared-capabilities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}.commerce-shared-capabilities li{display:flex;min-width:0;min-height:58px;align-items:center;justify-content:center;gap:var(--space-2xs);color:var(--color-login-ink);font-size:var(--text-xs)}.commerce-shared-capabilities li:nth-child(2n){border-inline-start:var(--rule-hair) solid var(--color-login-rule)}.commerce-shared-capabilities li:nth-child(n+3){border-top:var(--rule-hair) solid var(--color-login-rule)}.commerce-shared-capabilities li svg{flex:0 0 auto;color:var(--color-login-muted);stroke-width:1.5}.commerce-plan-deck-head{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:var(--space-xs);padding:var(--space-md) 0 var(--space-xs)}.commerce-plan-deck-head strong{font-family:var(--font-display);font-size:var(--text-lg)}.commerce-plan-deck-head span{color:var(--color-login-muted);font-size:var(--text-xs)}.commerce-plan-options.commerce-plan-deck{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-canvas)}.commerce-plan-deck .commerce-pricing-card{display:grid;min-height:224px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head select" "allowance allowance" "price derived" "action action" "reason reason";align-content:start;align-items:end;gap:var(--space-xs) var(--space-sm);border:0;border-radius:0;background:var(--color-login-canvas);padding:var(--space-md)}.commerce-plan-deck .commerce-pricing-card+.commerce-pricing-card{border-top:var(--rule-hair) solid var(--color-login-rule)}.commerce-plan-deck .commerce-pricing-card.is-selected,.commerce-plan-deck .commerce-pricing-card.is-current{background:var(--color-login-surface-2);box-shadow:inset 0 0 0 var(--rule-fine) var(--color-login-ink)}.commerce-plan-deck .commerce-pricing-head{grid-area:head}.commerce-plan-deck .commerce-pricing-head>span{gap:var(--space-3xs)}.commerce-plan-deck .commerce-pricing-head>span small{order:2}.commerce-plan-deck .commerce-pricing-head>span strong{font-size:var(--text-xl)}.commerce-plan-deck .commerce-plan-select-state{grid-area:select;align-self:start}.commerce-plan-allowance{display:flex;min-width:0;grid-area:allowance;align-items:baseline;gap:var(--space-2xs);padding-top:var(--space-2xs)}.commerce-plan-allowance strong{color:var(--color-login-ink);font-family:var(--font-display);font-size:clamp(var(--text-2xl),6vw,var(--text-3xl));font-variant-numeric:tabular-nums;line-height:1}.commerce-plan-allowance span{color:var(--color-login-muted);font-size:var(--text-xs)}.commerce-plan-deck .commerce-plan-price{grid-area:price;align-self:center}.commerce-plan-deck .commerce-plan-price strong{font-size:var(--text-xl)}.commerce-plan-deck .commerce-plan-derived{min-height:0;grid-area:derived;align-self:center;justify-self:end;margin:0;text-align:end}.commerce-plan-deck .commerce-card-action{grid-area:action;margin-top:var(--space-xs)}.commerce-plan-deck .commerce-card-reason{grid-area:reason}@media(hover:hover)and (pointer:fine){.commerce-membership-gallery-item img:hover{filter:saturate(.86) contrast(1.02) brightness(.94);transform:scale(1.025)}.commerce-plan-deck .commerce-pricing-card:has(.commerce-card-select-zone:hover:not(:disabled)){background:var(--color-login-surface-2)}}@media screen and (min-width:48rem){.commerce-membership-gallery{height:clamp(220px,31dvh,292px);grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-membership-gallery-item.is-lead{grid-column:1 / span 2}.commerce-membership-gallery-item:nth-child(n+4){display:block}.commerce-shared-capabilities{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);align-items:stretch}.commerce-shared-capabilities>header{display:grid;align-content:center;border-inline-end:var(--rule-hair) solid var(--color-login-rule);border-bottom:0}.commerce-shared-capabilities ul{grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-shared-capabilities li+li{border-inline-start:var(--rule-hair) solid var(--color-login-rule)}.commerce-shared-capabilities li:nth-child(n+3){border-top:0}}@media screen and (min-width:60rem){.commerce-plan-options.commerce-plan-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-plan-deck .commerce-pricing-card{min-height:236px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head select" "allowance allowance" "price price" "derived derived" "action action" "reason reason";padding:var(--space-md)}.commerce-plan-deck .commerce-pricing-card+.commerce-pricing-card{border-top:0;border-inline-start:var(--rule-hair) solid var(--color-login-rule)}.commerce-plan-deck .commerce-plan-derived{min-height:1.5em;justify-self:start;text-align:start}.commerce-plan-allowance strong{font-size:clamp(var(--text-2xl),3.5vw,3rem)}}@media(prefers-reduced-motion:reduce){.commerce-membership-gallery-item img{transition:none}}.commerce-workspace-dialog{--color-membership-accent: oklch(67% .17 255);--color-membership-accent-soft: oklch(67% .17 255 / .16);width:calc(100% - 88px);max-width:none;height:100dvh;max-height:100dvh;margin:0 0 0 88px;border:0;border-radius:0;overflow:hidden;will-change:transform,opacity}.commerce-workspace-dialog::backdrop{background:var(--color-login-clear)}.commerce-workspace-dialog.is-loading,.commerce-workspace-dialog.is-motion-ready{opacity:0}.commerce-workspace-dialog.is-loading{pointer-events:none}.commerce-workspace{position:relative;isolation:isolate;overflow:hidden;grid-template-rows:64px 64px minmax(0,1fr)}.commerce-workspace[data-commerce-motion-root=true]{visibility:hidden;will-change:transform,opacity}.commerce-entry-curtain{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;background:var(--color-login-canvas);pointer-events:none;transform:scaleX(0);transform-origin:100% 50%;will-change:transform}.commerce-page-head{position:relative;z-index:5;inset:auto;width:100%;min-height:64px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;border:0;border-bottom:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-canvas);padding:0 clamp(var(--space-md),3.6vw,var(--space-xl));pointer-events:auto}.commerce-page-head>div{display:block}.commerce-page-head>div>p{display:none}.commerce-page-head .commerce-dialog-close{pointer-events:auto}.commerce-workspace-tabs{position:relative;display:flex;min-height:64px;align-items:center;justify-content:center;border-bottom:0;background:var(--color-login-canvas);padding:0 72px}.commerce-purchase-tabs{display:grid;grid-template-columns:repeat(4,minmax(84px,104px));height:52px;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-control);background:var(--color-login-control)}.commerce-workspace-tabs .commerce-purchase-tabs button{position:relative;min-width:0;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--color-login-muted);font-size:var(--text-sm);letter-spacing:.04em}.commerce-purchase-tabs button+button{border-inline-start:var(--rule-hair) solid var(--color-login-rule)}.commerce-workspace-tabs .commerce-purchase-tabs button.is-active{background:var(--color-membership-accent-soft);color:var(--color-membership-accent);box-shadow:inset 0 0 0 var(--rule-hair) color-mix(in srgb,var(--color-membership-accent) 45%,transparent)}.commerce-dialog-body{display:flex;flex-direction:column;padding:0;overflow:hidden}.commerce-plan-comparison{height:100%;min-height:0}.commerce-dialog-body>.commerce-tab-panel:not([hidden]){flex:1 1 auto;min-height:0}#commerce-workspace-panel-plans{height:100%;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.commerce-membership-configurator{display:grid;height:100%;min-height:0;overflow:hidden;border:0;border-radius:0;background:var(--color-login-canvas)}.commerce-membership-stage{position:relative;min-width:0;min-height:0;isolation:isolate;overflow:hidden;background:var(--color-login-surface-2)}.commerce-membership-stage:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:var(--color-login-scrim-strong);content:"";pointer-events:none}.commerce-membership-stage-media-stack{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden}.commerce-membership-stage-media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04) brightness(.82);opacity:1;visibility:visible;will-change:transform,opacity}.commerce-membership-stage-media.is-active{opacity:1;visibility:visible}.commerce-membership-stage-content{position:relative;z-index:2;display:grid;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;align-items:start;padding:clamp(var(--space-md),3.6vw,var(--space-xl))}.commerce-membership-stage-content>h3{margin:0;color:var(--color-login-ink);font-family:var(--font-display);font-size:clamp(var(--text-lg),1.8vw,2rem);font-weight:var(--display-weight);letter-spacing:var(--tracking-display);text-align:center}.commerce-usage-carousel{display:grid;width:100%;min-height:0;align-items:center;align-self:stretch;perspective:960px;overflow:hidden}.commerce-usage-carousel-track{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(200px,1.35fr) minmax(0,1fr);align-items:center;gap:var(--space-xs);transform-style:preserve-3d;will-change:transform}.commerce-workspace .commerce-usage-option{position:relative;display:grid;min-width:0;min-height:188px;place-content:center;justify-items:center;gap:var(--space-xs);border:0;background:transparent;color:var(--color-login-muted);padding:var(--space-sm);backface-visibility:hidden;transform-style:preserve-3d;transition:color var(--dur-short) var(--ease-out)}.commerce-usage-option>span{font-size:var(--text-sm)}.commerce-usage-option>strong{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4.6vw,4rem);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.04em;line-height:.95}.commerce-usage-option>svg{position:absolute;top:50%;color:var(--color-membership-accent);transform:translateY(-50%)}.commerce-usage-option.is-previous>svg{left:0}.commerce-usage-option.is-next>svg{right:0}.commerce-workspace .commerce-usage-option.is-selected{color:var(--color-login-ink);cursor:default;will-change:transform,opacity}.commerce-usage-option.is-selected>strong{font-size:clamp(4.5rem,8vw,7rem)}.commerce-usage-option.is-selected>small{color:var(--color-login-muted);font-size:var(--text-md)}.commerce-usage-option.is-selected>.commerce-selection-line{display:block;width:42px;height:var(--rule-fine);flex:none;border-radius:var(--radius-pill);background:var(--color-membership-accent);font-size:0;line-height:0;transform-origin:50% 50%}.commerce-usage-option:disabled{opacity:.3}.commerce-membership-stage .commerce-shared-capabilities{display:block;width:100%;max-width:880px;justify-self:center;overflow:hidden;border:var(--rule-hair) solid var(--color-login-rule);border-radius:var(--radius-card);background:var(--color-login-control)}.commerce-membership-stage .commerce-shared-capabilities ul{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.commerce-membership-stage .commerce-shared-capabilities li{min-height:64px;border:0;color:var(--color-login-muted)}.commerce-membership-stage .commerce-shared-capabilities-title{grid-column:1 / -1;color:var(--color-login-ink)}.commerce-membership-stage .commerce-shared-capabilities-title strong{font-family:var(--font-display);font-size:var(--text-sm);line-height:1.2;letter-spacing:var(--tracking-label)}.commerce-membership-stage .commerce-shared-capabilities li svg{color:var(--color-login-ink)}.commerce-membership-summary{display:grid;min-width:0;grid-auto-flow:row;grid-auto-rows:max-content;align-content:center;justify-items:stretch;gap:var(--space-md);border-top:var(--rule-hair) solid var(--color-login-rule);background:var(--color-login-surface-2);padding:clamp(var(--space-md),3vw,var(--space-xl));will-change:transform,opacity}.commerce-membership-summary>*{min-width:0}.commerce-membership-summary .commerce-plan-price,.commerce-membership-summary .commerce-plan-allowance,.commerce-membership-summary .commerce-plan-derived,.commerce-membership-summary .commerce-card-action,.commerce-membership-summary .commerce-card-reason{grid-area:auto;align-self:auto;justify-self:stretch}.commerce-membership-summary>header{display:grid;gap:var(--space-3xs);border-bottom:var(--rule-hair) solid var(--color-login-rule);padding-bottom:var(--space-md)}.commerce-membership-summary>header small{color:var(--color-login-muted);font-size:var(--text-xs)}.commerce-membership-summary>header strong{font-family:var(--font-display);font-size:clamp(var(--text-xl),2.2vw,var(--text-3xl));white-space:nowrap}.commerce-membership-summary .commerce-plan-price{display:flex;align-items:baseline;gap:var(--space-2xs);border-bottom:var(--rule-hair) solid var(--color-login-rule);padding:var(--space-xs) 0 var(--space-md)}.commerce-membership-summary .commerce-plan-price>strong{font-size:clamp(var(--text-3xl),3.2vw,3.5rem)}.commerce-membership-summary .commerce-plan-allowance{display:flex;align-items:baseline;gap:var(--space-2xs);padding:0}.commerce-membership-summary .commerce-plan-allowance strong{font-size:var(--text-2xl)}.commerce-membership-summary .commerce-plan-derived{min-height:0;margin:calc(-1 * var(--space-xs)) 0 0}.commerce-plan-output-estimate{display:grid;gap:var(--space-3xs);padding:var(--space-sm) 0;border-block:var(--rule-hair) solid var(--color-login-rule)}.commerce-plan-output-estimate>span,.commerce-plan-output-estimate>small{color:var(--color-login-muted);font-size:var(--text-xs);line-height:1.55}.commerce-plan-output-estimate>strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2xs);color:var(--color-login-ink);font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:600}.commerce-plan-output-estimate>strong small{color:var(--color-login-muted);font-size:var(--text-xs);font-weight:400}.commerce-membership-summary-note{margin:0;color:var(--color-login-muted);font-size:var(--text-xs);line-height:1.6}.commerce-workspace .commerce-membership-summary .commerce-card-action{width:100%;min-height:52px;margin-top:var(--space-xs);border-color:var(--color-membership-accent);background:var(--color-membership-accent);color:var(--color-login-canvas)}@keyframes commerce-usage-enter{0%{opacity:.35;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes commerce-media-enter{0%{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(hover:hover)and (pointer:fine){.commerce-workspace .commerce-usage-option:not(.is-selected):not(:disabled):hover{color:var(--color-login-ink);transform:translateY(-2px)}}@media screen and (min-width:48rem){.commerce-membership-stage .commerce-shared-capabilities ul{grid-template-columns:repeat(5,minmax(0,1fr))}.commerce-membership-stage .commerce-shared-capabilities-title{grid-column:auto}.commerce-membership-stage .commerce-shared-capabilities li+li{border-inline-start:var(--rule-hair) solid var(--color-login-rule)}}@media screen and (min-width:60rem){.commerce-workspace-tabs{padding-inline:0 356px}.commerce-membership-configurator{grid-template-columns:minmax(0,1fr) 356px}.commerce-membership-summary{border-top:0;border-inline-start:var(--rule-hair) solid var(--color-login-rule)}}@media screen and (max-width:47.999rem){.commerce-workspace-dialog{width:100%;margin:0;border:0}.commerce-workspace{grid-template-rows:56px 60px minmax(0,1fr)}.commerce-page-head{min-height:56px}.commerce-workspace-tabs{min-height:60px;overflow:hidden;padding:0 var(--space-xs)}.commerce-purchase-tabs{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-workspace-tabs .commerce-purchase-tabs button{min-width:0;font-size:var(--text-sm)}.commerce-dialog-body{overflow-y:auto}#commerce-workspace-panel-plans{height:auto;overflow:visible}.commerce-membership-configurator,.commerce-membership-stage,.commerce-membership-stage-content{min-height:620px}.commerce-membership-stage-content{padding:var(--space-md) var(--space-sm) var(--space-sm)}.commerce-usage-carousel-track{grid-template-columns:minmax(68px,.65fr) minmax(150px,1.7fr) minmax(68px,.65fr);gap:0}.commerce-workspace .commerce-usage-option{min-height:176px;padding-inline:var(--space-3xs)}.commerce-usage-option:not(.is-selected)>span{display:none}.commerce-usage-option:not(.is-selected)>strong{font-size:var(--text-xl)}.commerce-usage-option.is-selected>strong{font-size:clamp(3.5rem,18vw,5rem)}.commerce-usage-option.is-selected>small{font-size:var(--text-xs)}.commerce-membership-stage .commerce-shared-capabilities li{min-height:48px;font-size:.68rem}.commerce-membership-summary{min-height:360px}}@media(prefers-reduced-motion:reduce){.commerce-workspace-dialog,.commerce-workspace[data-commerce-motion-root=true],.commerce-entry-curtain,.commerce-membership-stage-media,.commerce-usage-carousel-track,.commerce-workspace .commerce-usage-option.is-selected,.commerce-membership-summary,.commerce-qr-payment,.commerce-qr-code{animation:none;transition:none;will-change:auto}.commerce-workspace .commerce-usage-option{transition:none}}body.has-legal-page{overflow:hidden;background:var(--color-paper)}.legal-loading{display:grid;min-height:100dvh;place-items:center;background:var(--color-paper);color:var(--color-muted);font-family:var(--font-body)}.legal-page{--legal-link: oklch(46% .11 250);height:100dvh;overflow-y:auto;scroll-behavior:smooth;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)}[data-theme=dark] .legal-page{--legal-link: oklch(76% .08 250)}.legal-skip-link{position:fixed;inset:12px auto auto 12px;z-index:2;padding:10px 14px;border-radius:var(--radius-input);background:var(--color-focus);color:var(--color-accent-ink);font-weight:700;transform:translateY(-150%)}.legal-skip-link:focus{transform:translateY(0)}.legal-header{position:sticky;inset-block-start:0;z-index:1;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);padding:12px clamp(var(--space-md),4vw,var(--space-2xl))}.legal-brand-link{display:inline-flex;min-width:0;align-items:center;gap:var(--space-sm);color:var(--color-ink);text-decoration:none}.legal-header .app-brand.is-login img{width:124px;height:36px}.legal-brand-link>span{padding-inline-start:var(--space-sm);border-inline-start:var(--rule-hair) solid var(--color-rule-strong);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}.legal-back-link{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);background:transparent;color:var(--color-ink);padding:0 16px;cursor:pointer;font:inherit;text-decoration:none}.legal-back-link:hover{background:var(--color-hover-surface)}.legal-back-link:active{transform:translateY(1px)}.legal-page a:focus-visible,.legal-back-link:focus-visible,.legal-toc summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.legal-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:var(--space-lg) 0 var(--space-3xl)}.legal-document-switcher{display:flex;width:100%;gap:clamp(var(--space-sm),3vw,var(--space-lg));overflow-x:auto;border-bottom:var(--rule-hair) solid var(--color-rule);scrollbar-width:none}.legal-document-switcher::-webkit-scrollbar{display:none}.legal-document-switcher a{position:relative;flex:0 0 auto;padding:0 0 var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap}.legal-document-switcher a:hover,.legal-document-switcher a[aria-current=page]{color:var(--color-ink)}.legal-document-switcher a[aria-current=page]:after{position:absolute;inset:auto 0 -1px;height:2px;background:var(--color-ink);content:""}.legal-title-block{max-width:760px;padding:clamp(var(--space-xl),7vw,var(--space-3xl)) 0 var(--space-xl)}.legal-title-block p{margin:0 0 var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);font-weight:700}.legal-title-block h1{margin:0;font-family:var(--font-display);font-size:clamp(2.25rem,5vw,4.25rem);font-weight:var(--display-weight);letter-spacing:var(--tracking-display);line-height:1.08}.legal-title-block span{display:block;max-width:48rem;margin-top:var(--space-md);color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.75}.legal-reading-layout{display:grid;grid-template-columns:220px minmax(0,760px);justify-content:space-between;gap:clamp(var(--space-xl),7vw,var(--space-3xl));align-items:start}.legal-reading-layout>aside{position:sticky;inset-block-start:104px;max-height:calc(100dvh - 128px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.legal-toc strong,.legal-toc summary{color:var(--color-ink);font-size:var(--text-sm);font-weight:700}.legal-toc ol{display:grid;gap:10px;margin:var(--space-sm) 0 0;padding:0;list-style:none}.legal-toc a{display:block;overflow-wrap:anywhere;color:var(--color-muted);font-size:13px;line-height:1.45;text-decoration:none}.legal-toc a:hover{color:var(--legal-link)}.legal-toc-mobile{display:none}.legal-document{min-width:0;color:var(--color-ink-2);font-size:16px;line-height:1.9}.legal-document>:first-child{margin-top:0}.legal-document h2,.legal-document h3{scroll-margin-top:104px;color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.015em}.legal-document h2{margin:var(--space-2xl) 0 var(--space-md);font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.3}.legal-document h3{margin:var(--space-xl) 0 var(--space-sm);font-size:var(--text-xl);line-height:1.4}.legal-document p,.legal-document ul,.legal-document ol,.legal-document blockquote,.legal-document table{margin:0 0 var(--space-md)}.legal-document ul,.legal-document ol{padding-inline-start:1.4em}.legal-document li+li{margin-top:var(--space-2xs)}.legal-document strong{color:var(--color-ink);font-weight:700}.legal-document a,.legal-footer a{color:var(--legal-link);text-underline-offset:3px}.legal-document blockquote{border-inline-start:3px solid var(--legal-link);padding-inline-start:var(--space-md);color:var(--color-ink)}.legal-document table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--text-sm);line-height:1.65}.legal-document th,.legal-document td{min-width:140px;border-bottom:var(--rule-hair) solid var(--color-rule);padding:12px 14px;text-align:start;vertical-align:top}.legal-document th{background:var(--color-paper-2);color:var(--color-ink);font-weight:700}.legal-document hr{margin:var(--space-xl) 0;border:0;border-top:var(--rule-hair) solid var(--color-rule)}.legal-footer{display:flex;width:min(1180px,calc(100% - 40px));align-items:center;justify-content:space-between;gap:var(--space-md);margin:0 auto;border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);padding:var(--space-lg) 0;font-size:var(--text-sm)}@media(max-width:860px){.legal-main,.legal-footer{width:min(100% - 32px,760px)}.legal-reading-layout{display:block}.legal-reading-layout>aside{display:none}.legal-toc-mobile{display:block;margin:0 0 var(--space-xl);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);padding:var(--space-sm)}.legal-toc-mobile summary{min-height:28px;cursor:pointer}.legal-toc-mobile ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px var(--space-md);padding-top:var(--space-xs)}}@media(max-width:540px){.legal-header{min-height:64px;padding:10px 16px}.legal-header .app-brand.is-login img{width:100px;height:30px}.legal-brand-link>span{display:none}.legal-back-link{width:44px;justify-content:center;padding:0;font-size:0}.legal-main{width:calc(100% - 32px);padding-top:var(--space-md)}.legal-title-block{padding:var(--space-xl) 0 var(--space-lg)}.legal-title-block h1{overflow-wrap:anywhere;font-size:clamp(2rem,9vw,2.5rem)}.legal-title-block span{font-size:var(--text-md)}.legal-toc-mobile ol{grid-template-columns:minmax(0,1fr)}.legal-document{font-size:15px;line-height:1.85}.legal-document h2{margin-top:var(--space-xl)}.legal-footer{width:calc(100% - 32px);align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.legal-page{scroll-behavior:auto}.legal-back-link:active{transform:none}}body.has-activity-page{min-width:320px;overflow-x:clip;overflow-y:auto;background:#0c0f12;color:var(--color-login-ink)}.activity-page{--activity-accent: oklch(64% .105 34);--activity-accent-soft: oklch(75% .07 49);--activity-paper: oklch(93% .006 240);--activity-ink: oklch(16% .008 240);position:relative;isolation:isolate;min-height:100dvh;overflow:clip;background:#07090b;color:var(--color-login-ink)}.activity-page:before{position:absolute;z-index:-2;inset:0 0 auto;height:820px;background:linear-gradient(180deg,#0c0f1233,#07090b 92%),linear-gradient(90deg,#0c0f12c7,#0c0f122e 58%,#0c0f129e),url(/login-media/olo-space-pool.png) center 48% / cover no-repeat;content:"";filter:saturate(.22) contrast(1.06) brightness(.64);opacity:.9;transform:scale(1.01)}.activity-page:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0 600px,oklch(14% .006 240) 820px);content:"";pointer-events:none}.activity-page-header{display:flex;width:min(1320px,calc(100% - 40px));min-height:76px;align-items:center;justify-content:space-between;gap:var(--space-md);margin:0 auto;border-bottom:1px solid rgb(229 232 235 / 16%)}.activity-page-header>a{color:inherit;text-decoration:none}.activity-page-header nav{display:flex;gap:var(--space-md)}.activity-page-header nav a{display:inline-flex;min-height:44px;align-items:center;color:color-mix(in oklch,var(--color-login-ink) 62%,transparent);font-size:var(--text-sm);text-decoration:none;transition:color var(--dur-short) var(--ease-out)}.activity-page :is(a,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.activity-page main{width:min(1320px,calc(100% - 40px));margin:0 auto;padding-bottom:var(--space-3xl)}.activity-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(36px,6vw,86px);min-height:590px;overflow:hidden;margin-top:18px;border-radius:18px;border:1px solid rgb(229 232 235 / 14%);background:#0f1214;box-shadow:0 28px 90px #03070c52;padding:clamp(34px,6vw,82px)}.activity-hero:before{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0e1114f5,#0e1114d1 44%,#0e111461),url(/login-media/olo-space-pool.png) 72% 54% / cover no-repeat;content:"";filter:grayscale(.72) saturate(.45) contrast(1.08) brightness(.78);opacity:.96}.activity-hero:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 88% 82%,color-mix(in oklch,var(--activity-accent) 34%,transparent) 0%,transparent 34%);content:""}.activity-hero-copy{position:relative;z-index:1}.activity-kicker{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--activity-accent-soft);font-family:var(--font-outlier);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em}.activity-hero h1{max-width:none;margin:var(--space-sm) 0;color:var(--activity-paper);font-family:var(--font-display);font-size:clamp(48px,4.5vw,68px);font-weight:620;line-height:1;letter-spacing:-.06em}.activity-hero-copy>p{max-width:600px;margin:0;color:color-mix(in oklch,var(--activity-paper) 76%,transparent);font-size:clamp(16px,1.5vw,19px);font-weight:560;line-height:1.65}.activity-ended,.activity-ineligible{display:block;max-width:620px;margin-top:var(--space-md);color:var(--activity-accent-soft);font-size:var(--text-sm);line-height:1.6}.activity-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-lg)}.activity-actions :is(a,button){display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:var(--space-2xs);border:1px solid rgb(229 232 235 / 24%);border-radius:11px;background:#0d101375;color:var(--activity-paper);padding:0 var(--space-sm);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background var(--dur-short) var(--ease-out)}.activity-actions .activity-primary{border-color:var(--activity-accent);background:var(--activity-accent);color:var(--activity-ink)}.activity-actions :is(a,button):active{transform:translateY(1px)}.activity-copy-action{position:relative;display:inline-flex}.activity-copy-notice{position:absolute;top:50%;left:calc(100% + 10px);z-index:2;border:1px solid rgb(229 232 235 / 18%);border-radius:9px;background:#0d1013f0;color:var(--activity-paper, var(--color-login-ink));padding:8px 11px;font-size:var(--text-xs);font-weight:700;line-height:1;pointer-events:none;white-space:nowrap;animation:activity-copy-notice 1.8s var(--ease-out) forwards}.activity-copy-notice.is-error{color:var(--activity-accent-soft, var(--color-danger))}@keyframes activity-copy-notice{0%{opacity:0;transform:translate(4px,-50%)}14%,68%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(4px,-50%)}}.activity-discount-poster{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;transform:rotate(1deg)}.activity-discount-poster>div{display:grid;align-content:space-between;min-height:138px;overflow:hidden;border-radius:16px;background:var(--activity-paper);color:var(--activity-ink);padding:var(--space-md);transition:transform var(--dur-short) var(--ease-out)}.activity-discount-poster>div:first-child{grid-row:1 / 3;min-height:288px;background:var(--activity-accent);color:var(--activity-ink)}.activity-discount-poster>div:last-child{background:#131719;color:var(--activity-paper)}.activity-discount-poster span{color:currentColor;font-size:var(--text-sm);opacity:.68}.activity-discount-poster strong{color:currentColor;font-family:var(--font-display);font-size:clamp(42px,5vw,66px);font-weight:650;letter-spacing:-.055em}.activity-discount-poster>div:first-child strong{font-size:clamp(60px,7vw,92px)}.activity-discount-poster small{color:currentColor;font-weight:700;opacity:.72}.activity-prices{padding:clamp(84px,10vw,132px) 0}.activity-prices>header{max-width:700px}.activity-prices h2{margin:0 0 var(--space-2xs);font-family:var(--font-display);font-size:clamp(38px,5vw,62px);font-weight:560;letter-spacing:-.05em}.activity-prices>header p{color:color-mix(in oklch,var(--color-login-ink) 55%,transparent);line-height:1.7}.activity-price-groups{display:grid;grid-template-columns:1.08fr .9fr 1.02fr;align-items:start;gap:18px;margin-top:var(--space-xl)}.activity-price-groups>section{overflow:hidden;border-top:3px solid var(--activity-accent);background:transparent;padding:var(--space-md) 0 0}.activity-price-groups>section:nth-child(2){margin-top:54px}.activity-price-groups>section:nth-child(3){margin-top:18px}.activity-price-groups h3{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2xs);margin:0 0 var(--space-sm)}.activity-price-groups article{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-sm) 0;border-bottom:1px solid rgb(229 232 235 / 14%)}.activity-price-groups article:last-child{border-bottom:0}.activity-price-groups article>div:first-child{display:grid;gap:var(--space-3xs)}.activity-price-groups article small{color:color-mix(in oklch,var(--color-login-ink) 48%,transparent);font-style:normal}.activity-product-price{display:grid;justify-items:end;gap:var(--space-3xs)}.activity-product-price del{color:color-mix(in oklch,var(--color-login-ink) 42%,transparent);font-size:var(--text-sm)}.activity-product-price>strong{font-size:var(--text-xl)}.activity-referral-rules{overflow:hidden;border:1px solid rgb(229 232 235 / 14%);border-radius:18px;background:#0f1214;color:var(--activity-paper)}.activity-referral-rules>header{display:grid;max-width:720px;gap:var(--space-xs);padding:clamp(30px,5vw,64px)}.activity-referral-rules>header div{display:flex;align-items:center;gap:var(--space-xs)}.activity-referral-rules>header svg{color:var(--activity-accent-soft)}.activity-referral-rules h2{margin:0;font-family:var(--font-display);font-size:clamp(34px,4.2vw,54px);font-weight:560;letter-spacing:-.045em}.activity-referral-rules>header p{margin:0;color:color-mix(in oklch,var(--activity-paper) 64%,transparent);font-size:clamp(15px,1.3vw,18px);line-height:1.7}.activity-referral-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);margin:0 clamp(18px,3vw,40px);border-radius:16px;background:#080a0c}.activity-referral-highlight{display:grid;min-height:330px;align-content:space-between;border-radius:16px;background:var(--activity-accent);color:var(--activity-ink);padding:clamp(26px,4vw,48px)}.activity-referral-highlight span{font-size:var(--text-sm);font-weight:750}.activity-referral-highlight strong{font-family:var(--font-display);font-size:clamp(78px,10vw,132px);font-weight:650;line-height:.82;letter-spacing:-.07em}.activity-referral-highlight small{max-width:220px;color:color-mix(in oklch,var(--activity-ink) 68%,transparent);font-size:var(--text-sm);font-weight:650;line-height:1.5}.activity-referral-path{display:grid;align-content:center;padding:clamp(26px,4vw,52px)}.activity-referral-path article{display:grid;grid-template-columns:minmax(132px,.72fr) minmax(180px,1fr);gap:var(--space-2xs) var(--space-md);padding:var(--space-md) 0}.activity-referral-path article+article{border-top:1px solid rgb(229 232 235 / 14%)}.activity-referral-path article>span{grid-row:1 / 3;color:color-mix(in oklch,var(--activity-paper) 46%,transparent);font-size:var(--text-sm)}.activity-referral-path article>strong{font-size:clamp(19px,2vw,26px)}.activity-referral-path article>p{max-width:520px;margin:0;color:color-mix(in oklch,var(--activity-paper) 58%,transparent);line-height:1.6}.activity-referral-rules>footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:var(--space-md);padding:clamp(24px,4vw,40px)}.activity-referral-rules>footer div{display:grid;gap:var(--space-3xs)}.activity-referral-rules>footer div+div{border-left:1px solid rgb(229 232 235 / 14%);padding-left:var(--space-md)}.activity-referral-rules>footer strong{font-size:var(--text-lg)}.activity-referral-rules>footer span{color:color-mix(in oklch,var(--activity-paper) 48%,transparent);font-size:var(--text-sm);line-height:1.45}.activity-referral-rules>footer a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2xs);border:1px solid rgb(229 232 235 / 22%);border-radius:11px;color:var(--activity-paper);padding:0 var(--space-sm);font-weight:700;text-decoration:none;transition:background var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.activity-referral-rules>footer a:hover{background:#e5e8eb14}.activity-referral-rules>footer a:active{transform:translateY(1px)}.activity-page-state{display:grid;min-height:100dvh;place-content:center;justify-items:center;gap:var(--space-xs);background:#0c0f12;color:var(--color-login-ink);text-align:center}.activity-page-state :is(a,button){display:inline-flex;min-height:44px;align-items:center;border:0;background:transparent;color:var(--color-login-ink);padding:0 12px;font:inherit;font-weight:700}.app-navigation-center{position:absolute;width:min(47.5vw,1200px);top:16px;left:50%;display:flex;min-width:0;align-items:center;justify-content:center;transform:translate(-50%)}.activity-home-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;width:min(100%,1200px);min-height:48px;align-items:center;gap:14px;overflow:hidden;border:1px solid rgb(229 232 235 / 18%);border-radius:12px;background:linear-gradient(108deg,#bd6e5b,#ba836e 36%,#654c44fa,#17191bf5 36%,#111416f5);background-clip:padding-box;box-shadow:0 12px 34px #02070c52,inset 0 1px #ffffff1f;color:#e4e8eb;padding:5px 6px 5px 16px;text-decoration:none;animation:activity-banner-enter .48s var(--ease-out) both;transition:filter var(--dur-short),transform var(--dur-short) var(--ease-out)}.activity-home-banner>span{position:relative;z-index:1}.activity-home-banner:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.activity-home-copy{min-width:0}.activity-home-copy strong{display:block;overflow:hidden;font-size:var(--text-sm);font-weight:760;text-overflow:ellipsis;white-space:nowrap}.activity-home-action{display:inline-flex;min-height:36px;align-items:center;gap:7px;border-radius:9px;background:#dee2e5;color:#0a0e10;padding:0 12px;font-size:12px;font-weight:760;white-space:nowrap}@keyframes activity-banner-enter{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}.growth-bank-section{display:grid;gap:var(--space-md);border-top:1px solid var(--color-rule);padding:var(--space-md)}.growth-bank-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.growth-bank-form>label:not(.growth-consent),.growth-bank-card-field{display:grid;gap:var(--space-2xs);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600}.growth-bank-form input:not([type=checkbox]){width:100%;min-width:0;height:44px;border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:0 12px;font:inherit}.growth-bank-form input:focus-visible{border-color:var(--color-focus);outline:2px solid var(--color-focus-soft)}.growth-bank-card-control{position:relative;display:block}.growth-bank-form .growth-bank-card-control input{padding-right:48px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.growth-bank-card-reveal{position:absolute;top:4px;right:4px;bottom:4px;display:inline-flex;width:36px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-muted);padding:0;touch-action:none;-webkit-user-select:none;user-select:none}.growth-bank-card-reveal[aria-pressed=true]{color:var(--color-ink)}.growth-bank-card-reveal:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.growth-consent{display:flex;grid-column:1 / -1;min-height:44px;align-items:flex-start;gap:var(--space-2xs);color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.55}.growth-consent input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--color-accent)}.growth-consent a{color:var(--color-accent)}.growth-form-actions{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:var(--space-sm)}.growth-form-message{min-height:24px;color:var(--color-muted);font-size:var(--text-sm)}.growth-form-message.is-error{color:var(--color-danger)}.growth-form-message.is-success{color:var(--color-success)}.growth-rewards-center{display:grid;gap:20px;min-height:100%;padding:clamp(20px,3vw,32px)}.growth-rewards-warning{display:flex;align-items:center;gap:var(--space-3xs);margin:0;color:var(--color-danger);font-size:var(--text-sm);font-weight:700}.growth-rewards-balance{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);align-items:stretch;gap:0;overflow:hidden;border:1px solid var(--color-rule);border-radius:16px;background:color-mix(in oklch,var(--color-paper-2) 78%,transparent)}.growth-rewards-balance-copy{display:grid;justify-items:start;gap:4px}.growth-rewards-balance-copy{align-content:center;padding:clamp(22px,3vw,34px)}.growth-rewards-balance-copy>span{color:var(--color-muted);font-size:var(--text-sm)}.growth-rewards-balance-copy h4{margin:0;font-size:clamp(32px,5vw,48px);font-weight:650;letter-spacing:-.04em}.growth-rewards-balance-copy p{margin:2px 0 0;color:var(--color-muted);font-size:var(--text-sm)}.growth-reward-options{display:grid;border-inline-start:1px solid var(--color-rule);background:var(--color-paper)}.growth-reward-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:10px 16px;min-height:112px;padding:18px 22px}.growth-reward-option+.growth-reward-option{border-block-start:1px solid var(--color-rule)}.growth-reward-option>div:first-child{display:grid;gap:4px}.growth-reward-option>div:first-child>span{color:var(--color-muted);font-size:var(--text-sm)}.growth-reward-option .growth-consent{grid-column:1 / -1;min-height:auto}.growth-reward-option .account-primary-button,.growth-reward-option .growth-secondary-button{min-width:148px}.growth-secondary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2xs);border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:0 var(--space-sm);font:inherit;font-weight:700}.growth-secondary-button:disabled{cursor:not-allowed;opacity:.45}.growth-conversion-confirm{display:grid;grid-column:1 / -1;gap:10px}.growth-conversion-confirm p{margin:0;color:var(--color-ink-2);font-size:var(--text-sm)}.growth-conversion-confirm>span{display:flex;justify-content:flex-end;gap:var(--space-2xs)}.growth-conversion-confirm>span>button:first-child{min-height:44px;border:0;background:transparent;color:var(--color-muted);padding:0 var(--space-xs);font:inherit;font-weight:700}.growth-withdraw-control{position:relative;display:inline-flex;border-radius:var(--radius-input)}.growth-withdraw-control:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.growth-withdraw-tooltip{position:absolute;right:0;bottom:calc(100% + 8px);z-index:2;width:max-content;max-width:240px;border:1px solid var(--color-rule-strong);border-radius:6px;background:var(--color-paper);box-shadow:var(--shadow-panel);color:var(--color-ink-2);padding:7px 10px;font-size:var(--text-xs);line-height:1.45;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out);visibility:hidden}.growth-withdraw-control:hover .growth-withdraw-tooltip,.growth-withdraw-control:focus-within .growth-withdraw-tooltip{opacity:1;transform:translateY(0);visibility:visible}.growth-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-block:1px solid var(--color-rule)}.growth-summary-grid>div{display:grid;gap:var(--space-xs);border-right:1px solid var(--color-rule);padding:16px}.growth-summary-grid>div:last-child{border-right:0}.growth-summary-grid dt{display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-sm)}.growth-summary-grid dd{margin:0;font-size:var(--text-xl);font-weight:700}.growth-summary-grid dd small{margin-left:4px;color:var(--color-muted);font-size:var(--text-xs);font-weight:500}.growth-milestone{margin:0;border-left:2px solid var(--color-ink);padding-left:12px;color:var(--color-ink-2);font-size:var(--text-sm)}.growth-share-block{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-sm)}.growth-share-block h4,.growth-share-block p{margin:0}.growth-share-block p{margin-top:4px;color:var(--color-muted);font-size:var(--text-sm)}.growth-share-block button{display:inline-flex;height:44px;align-items:center;justify-content:center;gap:var(--space-2xs);border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink);padding:0 var(--space-sm);font-weight:700}.growth-bank-profile-link{min-height:44px;margin-top:var(--space-2xs);border:0;background:transparent;color:var(--color-accent);padding:0;font:inherit;font-weight:700;text-align:left;cursor:pointer}.growth-detail-view{border-top:1px solid var(--color-rule)}.growth-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--color-rule)}.growth-detail-tabs button{position:relative;display:flex;min-width:0;min-height:58px;align-items:center;justify-content:space-between;gap:var(--space-xs);border:0;background:transparent;color:var(--color-muted);padding:0 16px;font:inherit;font-weight:700;text-align:left}.growth-detail-tabs button:after{position:absolute;right:16px;bottom:-1px;left:16px;height:2px;background:currentColor;content:"";transform:scaleX(0);transform-origin:left;transition:transform var(--dur-short) var(--ease-out)}.growth-detail-tabs button[aria-pressed=true]{color:var(--color-ink)}.growth-detail-tabs button[aria-pressed=true]:after{transform:scaleX(1)}.growth-detail-tabs button small{color:inherit;font-size:var(--text-sm);font-weight:500}.growth-detail-content{min-height:88px;padding-top:var(--space-2xs)}.growth-detail-content>p{margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.growth-rewards-center h4{margin:0 0 var(--space-2xs)}.growth-rewards-center ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.growth-rewards-center li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:56px;border-bottom:1px solid var(--color-rule)}.growth-rewards-center li>span{display:grid;gap:var(--space-3xs)}.growth-rewards-center li small,.growth-rewards-center section>p{color:var(--color-muted);font-size:var(--text-sm)}.growth-rewards-center li em{color:var(--color-ink);font-size:var(--text-sm);font-style:normal;font-weight:700}.growth-center-state{display:flex;min-height:300px;align-items:center;justify-content:center;gap:var(--space-2xs);color:var(--color-muted);padding:var(--space-md)}.commerce-promotion-attribution{display:inline-grid;width:min(100%,300px);gap:10px}.commerce-plan-price .commerce-promotion-discount{justify-self:start;color:var(--color-success);font-size:var(--text-sm);line-height:1;letter-spacing:.06em}.commerce-promotion-prices{display:grid;margin:0;border-block:var(--rule-hair) solid var(--color-login-rule)}.commerce-promotion-prices>div{display:grid;min-height:36px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--space-sm);padding:8px 0}.commerce-promotion-prices>div+div{border-top:var(--rule-hair) solid var(--color-login-rule)}.commerce-promotion-prices :is(dt,dd){margin:0}.commerce-promotion-prices dt{color:var(--color-muted);font-size:var(--text-xs);font-weight:500}.commerce-promotion-prices del{color:var(--color-muted);font-weight:500}.commerce-promotion-prices del,.commerce-promotion-prices .is-current strong{font-size:clamp(24px,3vw,34px)}.commerce-promotion-prices .is-current strong{color:var(--color-ink);letter-spacing:-.03em}.commerce-plan-price>.commerce-promotion-attribution+small{display:none}.commerce-promotion-attribution.is-compact{width:min(100%,220px);gap:var(--space-3xs)}.commerce-promotion-attribution.is-compact .commerce-promotion-discount{font-size:var(--text-xs)}.commerce-promotion-attribution.is-compact .commerce-promotion-prices>div{min-height:30px;padding:5px 0}.commerce-promotion-attribution.is-compact .commerce-promotion-prices :is(del,.is-current strong){font-size:var(--text-lg)}.commerce-payment-amount .commerce-promotion-attribution{justify-self:center;text-align:left}.account-purchase-amount .commerce-promotion-attribution{justify-self:end}@media(hover:hover)and (pointer:fine){.activity-page-header nav a:hover{color:var(--activity-accent)}.activity-discount-poster>div:hover{transform:translateY(-4px)}.activity-home-banner:hover{filter:brightness(1.05);transform:translateY(-1px) scale(1.004)}}@media(max-width:800px){.app-navigation-center{width:auto;inset:70px 12px auto;transform:none}.activity-home-banner{width:100%}.activity-hero{grid-template-columns:1fr;min-height:auto;gap:var(--space-lg);padding:var(--space-xl)}.activity-discount-poster{grid-template-columns:1.05fr .95fr;grid-template-rows:repeat(2,minmax(0,1fr));transform:none}.activity-discount-poster>div{justify-items:center;min-height:104px;padding:var(--space-sm) var(--space-2xs)}.activity-discount-poster>div:first-child{grid-row:1 / 3;min-height:220px}.activity-discount-poster strong{font-size:32px}.activity-discount-poster>div:first-child strong{font-size:48px}.activity-price-groups{grid-template-columns:1fr}.activity-price-groups>section:nth-child(n){margin-top:0}.activity-referral-layout{grid-template-columns:1fr}.activity-referral-highlight{min-height:260px}.activity-referral-rules>footer{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-referral-rules>footer a{grid-column:1 / -1}.growth-summary-grid{grid-template-columns:repeat(2,1fr)}.growth-summary-grid>div:nth-child(2){border-right:0}.growth-summary-grid>div:nth-child(-n+2){border-bottom:1px solid var(--color-rule)}.growth-rewards-balance{grid-template-columns:1fr;align-items:stretch}.growth-reward-options{border-block-start:1px solid var(--color-rule);border-inline-start:0}}@media(max-width:639px){.activity-page-header,.activity-page main{width:min(100% - 24px,1180px)}.activity-page-header nav a:first-child{display:none}.activity-hero h1{font-size:46px}.activity-copy-notice{top:calc(100% + 8px);right:0;left:auto}.activity-home-banner{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:52px}.activity-home-action{min-height:38px}.activity-referral-rules>header{padding-inline:22px}.activity-referral-layout{margin-inline:12px}.activity-referral-highlight{min-height:220px}.activity-referral-path article{grid-template-columns:1fr}.activity-referral-path article>span{grid-row:auto}.activity-referral-rules>footer{grid-template-columns:1fr}.activity-referral-rules>footer div+div{border-left:0;padding-left:0}.activity-referral-rules>footer a{grid-column:auto}.growth-bank-form{grid-template-columns:1fr}.growth-share-block{grid-template-columns:1fr;align-items:stretch}.growth-reward-option{grid-template-columns:1fr}.growth-reward-option .account-primary-button,.growth-reward-option .growth-secondary-button,.growth-withdraw-control{width:100%}.growth-conversion-confirm>span{display:grid;grid-template-columns:1fr 1fr}.growth-form-actions{align-items:stretch;flex-direction:column}.growth-summary-grid dd{font-size:var(--text-lg)}}@media(prefers-reduced-motion:reduce){.activity-home-banner{animation:none;transition:none}.activity-discount-poster>div{transition:none}.activity-copy-notice{animation-duration:.01ms}.growth-detail-tabs button:after{transition:none}}@media(prefers-reduced-motion:reduce)and (hover:hover)and (pointer:fine){.activity-home-banner:hover{transform:none}}