@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Nunito+Sans:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";.pj-icon[data-v-47a0e00b]{width:18px;height:18px;flex:none;vertical-align:middle}.dlg-msg[data-v-8f2e0c52]{color:var(--slate);font-size:13px;line-height:1.55;white-space:pre-wrap}.dlg-input[data-v-8f2e0c52]{width:100%;margin-top:16px}:root{--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--text-page: 28px;--text-section: 16px;--text-card: 13px;--text-body: 12.75px;--text-control: 12px;--text-meta: 10px;--leading-body: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--control-h: 36px;--control-h-mobile: 40px;--shell-panel-w: 224px;--shell-ai-w: 272px;--page-pad: 24px;--surface-radius: 13px;--control-radius: 9px;--r-card: 16px;--r-btn: 12px;--r-input: 11px;--r-pill: 20px;--r-mk: 12px;--purple: #4d3095;--purple-d: #3a2470;--purple-b: #683ed0;--purple-l: #8f68e8;--glow: #b597f7;--brand: var(--purple);--brand-d: var(--purple-d);--brand-l: var(--purple-l);--tint: #f2eeff;--tint-2: #e7dcff;--ink: #191527;--slate: #3d3a52;--muted: #847e9c;--faint: #b3aecb;--line: #ece8f6;--line-2: #f4f1fb;--canvas: #f7f6fc;--card: #ffffff;--ok: #12a06b;--warn: #dd982a;--off: #b9b6c9;--danger: #d64550;--bg: radial-gradient(1200px 620px at 90% -15%, rgba(143, 104, 232, .13), transparent 55%), radial-gradient(760px 520px at -6% 106%, rgba(77, 48, 149, .05), transparent 55%), var(--canvas);--bg-grid: none;--grid-size: 0;--card-shadow: 0 1px 2px rgba(25, 21, 39, .03), 0 12px 34px -26px rgba(77, 48, 149, .5);--card-border: 1px solid transparent;--btn-shadow: 0 1px 2px rgba(25, 21, 39, .03);--nav-on-bg: #fff;--nav-on-shadow: 0 4px 14px -6px rgba(77, 48, 149, .25);--nav-on-border: transparent;--side-bg: var(--card);--side-border: var(--line);--surface-border: 1px solid var(--line);--surface-shadow: 0 1px 2px rgba(25, 21, 39, .025), 0 12px 30px -28px rgba(77, 48, 149, .45);--surface-inset: #faf9fd;--surface-hover: color-mix(in srgb, var(--tint) 24%, var(--card))}[data-theme=terminal]{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--surface-radius: 4px;--control-radius: 3px;--surface-shadow: none;--r-card: 4px;--r-btn: 3px;--r-input: 3px;--r-pill: 3px;--r-mk: 3px;--purple: #a585f5;--purple-d: #7a52d6;--purple-b: #8f68e8;--purple-l: #a585f5;--glow: #b597f7;--brand: var(--purple);--brand-d: var(--purple-d);--brand-l: var(--purple-l);--tint: #1b1730;--tint-2: #241f3a;--ink: #e9e6f5;--slate: #c7c3da;--muted: #9a93b8;--faint: #655d82;--line: #26213c;--line-2: #221d34;--canvas: #0c0a15;--card: #151221;--ok: #3fd08a;--warn: #f0b64d;--off: #5a5473;--danger: #f0798a;--bg: radial-gradient(900px 500px at 90% -10%, rgba(143, 104, 232, .1), transparent 60%), var(--canvas);--bg-grid: linear-gradient(#332c4d 1px, transparent 1px), linear-gradient(90deg, #332c4d 1px, transparent 1px);--grid-size: 46px;--card-shadow: none;--card-border: 1px solid var(--line);--btn-shadow: none;--nav-on-bg: #1b1730;--nav-on-shadow: none;--nav-on-border: var(--brand);--side-bg: linear-gradient(180deg, #110e1d, #0c0a15);--side-border: var(--line);--surface-inset: #100d1b;--surface-hover: #1b1730}[data-theme=seagrass]{--font-display: "Fraunces", Georgia, serif;--font-body: "Nunito Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--surface-radius: 18px;--control-radius: 14px;--surface-shadow: 0 14px 32px -27px rgba(31, 158, 142, .58);--r-card: 20px;--r-btn: 26px;--r-input: 14px;--r-pill: 20px;--r-mk: 50% 50% 50% 12px;--purple: #1f9e8e;--purple-d: #16786c;--purple-b: #7ed3c7;--purple-l: #1f9e8e;--glow: #7ed3c7;--brand: var(--purple);--brand-d: var(--purple-d);--brand-l: var(--purple-l);--tint: rgba(126, 211, 199, .22);--tint-2: rgba(126, 211, 199, .34);--ink: #20233a;--slate: #414863;--muted: #7c8299;--faint: #aab0c2;--line: #e2ecea;--line-2: #eef5f3;--canvas: #f4f8f7;--card: #ffffff;--ok: #1f9e8e;--warn: #e0a032;--off: #b9c2c2;--danger: #d6555f;--bg: radial-gradient(1100px 700px at 85% -20%, rgba(126, 211, 199, .22), transparent 55%), radial-gradient(900px 600px at -10% 110%, rgba(143, 104, 232, .1), transparent 55%), var(--canvas);--bg-grid: none;--grid-size: 0;--card-shadow: 0 14px 34px -26px rgba(31, 158, 142, .6);--card-border: 1px solid transparent;--btn-shadow: 0 6px 16px -10px rgba(31, 158, 142, .5);--nav-on-bg: linear-gradient(120deg, rgba(126, 211, 199, .3), rgba(143, 104, 232, .16));--nav-on-shadow: inset 0 0 0 1px rgba(31, 158, 142, .2);--nav-on-border: transparent;--side-bg: var(--card);--side-border: var(--line);--surface-inset: #f8fbfa;--surface-hover: color-mix(in srgb, var(--tint) 28%, var(--card))}*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;-webkit-text-size-adjust:100%}body{min-height:100vh;background:var(--bg);background-attachment:fixed;color:var(--ink);font:400 var(--text-body)/var(--leading-body) var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:var(--bg-grid);background-size:var(--grid-size) var(--grid-size)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--brand-l);outline-offset:2px}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:.01ms!important}}:root{--font-body:Outfit,system-ui,sans-serif;--font-display:Outfit,system-ui,sans-serif;--ui-paper:#fff;--ui-wash:#f9fafb;--ui-ink:#101828;--ui-muted:#667085;--ui-line:#e4e7ec;--ui-brand:#4d3095;--ui-tint:#f5f0ff;--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);--card:var(--ui-paper);--canvas:var(--ui-wash);--bg:var(--ui-wash);--brand:var(--ui-brand);--font-display-weight:600;color-scheme:light}:root[data-theme=dark]{--ui-paper:#161b26;--ui-wash:#0c111d;--ui-ink:#f5f5f6;--ui-muted:#a1a5b0;--ui-line:#303644;--ui-brand:#b597f7;--ui-tint:#29213c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--ui-wash);color:var(--ui-ink)}button,input,select{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ui-brand);outline-offset:3px}.design-header{height:64px;padding:0 28px;background:var(--ui-paper);border-bottom:1px solid var(--ui-line);display:flex;align-items:center;gap:40px;position:relative;z-index:80}.design-brand{display:flex;align-items:center;gap:6px;font-size:21px;font-weight:500;text-decoration:none;white-space:nowrap}.design-brand img{height:29px;width:26px;object-fit:contain;margin-right:10px}.header-caption{font-size:12px;color:var(--ui-muted)}.header-right{display:flex;align-items:center;gap:18px;margin-left:auto}.icon-button{display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:50%;width:36px;height:36px;background:var(--ui-paper);color:var(--ui-muted);cursor:pointer}.icon-button svg{width:18px;height:18px}.small-login{font-size:14px;text-decoration:none;display:flex;gap:18px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:8px;min-height:42px;padding:11px 18px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}.primary-button{background:var(--ui-brand);color:var(--ui-paper)}.secondary-button{background:var(--ui-paper);border-color:var(--ui-line);color:var(--ui-brand)}.primary-button svg{width:18px;height:18px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;color:var(--ui-brand);margin:0 0 18px}.loading-state{padding:40px;text-align:center;color:var(--ui-muted)}.error-banner{padding:14px 22px;background:var(--ui-tint);color:var(--ui-ink);font-size:13px}.catalog-shell{max-width:1400px;padding:42px;margin:auto}.catalog-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-title h1{font-size:30px;letter-spacing:-.04em;margin:0 0 12px}.catalog-title p:last-child{color:var(--ui-muted);font-size:14px}.catalog-tools{display:flex;gap:12px;margin:28px 0}.search{display:flex;gap:10px;align-items:center;background:var(--ui-paper);border:1px solid var(--ui-line);border-radius:7px;padding:0 12px;width:360px;max-width:100%}.search svg{width:18px;color:var(--ui-muted)}.search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ui-ink);height:40px;outline:none}.catalog-tools select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 38px 0 14px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--ui-ink)}.catalog-tools .icon-button{height:42px;width:42px;border-radius:7px}.catalog-empty{text-align:center;padding:80px 20px;background:var(--ui-paper);border:1px dashed var(--ui-line);border-radius:12px}.catalog-empty>svg{width:40px;height:40px;color:var(--ui-brand);margin-bottom:16px}.catalog-empty h2{font-size:22px}.catalog-empty p{color:var(--ui-muted);font-size:14px;margin-bottom:24px}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.design-grid article{border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-paper);overflow:hidden;position:relative}.design-grid a{text-decoration:none}.project-cover{height:170px;background:var(--ui-tint);position:relative;display:grid;place-items:center;color:var(--ui-brand)}.project-cover>svg{position:absolute;left:14px;top:14px;width:20px}.project-cover>span{font-size:56px;opacity:.55}.project-info{padding:20px}.project-info h2{font-size:16px;margin:0 0 8px}.project-info p{font-size:11px;color:var(--ui-muted);margin:0}.archive-button{border:0;background:none;color:var(--ui-muted);font-size:10px;margin:0 0 14px 20px;cursor:pointer}.editor-shell{height:calc(100dvh - 64px);overflow:hidden}.editor-shell .design-project-shell{height:100%!important;min-height:0!important}.design-landing{max-width:1320px;margin:auto;padding:95px 40px 50px;display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.landing-copy h1{font-size:clamp(42px,4vw,58px);font-weight:600;letter-spacing:-.05em;line-height:1.1;margin:0 0 25px}.landing-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--ui-muted);max-width:440px}.landing-copy .primary-button{margin-top:18px;padding:15px 22px}.landing-copy>small{display:block;color:var(--ui-muted);font-size:11px;margin-top:18px}.landing-art{border:1px solid var(--ui-line);border-radius:12px;overflow:hidden;box-shadow:0 25px 60px -40px #4d309580;background:var(--ui-paper)}.art-toolbar{height:42px;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid var(--ui-line)}.art-toolbar>i{width:6px;height:6px;border-radius:50%;background:var(--ui-line)}.art-toolbar span{margin:auto;font-size:10px;color:var(--ui-muted)}.art-canvas{padding:35px 40px 45px;background:radial-gradient(var(--ui-line) 1px,transparent 1px);background-size:12px 12px;position:relative}.art-label{display:block;font-size:9px;color:var(--ui-brand);margin-bottom:7px}.art-frame{position:relative;background:#f7f3ed;color:#3d3241;border:1px solid #9877c8;padding:24px;overflow:hidden;min-height:275px}.art-nav{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600}.art-nav span{font-size:8px;font-weight:400}.art-frame h2{font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:36px 0 12px;position:relative;z-index:1}.art-frame p{font-size:10px;position:relative;z-index:1}.art-button{display:inline-block;background:#4d3095;color:#fff;border-radius:4px;padding:10px 12px;font-size:8px;margin-top:12px;position:relative;z-index:1}.art-shapes b{position:absolute;width:140px;height:140px;border-radius:50%;right:-25px;bottom:20px;background:#cebde5}.art-shapes i{position:absolute;width:80px;height:110px;right:20px;bottom:0;background:#a5ba97;border-radius:80px 80px 0 0;transform:rotate(-18deg)}.art-cursor{position:absolute;bottom:29px;right:20px;font-size:10px;padding:6px;background:var(--ui-brand);color:var(--ui-paper);border-radius:4px}.art-bottom{padding:12px 15px;font-size:9px;color:var(--ui-muted)}.landing-features{grid-column:1/-1;border-top:1px solid var(--ui-line);padding-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.landing-features svg{width:24px;height:24px;color:var(--ui-brand)}.landing-features h2{font-size:20px;margin:16px 0 10px}.landing-features p{font-size:13px;line-height:1.8;color:var(--ui-muted)}.pj-button{border:1px solid var(--ui-line);border-radius:7px;padding:9px 14px;background:var(--ui-paper);color:var(--ui-ink)}.pj-button.primary{background:var(--ui-brand);color:var(--ui-paper)}.account-confirm{padding:24px}.account-confirm footer{display:flex;gap:10px;justify-content:flex-end}.account-avatar{flex-shrink:0}.account-trigger{color:var(--ui-ink)}@media(max-width:900px){.design-landing{grid-template-columns:1fr;gap:40px;padding-top:55px}.landing-copy{max-width:580px}.landing-art{max-width:650px}.landing-features{gap:24px}.header-caption{display:none}}@media(max-width:600px){.design-header{padding:0 16px}.design-brand{font-size:18px}.design-brand img{width:23px;margin-right:3px}.header-right{gap:8px}.account-name{display:none}.account-dropdown{position:fixed!important;top:65px!important;right:10px!important;max-width:calc(100vw - 20px)}.design-landing{padding:45px 22px}.landing-copy h1{font-size:42px}.art-canvas{padding:25px 18px 38px}.art-frame{padding:18px}.landing-features{grid-template-columns:1fr}.catalog-shell{padding:26px 18px}.catalog-title{align-items:flex-start}.catalog-title h1{font-size:25px}.catalog-title>.primary-button{font-size:12px;padding:10px;gap:5px}.catalog-tools{flex-wrap:wrap}.search{width:100%}.catalog-tools select{height:40px}.catalog-empty{padding:55px 20px}}.editor-shell{position:relative}.design-project-members-overlay{z-index:100!important}.design-project-shell .design-topbar{padding-right:105px}.design-project-members-toggle{background:var(--ui-paper);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:6px;min-height:30px}.editor-shell .design-project-shell .design-topbar{padding-right:105px}@media(max-width:600px){.editor-shell .design-project-shell .design-topbar{grid-template-columns:minmax(0,1fr) auto;padding-right:72px;gap:4px}.design-topbar .design-topbar-start{min-width:0;gap:5px}.design-topbar .design-identity{min-width:0}.design-topbar .design-identity strong{max-width:110px;font-size:10px}.design-topbar .design-topbar-actions{gap:2px}.design-project-shell .design-project-actions{right:5px}.design-topbar .save-state{display:none}}@media(max-width:600px){.editor-shell .design-project-shell .design-topbar .save-state{display:none}}.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:10px;padding:4px 8px;border:0;border-radius:10px;background:transparent;color:var(--ui-ink)}.account-trigger:hover{background:var(--ui-wash)}.account-avatar{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#4d3095;color:#fff;font-size:12px;font-weight:600}.account-name{text-align:left;max-width:160px}.account-name strong,.account-summary strong{display:block;font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-name small,.account-summary small{display:block;color:var(--ui-muted);font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger>.pj-icon{width:15px;height:15px;color:var(--ui-muted)}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-paper);padding:8px;box-shadow:0 12px 32px -6px #10182826;z-index:100}.account-summary{display:flex;align-items:center;gap:12px;padding:12px}.account-summary .account-avatar{width:44px;height:44px;font-size:14px}.account-summary>div{min-width:0;flex:1}.account-summary i{width:8px;height:8px;background:#12b76a;border-radius:50%;flex:none}.account-group{border-top:1px solid var(--ui-line);padding:6px 0}.account-dropdown [role=menuitem]{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-decoration:none;color:var(--ui-ink);width:100%;text-align:left;padding:11px 12px;border-radius:9px;font-size:13px;min-height:42px}.account-dropdown [role=menuitem]:hover{background:var(--ui-wash)}.account-dropdown [role=menuitem]>.pj-icon{width:18px;height:18px;color:var(--ui-muted)}.account-dropdown [data-manage-account]>.pj-icon:last-child{margin-left:auto;width:14px}.account-dropdown .account-caption{padding:5px 12px;color:var(--ui-muted);font-size:11px;margin:0}.account-dropdown .account-other .account-avatar{width:32px;height:32px;background:var(--ui-tint);color:var(--ui-brand)}.account-other>span:last-child{min-width:0}.account-other strong,.account-other small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-other strong{font-size:13px;font-weight:500}.account-other small{font-size:11px;color:var(--ui-muted);margin-top:3px}.account-dropdown .account-signout,.account-dropdown .account-signout>.pj-icon{color:#d92d20}.account-error{padding:8px 12px;color:#d92d20;font-size:12px}.account-confirm{padding:24px;min-width:0;color:var(--ui-ink)}.account-confirm h2{margin:0 0 16px;font-size:22px}.account-confirm p{color:var(--ui-muted);line-height:1.6}.account-confirm footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}