@font-face{font-family:Inter;src:url(/fonts/Inter-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--black:#000;--white:#fff;--purple:#9b8afb;--green:#c2f75d;--bg:#fff;--ink:#000;--panel:#fff;--subtle:#00000009;--muted:#0000008f;--border:#0000001a;--border-strong:#0003;--hover:#0000000b;--shadow:0 20px 60px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#000;--ink:#fff;--panel:#0f0f0f;--subtle:#ffffff0e;--muted:#ffffff96;--border:#ffffff21;--border-strong:#ffffff40;--hover:#ffffff14;--shadow:0 20px 60px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.6 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled),.button:active{transform:scale(.975)}:focus-visible{outline:3px solid var(--purple);outline-offset:3px}input,textarea,select{border:1px solid var(--border-strong);background:var(--bg);border-radius:10px;width:100%;padding:11px 13px;font-size:13px}input[type=range]{accent-color:var(--purple);padding:0}input[type=checkbox]{width:auto;accent-color:var(--purple)}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:var(--muted)}label{display:block}h1,h2,h3,h4{letter-spacing:-.035em;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-weight:600;line-height:1.12}p{margin:0}img{max-width:100%}button{transition:transform .16s,background .16s,border-color .16s}select{cursor:pointer}.sr-only,.skip-link{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;clip:auto;background:var(--green);color:#000;width:auto;height:auto;padding:12px;position:fixed;top:10px;left:10px}.app-shell{min-height:100dvh}.sidebar{border-right:1px solid var(--border);background:var(--bg);z-index:30;flex-direction:column;width:224px;padding:29px 19px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar .mobile-nav-close{display:none}.wordmark{letter-spacing:-1.4px;align-items:center;gap:9px;font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:600;display:flex}.wordmark img{object-fit:contain;width:25px;height:39px}[data-theme=dark] .wordmark img{filter:invert()}.wordmark span{letter-spacing:1.3px;border-left:1px solid var(--border-strong);margin-left:2px;padding-left:10px;font-family:JetBrains Mono,monospace;font-size:9px}.workspace-label{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin:40px 0 25px;padding:12px 4px;font-size:11px;line-height:1.6;display:flex}.workspace-avatar{background:var(--purple);color:#000;border-radius:9px;place-items:center;width:31px;height:31px;font-size:15px;font-weight:600;display:grid}.workspace-label small,.profile small{color:var(--muted);font-size:10px;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.sidebar nav a:hover{background:var(--hover);color:var(--ink)}.sidebar nav a.active{background:var(--subtle);color:var(--ink);font-weight:500}.sidebar nav a.active svg{color:var(--purple)}.ai-nav{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin-top:29px;padding:14px 10px;font-size:10px;line-height:1.4;display:flex}.ai-nav>svg:first-child{color:var(--purple)}.ai-nav small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.sidebar-bottom{margin-top:auto;padding-top:24px}.theme-toggle{border:1px solid var(--border);border-radius:20px;gap:3px;margin-bottom:20px;padding:3px;display:inline-flex}.theme-toggle button{color:var(--muted);background:0 0;border:0;border-radius:18px;place-items:center;padding:7px 12px;display:grid}.theme-toggle button[aria-pressed=true]{background:var(--subtle);color:var(--ink)}.sidebar-foot{color:var(--muted);margin-top:18px;font-size:9px}.profile{border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:18px;font-size:11px;display:flex}.profile-avatar{background:var(--green);color:#000;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:600;display:grid}.profile .icon-button{margin-left:auto}.mobile-header,.nav-scrim{display:none}.main-content{max-width:1900px;min-height:100dvh;margin-left:224px;padding:29px 44px 55px}.page-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.breadcrumb,.eyebrow,.small-tag{letter-spacing:1.4px;font:10px/1.5 JetBrains Mono,monospace}.breadcrumb{color:var(--muted);font-size:9px}.quiet-link{align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.quiet-link:hover{color:var(--purple)}.button{border:1px solid var(--border-strong);background:var(--bg);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:11px;min-height:43px;padding:12px 18px;font-size:12px;font-weight:500;transition:transform .16s,background .16s;display:inline-flex}.button.dark{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.purple{background:var(--purple);color:#000;border-color:var(--purple)}.button.green{background:var(--green);color:#000;border-color:var(--green)}.button.full{width:100%}.button.small{min-height:35px;padding:8px 12px;font-size:11px}.icon-button{border:1px solid var(--border);background:var(--bg);border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{background:var(--hover)}.library-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:22px;min-height:360px;padding:30px 0 48px;display:grid}.small-tag{align-items:center;gap:8px;margin-bottom:22px;font-size:9px;display:flex}.small-tag>span{background:var(--purple);border-radius:50%;width:6px;height:6px}.library-hero h1{letter-spacing:-.055em;font-size:clamp(32px,3.5vw,61px);line-height:1.07}.library-hero h1 span{color:var(--muted)}.library-hero p{color:var(--muted);margin-top:22px;font-size:12px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:27px;display:flex}.hero-actions .quiet-link{font-size:10px}.hero-posters{isolation:isolate;height:310px;position:relative}.hero-posters:before{content:"";background:var(--subtle);z-index:-1;border-radius:50%;position:absolute;inset:10px 0 0 40px}.hero-poster{object-fit:cover;width:200px;height:250px;box-shadow:var(--shadow);border:1px solid #00000014;border-radius:7px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute}.hero-poster.back{top:15px;left:6%;transform:rotate(-12deg)}.hero-poster.front{top:46px;left:43%;transform:rotate(9deg)}.hero-posters:hover .back{transform:translateY(-7px)rotate(-15deg)}.hero-posters:hover .front{transform:translateY(-4px)rotate(12deg)}.hero-sticker{background:var(--green);color:#000;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;font:10px/1.35 JetBrains Mono,monospace;display:flex;position:absolute;top:5px;right:0;transform:rotate(10deg);box-shadow:0 5px 20px #0000000f}.hero-sticker svg{margin-top:5px}.library-section{border-top:1px solid var(--border);padding-top:29px}.section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-heading .eyebrow{color:var(--muted);margin-bottom:10px;font-size:9px}.section-heading h2{font-size:25px}.count-pill{border:1px solid var(--border);white-space:nowrap;border-radius:30px;padding:7px 12px;font-size:9px}.library-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:29px 0 18px;display:flex}.search-field{border:1px solid var(--border);background:var(--panel);width:100%;max-width:460px;color:var(--muted);border-radius:10px;align-items:center;gap:11px;padding:1px 13px;display:flex}.search-field input{outline-offset:0;background:0 0;border:0;padding:11px 0;font-size:11px}.search-field button{background:0 0;border:0;padding:0 3px;font-size:20px}.filter-select{white-space:nowrap;align-items:center;gap:10px;display:flex}.filter-select select{background:var(--bg);border:0;width:auto;padding:8px;font-size:10px}.category-pills{scrollbar-width:thin;align-items:center;gap:6px;padding:3px 2px 12px;display:flex;overflow:auto}.category-pills button,.category-pills select{border:1px solid var(--border);background:var(--bg);white-space:nowrap;border-radius:20px;width:auto;min-height:32px;padding:7px 13px;font-size:10px}.category-pills button.selected{background:var(--ink);border-color:var(--ink);color:var(--bg)}.category-pills select{max-width:150px}.results-label{color:var(--muted);justify-content:space-between;gap:10px;margin:9px 0 18px;font-size:10px;display:flex}.results-label span{font-size:9px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px;display:grid}.template-tile{min-width:0;display:block}.template-thumb{aspect-ratio:4/5;background:var(--subtle);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;padding:15px;display:flex;position:relative;overflow:hidden}.template-thumb img{border-radius:2px;width:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 8px 22px #00000014}.template-tile:hover .template-thumb img{transform:translateY(-4px)scale(1.02)}.signature-tag{background:var(--white);color:#000;border:1px solid #0000001a;border-radius:20px;padding:6px 8px;font:8px/1 JetBrains Mono,monospace;position:absolute;top:9px;left:9px}.use-template{background:var(--green);color:#000;opacity:0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:10px;transition:all .2s;display:flex;position:absolute;bottom:14px;left:14px;right:14px;transform:translateY(6px)}.template-tile:hover .use-template,.template-tile:focus-visible .use-template{opacity:1;transform:none}.template-info{justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 1px;display:flex}.template-info h3{letter-spacing:-.2px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;line-height:1.4}.template-info p{color:var(--muted);margin-top:5px;font-size:9px}.template-info>svg{color:var(--muted);flex-shrink:0;margin-top:1px}.library-end{text-align:center;background:var(--subtle);border:1px solid var(--border);border-radius:18px;margin:80px 0 20px;padding:52px 20px}.big-asterisk{color:var(--purple);font-size:60px;line-height:1}.library-end h2{margin-top:17px;font-size:35px}.library-end p{color:var(--muted);margin:19px 0 24px;font-size:12px;line-height:1.8}.account-page{grid-template-columns:1fr 1.08fr;align-items:center;gap:65px;width:100%;max-width:1060px;margin:36px auto;display:grid}.account-story{text-align:center;padding:30px 0}.account-story h2{letter-spacing:-.05em;margin:19px 0;font-size:clamp(34px,3.8vw,51px);line-height:1.1}.account-story p{color:var(--muted);font-size:14px;line-height:1.85}.account-story-tag{letter-spacing:.08em;background:var(--green);color:var(--black);border-radius:30px;align-items:center;gap:12px;margin-top:24px;padding:10px 16px;font-size:9px;display:inline-flex}.account-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:22px;min-width:0;padding:34px}.account-card h1{letter-spacing:-.045em;margin:13px 0 10px;font-size:32px;line-height:1.15}.account-intro{color:var(--muted);margin:0 0 26px;font-size:13px}.account-form fieldset{border:0;min-width:0;margin:0;padding:0}.account-form label{margin:15px 0 6px;font-size:12px;font-weight:500}.account-form label:first-child{margin-top:0}.account-form label input{margin-top:6px;display:block}.account-form input{border-color:var(--border);background:var(--bg);min-height:48px;font-size:16px}.account-password{position:relative}.account-password input{padding-right:51px}.password-toggle{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:2px;right:2px}.password-toggle:hover{background:var(--hover)}.account-hint{color:var(--muted);margin:7px 0 0;font-size:11px}.account-submit{background:var(--purple);width:100%;min-height:48px;color:var(--black);justify-content:space-between;margin-top:23px}.account-google{background:var(--bg);justify-content:space-between;width:100%;min-height:48px}.account-divider{color:var(--muted);align-items:center;gap:12px;margin:21px 0;font-size:11px;display:flex}.account-divider:before,.account-divider:after{content:"";background:var(--border);flex:1;height:1px}.account-switch{text-align:center;color:var(--muted);margin:23px 0;font-size:12px}.account-switch a{color:var(--ink);text-underline-offset:3px;align-items:center;gap:3px;font-weight:600;text-decoration:underline;display:inline-flex}.account-private{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:22px 0 14px;font-size:10px;display:flex}.account-card>.quiet-link{justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.account-error{border-left:3px solid var(--purple);background:var(--subtle);border-radius:4px;margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.6}.account-form input[aria-invalid=true]{border-color:var(--purple);outline:1px solid var(--purple)}.auth-illustration{place-items:center;width:250px;height:190px;margin:0 auto 25px;display:grid;position:relative}.auth-illustration img{object-fit:contain;width:65px;height:98px}[data-theme=dark] .auth-illustration img{filter:invert()}.auth-orbit{border:1px solid var(--purple);border-radius:50%;position:absolute;inset:35px 0;transform:rotate(-24deg)}.orbit-dot{background:var(--green);border-radius:50%;width:29px;height:29px;position:absolute;top:43px;right:25px}.google-g{font-family:Space Grotesk,sans-serif;font-size:23px}.empty-state{text-align:center;max-width:680px;margin:0 auto;padding:80px 20px}.empty-state>svg{color:var(--purple);margin-bottom:20px}.empty-state h1{font-size:42px}.empty-state h3{font-size:24px}.empty-state p{color:var(--muted);margin:17px 0 23px;font-size:13px}.error-message{color:var(--ink);background:color-mix(in srgb, var(--purple) 18%, transparent);border-left:3px solid var(--purple);border-radius:7px;padding:12px 14px;font-size:12px}.notice{color:var(--muted);background:var(--subtle);border-radius:9px;padding:12px;font-size:11px;line-height:1.7}.page-title{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 30px;display:flex}.page-title h1{font-size:40px}.page-title p{color:var(--muted);margin-top:12px;font-size:12px}.page-loading{min-height:70dvh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--purple);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.panel-card{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:27px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{margin-bottom:18px}.field label,.field>span{margin-bottom:8px;font-size:11px;font-weight:500;display:block}.field small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.wide{grid-column:1/-1}.form-section{max-width:780px}.form-section h2{margin-bottom:24px;font-size:21px}.field .label-row{justify-content:space-between;align-items:center;display:flex}.field input[type=color]{height:43px}.check-label{align-items:center;gap:9px;margin:12px 0;font-size:11px;display:flex}.brand-preview{border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;margin-bottom:27px;padding:20px;display:flex}.brand-preview img{object-fit:contain;width:39px;height:57px}.brand-preview strong{letter-spacing:-1px;font:600 28px/1.2 Space Grotesk}.brand-preview small{letter-spacing:2px;font:9px/1.8 JetBrains Mono;display:block}.brand-swatches{gap:7px;margin-bottom:12px;display:flex}.brand-swatches span{border:1px solid var(--border-strong);border-radius:50%;width:31px;height:31px}.prose{max-width:780px}.prose h1{margin:25px 0;font-size:47px}.prose h2{margin:35px 0 14px;font-size:25px}.prose p,.prose li{color:var(--muted);margin-bottom:13px;font-size:13px;line-height:1.9}.prose a{color:var(--ink);text-decoration:underline}.prose code{background:var(--subtle);border-radius:4px;padding:3px 6px;font-size:11px}.prose ol,.prose ul{padding-left:22px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;overflow:hidden}.project-preview{background:var(--subtle);justify-content:center;height:290px;padding:22px;display:flex;overflow:hidden}.project-preview svg{width:auto;max-width:100%;height:100%;box-shadow:0 8px 24px #00000014}.project-meta{padding:16px}.project-meta h3{letter-spacing:0;font:500 14px/1.4 Inter,sans-serif}.project-meta small{color:var(--muted);font-size:10px}.project-actions{gap:15px;margin-top:13px;display:flex}.text-button{text-underline-offset:4px;background:0 0;border:0;padding:3px 0;font-size:11px;text-decoration:underline}.project-actions .text-button{color:var(--muted)}.main-editor{min-width:0;height:100dvh;margin-left:224px;display:flex}.studio{flex-direction:column;width:100%;min-width:0;height:100%;display:flex}.editor-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:78px;padding:14px 23px;display:flex}.editor-title{align-items:center;gap:12px;min-width:0;display:flex}.editor-title input{text-overflow:ellipsis;background:0 0;border:0;width:230px;padding:1px 0;font-size:13px;font-weight:500}.editor-title small{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.editor-header-actions{align-items:center;gap:8px;display:flex}.editor-header .button{min-height:36px;padding:9px 12px;font-size:10px}.editor-body{flex:1;grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid}.canvas-stage{background:var(--subtle);flex-direction:column;min-width:0;min-height:0;padding:21px 24px 16px;display:flex;position:relative}.canvas-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.segmented{border:1px solid var(--border);background:var(--bg);border-radius:10px;align-items:center;gap:3px;padding:3px;display:flex}.segmented button{white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:10px}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.canvas-history{gap:5px;display:flex}.canvas-history .icon-button{width:30px;height:30px}.canvas-paper-wrap{flex:1;place-items:center;min-height:0;padding:6px 0 18px;display:grid;overflow:hidden}.canvas-paper{flex-shrink:0;max-width:100%;line-height:0;position:relative;box-shadow:0 20px 60px #0000001f}.canvas-paper>div:first-child,.canvas-paper svg{width:100%;height:100%;display:block}.canvas-caption{color:var(--muted);justify-content:space-between;gap:10px;margin-top:3px;font-size:9px;display:flex}.canvas-warning{border-left:2px solid var(--purple);background:var(--bg);max-width:600px;margin:0 auto 10px;padding:8px 12px;font-size:10px;line-height:1.6}.inspector{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;min-height:0;display:flex}.inspector-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;padding:12px;display:flex}.inspector-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 3px;font-size:10px;display:flex}.inspector-tabs button[aria-selected=true]{background:var(--subtle);color:var(--ink)}.inspector-panel{flex:1;padding:20px;overflow:auto}.inspector-panel h2{margin-bottom:7px;font-size:19px}.panel-description{color:var(--muted);margin-bottom:21px;font-size:10px;line-height:1.8}.inspector .field{margin-bottom:17px}.inspector input,.inspector textarea,.inspector select{border-radius:8px;padding:9px 10px;font-size:11px}.inspector .field label{font-size:10px}.design-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 22px;display:grid}.design-option{border:1px solid var(--border);background:var(--bg);text-align:left;border-radius:8px;min-width:0;padding:4px}.design-option img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%;display:block}.design-option span{padding:6px 2px 2px;font-size:8px;line-height:1.35;display:block}.design-option[aria-pressed=true]{border:2px solid var(--purple);background:color-mix(in srgb, var(--purple) 9%, var(--bg));padding:3px}.inline-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inline-actions.spread{justify-content:space-between}.inspector-divider{background:var(--border);height:1px;margin:22px 0}.detail-block{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:12px}.detail-block input,.detail-block textarea{margin-bottom:8px}.detail-block textarea{min-height:65px}.detail-block .inline-actions button{font-size:9px}.extra-title{margin-bottom:14px;font-size:13px}.upload-box{border:1px dashed var(--border-strong);background:var(--subtle);text-align:center;border-radius:12px;margin:15px 0;padding:21px 12px}.upload-box svg{color:var(--purple);margin-bottom:8px}.upload-box p{color:var(--muted);margin:7px 0 13px;font-size:10px}.uploaded-image{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin:15px 0;padding:10px;display:flex}.uploaded-image img{object-fit:contain;width:46px;height:46px}.uploaded-image p{word-break:break-word;flex:1;font-size:10px}.uploaded-image button{background:0 0;border:0;padding:3px}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.range-label{justify-content:space-between;align-items:center;font-size:10px;display:flex}.range-label output{color:var(--muted)}.reference-image{object-fit:contain;background:var(--subtle);border-radius:7px;width:100%;max-height:170px;margin:10px 0}.region-overlay{pointer-events:none;position:absolute;inset:0}.region-box{pointer-events:auto;border:1px dashed var(--purple);cursor:move;touch-action:none;background:#9b8afb0a;padding:0;position:absolute}.region-box.selected{border:2px solid var(--purple);background:#9b8afb14}.region-box>span:first-child{background:var(--purple);color:#000;white-space:nowrap;border-radius:3px;padding:3px 5px;font-size:7px;line-height:1;position:absolute;top:-16px;left:0}.region-handle{background:var(--green);cursor:nwse-resize;border:1px solid #000;width:12px;height:12px;position:absolute;bottom:-5px;right:-5px}.editor-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;font-size:9px;display:flex}.editor-footer a{text-underline-offset:3px;color:var(--muted);text-decoration:underline}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);z-index:100;border-radius:10px;max-width:calc(100% - 30px);padding:13px 20px;font-size:12px;line-height:1.6;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000004d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);width:min(640px,100%);max-height:85dvh;box-shadow:var(--shadow);border-radius:18px;padding:26px;animation:.25s cubic-bezier(.22,1,.36,1) arrive;overflow:auto}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.modal-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.modal-header h2{font-size:23px}.modal>p{color:var(--muted);margin:12px 0 20px;font-size:12px}.export-options{gap:12px;display:grid}.export-choice{text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:center;gap:15px;padding:17px;display:flex}.export-choice>svg{color:var(--purple)}.export-choice strong{font-size:13px;display:block}.export-choice small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.export-choice .choice-arrow{color:var(--ink);margin-left:auto}.modal .field{margin-top:20px}.modal-close-row{text-align:right;margin-top:20px}.template-modal{width:min(900px,100%)}.template-modal .template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.template-modal .template-thumb{padding:9px}.template-modal .template-tile{color:inherit;text-align:left;background:0 0;border:0;padding:0}.template-modal .template-info h3{font-size:10px}.template-modal .search-field{margin-bottom:20px}.mobile-inspector-title{display:none}.art-tray{flex-wrap:wrap;gap:7px;margin-bottom:15px;display:flex}.art-tray button{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:4px}.art-tray img{object-fit:contain;width:40px;height:40px}.reference-note{color:var(--muted);margin:10px 0;font-size:10px;line-height:1.7}.version-list{gap:8px;display:grid}.version-list button{background:var(--subtle);border:1px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;padding:13px;font-size:12px;display:flex}.ai-page{max-width:1000px;margin:18px auto}.ai-heading{text-align:center;margin-bottom:35px}.ai-heading>svg{color:var(--purple);margin-bottom:15px}.ai-heading h1{font-size:48px}.ai-heading p{max-width:580px;color:var(--muted);margin:20px auto;font-size:13px}.ai-form{border:1px solid var(--border);background:var(--panel);border-radius:17px;max-width:650px;margin:0 auto;padding:28px}.ai-form textarea{min-height:130px}.ai-form .button{margin-top:10px}.ai-disclosure{color:var(--muted);margin-top:14px;font-size:10px;line-height:1.7}.ai-concepts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px;display:grid}.concept-card{border:1px solid var(--border);background:var(--panel);border-radius:15px;overflow:hidden}.concept-art{background:var(--subtle);padding:20px}.concept-art svg{width:100%;height:auto;display:block;box-shadow:0 8px 25px #00000014}.concept-copy{padding:19px}.concept-copy h2{font-size:19px}.concept-copy p{color:var(--muted);margin:12px 0 18px;font-size:11px;line-height:1.7}.ai-progress{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:35px;font-size:12px;display:flex}.privacy-note{color:var(--muted);margin-top:20px;font-size:10px}.guide-steps{counter-reset:step}.guide-step{border-bottom:1px solid var(--border);padding:25px 0}@media (min-width:1600px){.template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.library-hero{min-height:420px}.hero-poster{width:225px;height:281px}.hero-posters{height:350px}.main-content{padding:35px 65px 65px}}@media (max-width:1250px){.sidebar{width:200px;padding-left:15px;padding-right:15px}.main-content,.main-editor{margin-left:200px}.main-content{padding-left:28px;padding-right:28px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-poster{width:164px;height:205px}.hero-posters{height:260px}.hero-posters .front{top:55px;left:40%}.hero-sticker{width:79px;height:79px;font-size:8px;right:-6px}.hero-actions{gap:16px}.hero-actions .quiet-link{font-size:9px}.editor-body{grid-template-columns:minmax(0,1fr) 300px}.editor-header{padding:12px 16px}.editor-title input{width:160px}.canvas-stage{padding:17px 17px 13px}.canvas-toolbar{flex-wrap:wrap}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.library-hero{grid-template-columns:1.15fr .85fr}.library-hero h1{font-size:37px}.hero-posters .front{left:28%}.hero-posters .back{left:-3%}.hero-poster{width:140px;height:175px}.hero-posters{height:230px}.hero-sticker{top:-3px}.section-heading h2{font-size:22px}.count-pill{font-size:8px}.main-content{padding:26px 23px}.editor-body{grid-template-columns:minmax(0,1fr) 285px}.inspector-panel{padding:17px}.editor-title input{width:140px}.editor-title .icon-button{display:none}.editor-header-actions .button{padding:8px 10px;font-size:9px}.editor-header-actions .button span.desktop-label{display:none}.segmented button{padding:6px 9px}.inspector-tabs{padding:8px}.inspector-tabs button{gap:4px;font-size:9px}.inspector-tabs svg{width:13px}.canvas-history .icon-button{width:27px;height:27px}}@media (max-width:800px){.sidebar .mobile-nav-close{width:30px;height:30px;display:inline-grid;position:absolute;top:27px;right:14px}.sidebar{z-index:55;width:250px;padding-top:27px;transition:transform .3s cubic-bezier(.22,1,.36,1);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.nav-scrim{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000047;border:0;display:block;position:fixed;inset:0}.mobile-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:40;justify-content:space-between;align-items:center;height:65px;padding:13px 21px;display:flex;position:sticky;top:0}.mobile-header .wordmark{font-size:23px}.mobile-header .wordmark img{width:21px;height:32px}.mobile-header .wordmark span{font-size:8px}.main-content{margin-left:0;padding:24px 24px 40px}.main-editor{height:calc(100dvh - 65px);margin-left:0}.page-top{margin-bottom:15px}.library-hero{gap:15px;min-height:310px;padding:26px 0 40px}.library-hero h1{font-size:40px}.hero-poster{width:155px;height:194px}.hero-posters{height:260px}.hero-posters .back{left:0}.hero-posters .front{top:60px;left:37%}.hero-sticker{top:4px;right:0}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px}.main-content .template-thumb{padding:12px}.template-info h3{font-size:11px}.editor-body{grid-template-columns:minmax(0,1fr) 300px}.ai-concepts{gap:15px}.ai-heading h1{font-size:40px}}@media (max-width:620px){.main-content{padding:22px 19px 35px}.page-top .quiet-link{font-size:10px}.breadcrumb{font-size:8px}.library-hero{padding:20px 0 27px;display:block;position:relative;overflow:hidden}.library-hero h1{letter-spacing:-.055em;font-size:40px}.library-hero .small-tag{margin-bottom:18px;font-size:8px}.library-hero p{margin-top:19px;font-size:11px}.hero-actions{gap:20px;margin-top:23px}.hero-actions .quiet-link{font-size:10px}.hero-posters{max-width:300px;height:230px;margin:30px auto 0}.hero-poster{width:147px;height:184px}.hero-posters .back{top:0;left:11%}.hero-posters .front{top:28px;left:49%}.hero-sticker{width:78px;height:78px;font-size:7px;top:0;right:-1%}.hero-posters:before{inset:0}.library-section{padding-top:22px}.section-heading{align-items:flex-start;gap:9px}.section-heading h2{max-width:230px;font-size:22px}.count-pill{white-space:normal;text-align:center;max-width:100px;padding:6px 8px;font-size:8px}.library-toolbar{gap:8px;margin-top:22px}.search-field input{font-size:10px}.search-field{gap:8px;padding-left:10px}.filter-select>svg{display:none}.filter-select select{max-width:125px;padding:7px 2px;font-size:9px}.category-pills{gap:5px}.category-pills button{padding:7px 12px;font-size:9px}.results-label{gap:9px;font-size:9px}.results-label span{font-size:8px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.main-content .template-thumb{border-radius:11px;padding:10px}.template-info h3{font-size:10px}.template-info p{font-size:8px}.template-info>svg{width:13px}.signature-tag{padding:5px 6px;font-size:6px;top:7px;left:7px}.template-info{padding-top:10px}.use-template{display:none}.library-end{margin-top:45px;padding:36px 15px}.library-end h2{font-size:29px}.library-end p{font-size:11px}.page-title{align-items:flex-start;margin:20px 0 25px}.page-title h1{font-size:31px}.page-title p{font-size:11px}.page-title .button{padding:9px 11px;font-size:10px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-preview{height:205px;padding:14px}.project-meta{padding:12px}.project-meta h3{font-size:11px}.project-meta small{font-size:8px}.project-actions{gap:12px}.project-actions .text-button{font-size:9px}.auth-illustration{height:170px}.form-grid{grid-template-columns:1fr;gap:0}.panel-card{padding:20px}.prose h1{font-size:36px}.prose h2{font-size:23px}.prose p,.prose li{font-size:12px}.editor-header{gap:8px;height:66px;padding:10px 13px}.editor-title{gap:8px}.editor-title input{width:140px;font-size:11px}.editor-title small{font-size:8px}.editor-header-actions{gap:5px}.editor-header .button{gap:5px;min-height:34px;padding:7px 9px;font-size:9px}.editor-header .button svg{width:13px}.editor-header .icon-button{display:none}.editor-body{flex-direction:column;min-height:0;display:flex}.canvas-stage{flex:1;min-height:230px;padding:12px 15px 10px}.canvas-toolbar{flex-wrap:nowrap;margin-bottom:5px}.canvas-history .icon-button{width:29px;height:29px}.canvas-history .shuffle-word{display:none}.canvas-paper-wrap{padding:5px 0 10px}.canvas-caption{font-size:8px}.inspector{border-left:0;border-top:1px solid var(--border);flex-shrink:0;height:245px;transition:height .3s cubic-bezier(.22,1,.36,1);position:relative}.inspector.expanded{height:55dvh}.inspector-tabs{border-bottom:1px solid var(--border);gap:7px;padding:6px 12px}.inspector-tabs button{gap:7px;padding:9px 5px;font-size:10px}.inspector-tabs svg{width:15px}.inspector-panel{padding:13px 18px 18px}.inspector-panel h2{font-size:15px}.panel-description{margin-bottom:13px;font-size:9px;line-height:1.6}.design-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}.design-option span{font-size:7px}.inspector .field label{font-size:10px}.inspector input,.inspector textarea,.inspector select{font-size:12px}.inspector textarea{min-height:75px}.editor-footer{padding:8px 15px;font-size:8px}.mobile-inspector-title{background:var(--bg);border:0;border-top:1px solid var(--border);border-radius:8px 8px 0 0;justify-content:center;width:42px;height:15px;padding:6px;display:flex;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.mobile-inspector-title span{background:var(--border-strong);border-radius:3px;width:24px;height:3px}.canvas-warning{margin-bottom:4px;padding:4px 8px;font-size:8px}.modal-backdrop{padding:13px}.modal{border-radius:14px;max-height:90dvh;padding:21px}.modal-header h2{font-size:20px}.template-modal .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-modal .template-thumb{padding:10px}.ai-page{margin:10px 0}.ai-heading h1{font-size:34px}.ai-heading p{font-size:12px}.ai-form{padding:20px}.ai-concepts{grid-template-columns:1fr;gap:22px}.concept-art{padding:25px 40px}.concept-copy{padding:20px}.concept-copy h2{font-size:24px}.ai-form textarea{font-size:13px}.ai-heading>svg{margin-top:10px}.toast{padding:11px 16px;font-size:11px;bottom:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-poster{transform:none!important}.spinner{border-top-color:var(--purple)}}@media (prefers-reduced-transparency:reduce){.modal-backdrop,.nav-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000008c}}@media (prefers-contrast:more){:root{--muted:#000c;--border:#0000004d}[data-theme=dark]{--muted:#fffc;--border:#fff6}}@media (max-width:1100px){.account-page{gap:28px}.account-card{padding:28px}}@media (max-width:950px){.account-page{grid-template-columns:1fr;max-width:470px;margin:20px auto}.account-story{display:none}}@media (max-width:500px){.account-page{margin:10px auto}.account-card{box-shadow:none;border-radius:18px;padding:25px 20px}.account-card h1{font-size:29px}.account-switch{line-height:1.9}.account-private{font-size:9px}}.verification-page{max-width:480px;margin:55px auto}.verification-mark{background:var(--green);width:64px;height:64px;color:var(--black);border-radius:20px;place-items:center;margin-bottom:26px;display:grid}.verification-page .eyebrow{display:block}.verification-preview{background:var(--subtle);border-radius:8px;margin-top:24px;padding:12px;font-size:12px;line-height:1.8}.verification-preview a{text-underline-offset:3px;text-decoration:underline}.account-verify-link{text-align:center;color:var(--muted);margin:17px 0 0;font-size:11px}.account-verify-link a{text-underline-offset:3px;text-decoration:underline}.dev-mail{margin:24px 0}@media (max-width:500px){.verification-page{margin:20px auto}}