@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.block{display:block}.hidden{display:none}.grow{flex-grow:1}}:root{--bg:#101012;--sidebar:#131315;--surface:#18181b;--surface-2:#202024;--surface-3:#26262b;--border:#ffffff13;--border-strong:#ffffff21;--text:#f5f3f7;--muted:#a09ca8;--subtle:#9994a2;--accent:#a78bfa;--accent-strong:#8b6cf0;--accent-soft:#a78bfa21;--good:#67d5a3;--warning:#f1c474;--shadow:0 20px 60px #00000047;--radius:16px}html[data-theme=light]{--bg:#f7f6f8;--sidebar:#fff;--surface:#fff;--surface-2:#f2f0f5;--surface-3:#e9e6ef;--border:#1e182817;--border-strong:#1e182826;--text:#211d29;--muted:#6f6879;--subtle:#6b6474;--accent:#7553da;--accent-strong:#6948cb;--accent-soft:#7553da1c;--good:#16885a;--warning:#a36b06;--shadow:0 16px 45px #22143714}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#7553da}.app-shell{min-height:100vh}.sidebar{z-index:30;background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;width:250px;padding:21px 14px 15px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{justify-content:space-between;align-items:center;padding:0 6px 20px 5px;display:flex}.brand-link{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#ad93ff,#7553da);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 5px 16px #8565e14d}.brand-name{letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:690;overflow:hidden}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .16s,color .16s;display:inline-flex}.icon-button:hover{color:var(--text);background:var(--surface-2)}.workspace-switch{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;margin-bottom:17px;padding:10px 9px;display:flex}.workspace-avatar,.avatar-small{color:#d8cafd;background:#302a3e;border-radius:9px;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:12px;font-weight:700;display:grid}.workspace-text{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.workspace-text b{font-size:12px;font-weight:620}.workspace-text small{color:var(--subtle);margin-top:3px;font-size:10px}.workspace-chevron{color:var(--subtle)}.sidebar-nav{flex-direction:column;flex:1;display:flex}.nav-group{margin-bottom:22px}.nav-group-label{text-transform:uppercase;letter-spacing:.11em;color:var(--subtle);margin:0 9px 8px;font-size:10px;font-weight:680}.nav-link{min-height:38px;color:var(--muted);border-radius:9px;align-items:center;gap:11px;margin:2px 0;padding:0 10px;font-size:12px;font-weight:520;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 2px 0 var(--accent)}.nav-link.active svg{color:var(--accent)}.nav-link span:first-of-type{flex:1}.nav-count{background:var(--surface-3);color:var(--muted);border-radius:7px;padding:1px 6px;font-size:10px}.nav-external{color:var(--subtle)}.nav-group-bottom{margin-top:auto}.sidebar-footer{border-top:1px solid var(--border);padding:12px 10px 2px}.usage-label{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.usage-track{background:var(--surface-3);border-radius:6px;height:4px;margin:8px 0 7px}.usage-track i{border-radius:inherit;background:var(--accent);opacity:.65;width:100%;height:100%;display:block}.sidebar-footer p{color:var(--subtle);margin:0;font-size:10px}.sidebar-collapsed{width:76px;padding-left:11px;padding-right:11px}.sidebar-collapsed .brand-name,.sidebar-collapsed .workspace-text,.sidebar-collapsed .workspace-chevron,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-link span,.sidebar-collapsed .nav-external,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed .workspace-switch{justify-content:center;padding:8px}.sidebar-collapsed .nav-link{justify-content:center;padding:0}.sidebar-collapsed .nav-group{margin-bottom:18px}.sidebar-collapsed .brand-link{margin:auto}.sidebar-collapsed .sidebar-top{justify-content:center}.sidebar-collapsed .sidebar-collapse{opacity:0;position:absolute;top:19px;right:5px}.sidebar-collapsed:hover .sidebar-collapse{opacity:1}.main-column{min-height:100vh;margin-left:250px;transition:margin-left .2s}.main-column-wide{margin-left:76px}.topbar{z-index:20;background:var(--bg);justify-content:space-between;align-items:center;height:62px;padding:0 34px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb,var(--bg) 91%,transparent)}}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.topbar-left,.topbar-right{align-items:center;gap:13px;display:flex}.breadcrumb{color:var(--subtle);text-transform:capitalize;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumb-current{color:var(--muted)}.breadcrumb-divider{color:var(--subtle)}.prototype-pill{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:10px;display:flex}.prototype-pill i{background:var(--good);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #67d5a366}.avatar-small{border-radius:50%;width:27px;height:27px;font-size:10px}.mobile-menu-button{display:none}.main-content{max-width:1400px;margin:0 auto;padding:34px 42px 20px}.app-footer{color:var(--subtle);justify-content:space-between;gap:10px;padding:25px 2px 10px;font-size:10px;display:flex}.footer-dot{color:var(--accent);padding:0 5px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 27px;display:flex}.page-heading h1{letter-spacing:-.055em;margin:0;font-size:28px;font-weight:640;line-height:1.18}.page-description{color:var(--muted);max-width:620px;margin:9px 0 0;font-size:12px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 9px;font-size:10px;font-weight:700}.page-heading-action{align-items:center;gap:8px;display:flex}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:20px;box-shadow:0 5px 16px #00000009}.card-muted{background:var(--surface-2)}.section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.section-title h2{letter-spacing:-.02em;margin:0;font-size:14px;font-weight:620}.section-title p{color:var(--muted);margin:4px 0 0;font-size:11px}.eyebrow-small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.btn{border:1px solid var(--border-strong);background:var(--surface-2);min-height:37px;color:var(--text);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:11px;font-weight:600;transition:background .15s,transform .15s,border .15s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-strong);transform:translateY(-1px)}.btn:disabled{opacity:.5;transform:none}.btn-primary{background:var(--accent-strong);color:#fff;border-color:#0000;box-shadow:0 4px 13px #8b6cf038}.btn-primary:hover{background:#9a7cf5;border-color:#0000}.btn-quiet{border-color:var(--border);color:var(--muted);background:0 0}.btn-danger{color:#f08f9b;background:#f08f9b0f;border-color:#f08f9b3d}.btn-small{min-height:30px;padding:0 9px;font-size:10px}.btn-full{width:100%}.btn-icon{width:34px;padding:0}.link-button{color:var(--accent);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.link-button:hover{color:var(--text)}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field-label{color:var(--text);font-size:11px;font-weight:590}.field-hint{color:var(--subtle);font-size:10px}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--bg);width:100%;color:var(--text);border-radius:9px;outline:none;padding:10px 11px;font-size:12px;transition:border .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--subtle)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select option{background:var(--surface);color:var(--text)}.textarea{resize:vertical;min-height:90px;line-height:1.6}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field-span-2{grid-column:span 2}.form-actions{align-items:center;gap:9px;margin-top:19px;display:flex}.form-error{color:#f08f9b;margin:0;font-size:11px}.helper-note{color:var(--muted);font-size:10px;line-height:1.55}.dashboard-welcome{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.dashboard-welcome h1{letter-spacing:-.055em;margin:0;font-size:28px;font-weight:640;line-height:1.15}.dashboard-welcome p{color:var(--muted);margin:9px 0 0;font-size:12px}.welcome-meta{color:var(--subtle);font-size:10px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:24px;display:grid}.stat-card{padding:16px 18px}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.stat-icon{width:28px;height:28px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;display:grid}.stat-value{letter-spacing:-.05em;margin:15px 0 3px;font-size:25px;font-weight:650;line-height:1;display:block}.stat-note{color:var(--subtle);font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:16px;display:grid}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:flex-start;gap:12px;padding:15px;transition:border .15s,transform .15s;display:flex}.quick-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.quick-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.quick-copy b{font-size:11px;font-weight:620;display:block}.quick-copy span{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.45;display:block}.recent-list{flex-direction:column;display:flex}.recent-row{border-top:1px solid var(--border);align-items:center;gap:11px;padding:11px 0;display:flex}.recent-row:first-child{border-top:0;padding-top:1px}.recent-type{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.recent-copy{flex:1;min-width:0}.recent-copy b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:580;display:block;overflow:hidden}.recent-copy small{color:var(--subtle);margin-top:3px;font-size:10px;display:block}.empty-state{text-align:center;color:var(--muted);padding:30px 15px}.empty-state-icon{background:var(--surface-2);width:42px;height:42px;color:var(--accent);border-radius:13px;place-items:center;margin:0 auto 11px;display:grid}.empty-state b{color:var(--text);margin-bottom:4px;font-size:12px;display:block}.empty-state p{max-width:280px;margin:0 auto 13px;font-size:10px}.generator-layout{grid-template-columns:minmax(275px,.78fr) minmax(0,1.22fr);align-items:start;gap:16px;display:grid}.generator-panel{position:sticky;top:80px}.generator-results{min-height:390px}.result-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;margin-bottom:10px;padding:16px}.result-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.result-title{font-size:11px;font-weight:640}.result-tools{gap:5px;display:flex}.result-body{resize:vertical;width:100%;min-height:105px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:7px;outline:none;padding:5px 6px;font-size:12px;line-height:1.75}.result-body:focus{background:var(--surface);border-color:var(--border-strong)}.result-body:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.result-foot{color:var(--subtle);justify-content:space-between;align-items:center;margin-top:7px;font-size:10px;display:flex}.result-actions{gap:7px;display:flex}.result-placeholder{text-align:center;min-height:345px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.result-placeholder .empty-state-icon{width:52px;height:52px;margin-bottom:15px}.result-placeholder h3{color:var(--text);margin:0 0 5px;font-size:14px}.result-placeholder p{max-width:300px;margin:0;font-size:11px;line-height:1.6}.pill{background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:570;display:inline-flex}.pill-accent{background:var(--accent-soft);color:var(--accent)}.pill-green{color:var(--good);background:#67d5a31a}.pill-yellow{color:var(--warning);background:#f1c4741c}.platform-pill{color:var(--muted);font-size:9px}.prototype-note{background:var(--accent-soft);color:var(--muted);border:1px solid #a78bfa1f;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}.prototype-note svg{color:var(--accent);flex-shrink:0;margin-top:1px}.library-toolbar{align-items:center;gap:9px;margin-bottom:15px;display:flex}.search-wrap{flex:1;position:relative}.search-wrap svg{color:var(--subtle);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-wrap .input{padding-left:34px}.filter-row{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.filter-chip{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;padding:6px 9px;font-size:10px}.filter-chip:hover,.filter-chip.selected{color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.library-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0;padding:15px}.library-item-head{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.library-item-title{overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:620}.library-meta{color:var(--subtle);align-items:center;gap:7px;margin-top:6px;font-size:9px;display:flex}.library-preview{-webkit-line-clamp:4;white-space:pre-wrap;color:var(--muted);-webkit-box-orient:vertical;margin:12px 0;font-size:10px;line-height:1.65;display:-webkit-box;overflow:hidden}.library-actions{border-top:1px solid var(--border);align-items:center;gap:6px;padding-top:10px;display:flex}.library-actions .spacer{flex:1}.icon-danger{color:#e38b96}.planner-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:16px;display:grid}.planner-list{flex-direction:column;gap:9px;display:flex}.planner-item{border:1px solid var(--border);background:var(--bg);border-radius:11px;padding:13px}.planner-item-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.planner-item h3{margin:0;font-size:11px;font-weight:620}.planner-item p{color:var(--muted);white-space:pre-wrap;margin:7px 0 0;font-size:10px}.planner-date{color:var(--subtle);margin-top:5px;font-size:10px}.planner-item-actions{gap:5px;display:flex}.status-select{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:7px;padding:5px 8px;font-size:9px}.planner-calendar{border-top:1px solid var(--border);border-left:1px solid var(--border);border-radius:9px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendar-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:83px;color:var(--muted);padding:7px;font-size:9px}.calendar-cell.today{background:var(--accent-soft)}.calendar-day-label{text-align:center;color:var(--subtle);border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);padding:8px 2px;font-size:9px}.calendar-number{font-size:9px}.calendar-event{color:var(--accent);background:var(--accent-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;margin-top:4px;padding:3px 4px;font-size:8px;line-height:1.35;display:block;overflow:hidden}.settings-layout{grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);align-items:start;gap:16px;display:grid}.settings-section{margin-bottom:17px}.settings-section:last-child{margin-bottom:0}.settings-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:13px 0;display:flex}.settings-row:first-of-type{border-top:0}.settings-row-copy b{font-size:11px;font-weight:590;display:block}.settings-row-copy p{color:var(--muted);max-width:440px;margin:4px 0 0;font-size:10px;line-height:1.5}.settings-control{flex-shrink:0;width:190px}.toggle{background:var(--surface-3);border:0;border-radius:99px;width:40px;height:22px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;display:block}.toggle.on{background:var(--accent-strong)}.toggle.on span{transform:translate(18px)}.privacy-panel{background:linear-gradient(145deg,var(--accent-soft),transparent 80%),var(--surface)}.privacy-panel h3{margin:0 0 7px;font-size:13px}.privacy-panel p{color:var(--muted);margin:0 0 14px;font-size:10px;line-height:1.65}.privacy-bullets{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.privacy-bullets li{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.privacy-bullets svg{color:var(--good)}.dashboard-note{margin-top:16px}.script-copy-list{border-top:1px solid var(--border);gap:7px;margin-top:8px;padding-top:10px;display:grid}.script-copy-list .result-actions{flex-wrap:wrap}.tag-chip-list{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.tag-chip-list .pill{border:1px solid var(--border)}.tag-chip-list .pill:hover{background:var(--accent-soft);color:var(--accent)}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);width:min(520px,100%);max-height:85vh;box-shadow:var(--shadow);border-radius:16px;padding:21px;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.modal-head h2{letter-spacing:-.03em;margin:0;font-size:16px}.modal-head p{color:var(--muted);margin:5px 0 0;font-size:10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.toast-stack{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:22px}.toast{pointer-events:auto;border:1px solid var(--border-strong);background:var(--surface);max-width:360px;box-shadow:var(--shadow);color:var(--text);text-align:left;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;font-size:11px;animation:.2s toast-in;display:flex}.toast-dot{background:var(--good);border-radius:50%;flex-shrink:0;width:7px;height:7px}.toast-error .toast-dot{background:#f08f9b}.toast-info .toast-dot{background:var(--accent)}.toast-close{color:var(--subtle);margin-left:7px;font-size:15px}.mobile-scrim,.mobile-sidebar{display:none}.skeleton-line{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;border-radius:7px;width:145px;height:11px;animation:1.3s ease-in-out infinite skeleton}.skeleton-heading{width:230px;height:24px;margin-bottom:12px}.skeleton-description{width:290px;margin-top:11px}.skeleton-card{min-height:125px}.skeleton-value{background:var(--surface-2);border-radius:7px;width:55px;height:27px;margin-top:22px}.skeleton-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:21px;display:grid}.skeleton-tile{width:100%;height:66px}.error-page{flex-direction:column;justify-content:center;align-items:flex-start;max-width:500px;min-height:58vh;margin:auto;padding:30px 15px;display:flex}.error-page h1{letter-spacing:-.05em;margin:3px 0 7px;font-size:26px}.error-page>p:not(.eyebrow){color:var(--muted);max-width:390px;margin:0 0 17px;font-size:12px}.error-page .empty-state-icon{margin:0 0 16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing{overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;max-width:1220px;height:72px;margin:auto;padding:0 30px;display:flex}.landing-nav .brand-link{gap:11px}.landing-nav-links{color:var(--muted);align-items:center;gap:28px;font-size:11px;display:flex}.landing-nav-links a:hover{color:var(--text)}.landing-nav-actions{align-items:center;gap:9px;display:flex}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:45px;max-width:1220px;margin:auto;padding:92px 30px 68px;display:grid}.hero-copy .eyebrow{align-items:center;gap:8px;display:flex}.hero-copy .eyebrow:before{content:"";background:var(--accent);width:18px;height:1px}.hero-copy h1{letter-spacing:-.07em;max-width:620px;margin:0;font-size:58px;font-weight:630;line-height:1.04}.hero-copy h1 span{color:var(--accent)}.hero-copy p{max-width:500px;color:var(--muted);margin:21px 0 25px;font-size:14px;line-height:1.8}.hero-actions{align-items:center;gap:10px;display:flex}.hero-actions .btn{height:43px;padding:0 17px;font-size:12px}.hero-note{color:var(--subtle);align-items:center;gap:8px;margin-top:17px;font-size:10px;display:flex}.hero-note svg{color:var(--good)}.hero-visual{position:relative}.hero-visual:before{content:"";filter:blur(18px);pointer-events:none;background:radial-gradient(#8061e238,#0000 70%);width:380px;height:340px;position:absolute;top:8%;left:16%}.demo-window{border:1px solid var(--border-strong);background:var(--surface);border-radius:16px;padding:15px;position:relative}@supports (color:color-mix(in lab, red, red)){.demo-window{background:color-mix(in srgb,var(--surface) 93%,transparent)}}.demo-window{transform:perspective(1200px)rotateY(-4deg)rotateX(2deg);box-shadow:0 25px 90px #00000047}.demo-titlebar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:2px 3px 13px;display:flex}.demo-lights{gap:5px;display:flex}.demo-lights i{background:var(--surface-3);border-radius:50%;width:6px;height:6px}.demo-title{color:var(--muted);font-size:9px}.demo-content{grid-template-columns:85px 1fr;gap:12px;min-height:290px;padding-top:13px;display:grid}.demo-mini-nav{border-right:1px solid var(--border);padding-right:9px}.demo-logo{background:var(--accent-soft);border-radius:5px;width:44px;height:14px;margin:0 0 19px}.demo-nav-line{background:var(--surface-2);border-radius:4px;width:76%;height:6px;margin:12px 0}.demo-nav-line.active{background:var(--accent);opacity:.7;width:92%}.demo-main{padding:0 5px}.demo-main h3{margin:0 0 3px;font-size:12px}.demo-main>p{color:var(--muted);margin:0 0 13px;font-size:8px}.demo-controls{gap:5px;margin-bottom:10px;display:flex}.demo-controls i{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;width:54px;height:18px}.demo-result{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin:7px 0;padding:10px}.demo-result-top{color:var(--muted);justify-content:space-between;margin-bottom:7px;font-size:7px;display:flex}.demo-copy-line{background:var(--surface-2);border-radius:5px;width:87%;height:5px;margin:5px 0}.demo-copy-line.short{width:58%}.demo-accent-chip{background:var(--accent-strong);opacity:.85;border-radius:5px;width:70px;height:16px;margin-top:6px;display:inline-block}.demo-float{border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;display:flex;position:absolute;bottom:30px;right:-16px}.demo-float svg{color:var(--good)}.landing-proof{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;max-width:1150px;margin:0 auto;padding:20px 30px 42px}.landing-proof p{text-transform:uppercase;letter-spacing:.13em;color:var(--subtle);margin:0 0 17px;font-size:9px}.platforms-row{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:34px;font-size:12px;font-weight:580;display:flex}.landing-section{max-width:1160px;margin:auto;padding:82px 30px}.section-heading-center{text-align:center;max-width:580px;margin:0 auto 35px}.section-heading-center h2{letter-spacing:-.05em;margin:0;font-size:32px;font-weight:630;line-height:1.15}.section-heading-center p{color:var(--muted);margin:11px 0 0;font-size:12px;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.feature-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:18px}.feature-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.feature-card h3{margin:0 0 6px;font-size:12px}.feature-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.steps-grid{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.step-card{border-top:1px solid var(--border-strong);padding:20px}.step-number{color:var(--accent);letter-spacing:.1em;font-size:10px;font-weight:700}.step-card h3{margin:10px 0 6px;font-size:13px}.step-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.platforms-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:26px;display:flex}.platforms-panel h2{letter-spacing:-.04em;margin:0;font-size:20px}.platforms-panel p{color:var(--muted);margin:5px 0 0;font-size:10px}.platform-tokens{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.platform-token{background:var(--surface-2);color:var(--muted);border-radius:9px;padding:8px 11px;font-size:10px}.pricing-card{border:1px solid var(--border-strong);background:linear-gradient(145deg,var(--accent-soft),transparent 45%),var(--surface);border-radius:16px;max-width:390px;margin:0 auto;padding:23px}.pricing-top{justify-content:space-between;align-items:flex-start;display:flex}.pricing-top h3{margin:0;font-size:15px}.pricing-label{color:var(--good);background:#67d5a31a;border-radius:999px;padding:4px 8px;font-size:9px}.pricing-amount{letter-spacing:-.07em;margin:18px 0 1px;font-size:36px;font-weight:650}.pricing-amount span{letter-spacing:0;color:var(--muted);font-size:11px;font-weight:450}.pricing-card>p{color:var(--muted);margin:0 0 17px;font-size:10px}.pricing-list{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.pricing-list li{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.pricing-list svg{color:var(--good)}.planned-note{text-align:center;color:var(--subtle)!important;margin:12px 0 0!important;font-size:9px!important}.faq-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.faq-item{border-bottom:1px solid var(--border);padding:16px}.faq-item h3{margin:0 0 6px;font-size:11px}.faq-item p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.landing-cta{border:1px solid var(--border);text-align:center;background:radial-gradient(ellipse at center top,var(--accent-soft),transparent 70%),var(--surface);border-radius:17px;max-width:1160px;margin:15px auto 80px;padding:35px}.landing-cta h2{letter-spacing:-.05em;margin:0;font-size:27px}.landing-cta p{color:var(--muted);margin:8px 0 18px;font-size:11px}.landing-footer{border-top:1px solid var(--border);max-width:1220px;color:var(--subtle);justify-content:space-between;margin:auto;padding:25px 30px;font-size:10px;display:flex}.landing-footer-links{gap:20px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton{0%,to{background-position:100% 0}50%{background-position:0 0}}@media (max-width:1100px){.main-content{padding:29px 28px 18px}.feature-grid{grid-template-columns:repeat(2,1fr)}.landing-hero{gap:25px;padding-top:72px}.hero-copy h1{font-size:48px}.landing-section{padding-top:65px;padding-bottom:65px}}@media (max-width:850px){.sidebar{display:none}.main-column,.main-column-wide{margin-left:0}.topbar{padding:0 19px}.main-content{padding:25px 19px 15px}.mobile-menu-button{display:inline-flex}.mobile-sidebar{z-index:61;background:var(--sidebar);width:270px;box-shadow:var(--shadow);transition:transform .22s;display:block;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.mobile-sidebar-open{transform:translate(0)}.mobile-sidebar .sidebar{border:0;width:100%;height:calc(100% - 50px);display:flex;position:static}.mobile-sidebar-head{border-bottom:1px solid var(--border);height:50px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 13px;font-size:11px;display:flex}.mobile-scrim{z-index:60;background:#00000080;border:0;display:block;position:fixed;inset:0}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.generator-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.landing-hero{grid-template-columns:1fr;max-width:760px;padding-top:55px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy p{margin-left:auto;margin-right:auto}.hero-copy .eyebrow,.hero-actions,.hero-note{justify-content:center}.hero-visual{width:100%;max-width:600px;margin:15px auto 0}.landing-nav-links{display:none}.landing-hero .hero-copy h1{font-size:50px}.platforms-panel{flex-direction:column;align-items:flex-start}.platform-tokens{justify-content:flex-start}.settings-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.main-content{padding:23px 14px 14px}.topbar{height:56px;padding:0 12px}.topbar-right{gap:7px}.prototype-pill{padding:7px;font-size:0}.prototype-pill i{width:7px;height:7px}.breadcrumb{font-size:10px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:20px}.page-heading h1,.dashboard-welcome h1{font-size:24px}.page-heading-action{width:100%}.page-heading-action .btn{flex:1}.dashboard-welcome{flex-direction:column;align-items:flex-start}.welcome-meta{display:none}.stats-grid{gap:7px}.stat-card{padding:12px 10px}.stat-top{font-size:9px}.stat-icon{width:24px;height:24px}.stat-value{margin-top:13px;font-size:21px}.stat-note{font-size:8px}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{gap:8px;padding:11px}.quick-icon{width:28px;height:28px}.quick-copy b{font-size:10px}.quick-copy span{font-size:9px}.generator-layout,.planner-layout{grid-template-columns:1fr}.generator-panel{position:static}.generator-results{min-height:300px}.result-placeholder{min-height:250px}.form-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.library-toolbar{flex-wrap:wrap}.library-toolbar .search-wrap{flex-basis:100%}.library-grid{grid-template-columns:1fr}.planner-calendar-wrap{overflow-x:auto}.planner-calendar{min-width:490px}.calendar-cell{min-height:65px}.settings-row{flex-direction:column;align-items:flex-start;gap:10px}.settings-control{width:100%}.settings-row .toggle{align-self:flex-end;margin-top:-29px}.app-footer{flex-direction:column;gap:4px;font-size:9px}.landing-nav{height:63px;padding:0 15px}.landing-nav .btn{min-height:33px;padding:0 9px;font-size:10px}.landing-hero{padding:48px 17px 45px}.hero-copy h1,.landing-hero .hero-copy h1{font-size:40px}.hero-copy p{font-size:12px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.demo-window{padding:11px;transform:none}.demo-content{grid-template-columns:61px 1fr;min-height:230px}.demo-float{bottom:13px;right:0}.landing-proof{padding:17px 14px 28px}.platforms-row{gap:16px;font-size:10px}.landing-section{padding:54px 17px}.section-heading-center h2{font-size:26px}.feature-grid,.steps-grid,.faq-grid{grid-template-columns:1fr}.feature-card{padding:15px}.steps-grid{gap:3px}.platforms-panel{padding:20px}.pricing-list{grid-template-columns:1fr 1fr}.landing-cta{margin:0 14px 50px;padding:27px 17px}.landing-cta h2{font-size:22px}.landing-footer{flex-direction:column;gap:12px;padding:20px 15px}.landing-footer-links{gap:15px}.toast-stack{bottom:10px;left:10px;right:10px}.toast{max-width:none}.modal{padding:17px}.modal-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:where(a,button,input:not([type=hidden]),select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recovery-actions{flex-wrap:wrap;gap:9px;margin:0 0 12px;display:flex}.recovery-actions .btn{min-height:40px}@media (max-width:420px){.recovery-actions{flex-direction:column;align-items:stretch;width:100%}.error-page{padding-left:18px;padding-right:18px}}
