@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--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,ui-sans-serif, system-ui, 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{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{.relative{position:relative}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table-cell{display:table-cell}.table-row{display:table-row}.min-h-\[60px\]{min-height:60px}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[180px\]{min-height:180px}.min-h-full{min-height:100%}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.border{border-style:var(--tw-border-style);border-width:1px}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-60{opacity:.6}}:root{--bg:#0c0e14;--bg-elevated:#13161f;--surface:#1a1e2a;--surface-2:#222736;--border:#2d3348;--text:#e8eaef;--text-muted:#8b92a8;--accent:#818cf8;--accent-hover:#6366f1;--danger:#f87171;--warning:#fbbf24;--success:#4ade80;--info:#60a5fa;--font-mono:var(--font-geist-mono), "JetBrains Mono", "Fira Code", monospace}html.light{--bg:#f8f9fc;--bg-elevated:#fff;--surface:#fff;--surface-2:#f1f3f9;--border:#d8dce8;--text:#1a1e2a;--text-muted:#5c6370;--accent:#6366f1;--accent-hover:#4f46e5}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text);font-family:var(--font-geist-sans), system-ui, sans-serif}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;gap:1rem;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0;overflow:visible}.header-brand,.header-toolbar{flex-shrink:0;align-items:center;gap:.75rem;min-width:0;display:flex}.header-group{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.header-divider{background:var(--border);flex-shrink:0;width:1px;height:24px}.header-nav-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.8rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.header-nav-btn:hover{color:var(--text);background:var(--surface-2)}.header-icon-btn{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.header-icon-btn:hover{color:var(--text);background:var(--surface-2)}.header-new-btn{border:1px solid var(--danger);background:0 0;padding:.4rem .75rem}@supports (color:color-mix(in lab, red, red)){.header-new-btn{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border))}}.header-new-btn{color:var(--danger);cursor:pointer;white-space:nowrap;border-radius:.5rem;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s}.header-new-btn:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.header-new-btn:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}}.header-new-btn:hover{border-color:var(--danger)}@media (max-width:900px){.tagline{display:none}}@media (max-width:768px){.header-nav-btn span,.header-divider{display:none}.header-toolbar{gap:.375rem}.profile-name{display:none}}.logo{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-icon{color:var(--accent);font-size:1.25rem}.logo-text{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.tagline{color:var(--text-muted);border-left:1px solid var(--border);white-space:nowrap;padding-left:.75rem;font-size:.75rem}.announcement-banner{background:linear-gradient(90deg, var(--accent) 0%, var(--accent) 55%, var(--bg-elevated) 100%)}@supports (color:color-mix(in lab, red, red)){.announcement-banner{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 22%, var(--bg-elevated)) 0%, color-mix(in srgb, var(--accent) 10%, var(--bg-elevated)) 55%, var(--bg-elevated) 100%)}}.announcement-banner{border-bottom:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.announcement-banner{border-bottom:1px solid color-mix(in srgb, var(--accent) 30%, var(--border))}}.announcement-banner{box-shadow:inset 4px 0 0 var(--accent);opacity:1;max-height:5rem;transition:max-height .2s,opacity .2s;animation:.25s ease-out announcement-enter;overflow:hidden}.announcement-banner--closing{opacity:0;border-bottom-width:0;max-height:0}@keyframes announcement-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.announcement-banner__inner{justify-content:center;align-items:center;gap:.875rem;max-width:72rem;margin:0 auto;padding:.9rem 3.5rem;display:flex;position:relative}.announcement-banner__icon{background:var(--accent);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.announcement-banner__icon{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.announcement-banner__icon{color:var(--accent);box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.announcement-banner__icon{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}}.announcement-banner__text{color:var(--text);text-align:center;letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.announcement-banner__muted{color:var(--text-muted);font-weight:400}.announcement-banner__cta{background:var(--accent);align-items:center;margin:0 .1rem;padding:.2rem .65rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.announcement-banner__cta{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.announcement-banner__cta{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.announcement-banner__cta{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}}.announcement-banner__cta{font:inherit;color:var(--accent);cursor:pointer;vertical-align:baseline;border-radius:.375rem;font-size:.95rem;font-weight:600;transition:color .15s,background .15s,border-color .15s}.announcement-banner__cta:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.announcement-close{background:var(--text);justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.announcement-close{background:color-mix(in srgb, var(--text) 4%, transparent)}}.announcement-close{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.announcement-close{border:1px solid color-mix(in srgb, var(--border) 80%, transparent)}}.announcement-close{color:var(--text-muted);cursor:pointer;border-radius:.5rem;flex-shrink:0;transition:color .15s,background .15s,border-color .15s}.announcement-close:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.main-layout{flex:1;grid-template-columns:1fr 1fr;gap:0;display:grid}@media (max-width:1024px){.main-layout{grid-template-columns:1fr}}.form-pane{border-right:1px solid var(--border);max-height:calc(100vh - 60px);padding:1.5rem;overflow-y:auto}@media (max-width:1024px){.form-pane{border-right:none;border-bottom:1px solid var(--border);max-height:none}}.preview-pane{background:var(--bg-elevated);max-height:calc(100vh - 60px);padding:1.5rem;position:sticky;top:60px;overflow-y:auto}@media (max-width:1024px){.preview-pane{max-height:none;position:static}}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;font-weight:600}.label{color:var(--text-muted);margin-bottom:.375rem;font-size:.8rem;font-weight:500;display:block}.label-sm{color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;display:block}.input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}}.input-sm{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}textarea.input{resize:vertical}.font-mono{font-family:var(--font-mono)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:background .15s}.btn-secondary:hover{background:var(--border)}.btn-pro{background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 100%);color:#fff;cursor:pointer;box-shadow:0 1px 8px var(--accent);border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:opacity .15s,transform .15s}@supports (color:color-mix(in lab, red, red)){.btn-pro{box-shadow:0 1px 8px color-mix(in srgb, var(--accent) 35%, transparent)}}.btn-pro:hover{opacity:.92;transform:translateY(-1px)}.btn-pro:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.8rem;transition:color .15s,background .15s}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.bg-surface-2{background:var(--surface-2)}.border-border{border-color:var(--border)}.cvss-score-badge{border:2px solid;border-radius:.75rem;padding:1rem}.export-panel{flex-wrap:nowrap;gap:.375rem;display:flex}.export-panel .btn-primary,.export-panel .btn-secondary{white-space:nowrap;padding:.4rem .75rem;font-size:.75rem}@media (max-width:1100px){.export-panel .btn-secondary:last-child{display:none}}.output-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;padding:2px;display:flex}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;transition:all .15s}.toggle-btn.active{background:var(--accent);color:#fff}.preview-panel{height:100%}.preview-content{font-size:.875rem;line-height:1.7}.prose-preview h1{color:var(--text);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.prose-preview h2{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-top:1.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.prose-preview h3{margin-top:1rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.prose-preview p{color:var(--text);margin-bottom:.75rem}.prose-preview pre{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;margin:.75rem 0;padding:1rem;overflow-x:auto}.prose-preview code{font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.prose-preview p code,.prose-preview li code{background:var(--surface-2);border:1px solid var(--border);border-radius:.25rem;padding:.1rem .35rem;font-size:.75rem}.prose-preview ol,.prose-preview ul{margin:.5rem 0 1rem 1.25rem}.prose-preview li{margin-bottom:.375rem}.table-row{border-bottom:1px solid var(--border);gap:1rem;padding:.375rem 0;font-size:.8rem;display:flex}.table-cell:first-child{color:var(--text-muted);min-width:120px;font-weight:500}.impact-hint{color:var(--text-muted);background:var(--accent);font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.impact-hint{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.impact-hint{border-left:3px solid var(--accent);border-radius:0 .375rem .375rem 0;padding:.5rem .75rem}.poc-hint{color:var(--text-muted);background:var(--success);font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.poc-hint{background:color-mix(in srgb, var(--success) 8%, transparent)}}.poc-hint{border-left:3px solid var(--success);border-radius:0 .375rem .375rem 0;margin-bottom:.75rem;padding:.5rem .75rem}.poc-section{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.poc-section{border-color:color-mix(in srgb, var(--success) 30%, var(--border))}}.field-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.field-actions{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.btn-generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:.5rem;align-items:center;padding:.45rem .875rem;font-size:.78rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 1px 3px #4f46e559}.btn-generate:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-generate:disabled{opacity:.55;cursor:not-allowed}.btn-generate-inner{align-items:center;gap:.375rem;display:flex}.btn-generate-icon{font-size:.9rem;line-height:1}.warning-banner{border-left:3px solid;border-radius:.5rem;padding:.625rem .875rem;font-size:.8rem}.warning-error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.warning-error{background:color-mix(in srgb, var(--danger) 10%, transparent)}}.warning-error{border-color:var(--danger);color:var(--danger)}.warning-warning{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.warning-warning{background:color-mix(in srgb, var(--warning) 10%, transparent)}}.warning-warning{border-color:var(--warning);color:var(--warning)}.warning-info{background:var(--info)}@supports (color:color-mix(in lab, red, red)){.warning-info{background:color-mix(in srgb, var(--info) 10%, transparent)}}.warning-info{border-color:var(--info);color:var(--info)}.step-number{background:var(--surface-2);border:1px solid var(--border);width:1.75rem;height:1.75rem;color:var(--text-muted);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.screenshot-thumb{object-fit:cover;border:1px solid var(--border);border-radius:.375rem;width:80px;height:60px}.screenshot-remove{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex;position:absolute;top:-6px;right:-6px}.preview-screenshot{border:1px solid var(--border);border-radius:.5rem;max-width:100%}.vrt-section{background:var(--surface-2);border:1px solid var(--border);border-radius:.625rem;padding:.875rem}.vrt-hint{color:var(--text-muted);border-left:3px solid var(--accent);margin:0;padding:.375rem .625rem;font-size:.72rem;line-height:1.45}.cvss-coming-soon{color:var(--text-muted);background:var(--warning);font-size:.72rem}@supports (color:color-mix(in lab, red, red)){.cvss-coming-soon{background:color-mix(in srgb, var(--warning) 10%, transparent)}}.cvss-coming-soon{border:1px solid var(--warning)}@supports (color:color-mix(in lab, red, red)){.cvss-coming-soon{border:1px solid color-mix(in srgb, var(--warning) 30%, var(--border))}}.cvss-coming-soon{border-radius:.5rem;padding:.5rem .75rem}.field-format-hint{color:var(--text-muted);margin-top:.375rem;font-size:.7rem;line-height:1.4}.field-format-hint code{font-family:var(--font-mono);background:var(--surface-2);border-radius:.2rem;padding:.05rem .3rem;font-size:.68rem}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:1rem;width:100%;max-width:440px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 25px 50px #0006}.modal-wide{max-width:520px}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.modal-title{font-size:1.125rem;font-weight:600}.modal-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.modal-close{padding:.25rem .5rem;font-size:1.25rem;line-height:1}.input-invalid{box-shadow:0 0 0 2px var(--danger);border-color:var(--danger)!important}@supports (color:color-mix(in lab, red, red)){.input-invalid{box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 20%, transparent)}}.field-error{color:var(--danger);margin-top:.375rem;font-size:.75rem}.auth-error{color:var(--danger);background:var(--danger);font-size:.8rem}@supports (color:color-mix(in lab, red, red)){.auth-error{background:color-mix(in srgb, var(--danger) 10%, transparent)}}.auth-error{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.auth-error{border:1px solid color-mix(in srgb, var(--danger) 25%, transparent)}}.auth-error{border-radius:.5rem;margin-bottom:1rem;padding:.625rem .875rem}.auth-success{color:var(--success);background:var(--success);font-size:.8rem}@supports (color:color-mix(in lab, red, red)){.auth-success{background:color-mix(in srgb, var(--success) 10%, transparent)}}.auth-success{border:1px solid var(--success)}@supports (color:color-mix(in lab, red, red)){.auth-success{border:1px solid color-mix(in srgb, var(--success) 25%, transparent)}}.auth-success{border-radius:.5rem;margin-bottom:1rem;padding:.625rem .875rem}.auth-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;margin-bottom:1.25rem;padding:3px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;padding:.5rem;font-size:.8rem;font-weight:500;transition:all .15s}.auth-tab.active{background:var(--accent);color:#fff}.auth-info-box{background:var(--surface-2);color:var(--text-muted);border-radius:.5rem;gap:.75rem;padding:.75rem 1rem;font-size:.75rem;line-height:1.5;display:flex}.auth-info-icon{flex-shrink:0}.save-report-box{background:var(--surface-2);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.save-actions{flex-wrap:wrap;gap:.5rem;margin-top:.875rem;display:flex}.upgrade-wall{background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 100%);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.125rem;display:flex}@supports (color:color-mix(in lab, red, red)){.upgrade-wall{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--surface-2)) 0%, color-mix(in srgb, var(--accent) 6%, var(--surface-2)) 100%)}}.upgrade-wall{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.upgrade-wall{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border))}}.upgrade-wall{border-radius:.75rem}.upgrade-wall-title{color:var(--text);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.upgrade-wall-text{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.45}.upgrade-wall-btn{white-space:nowrap;flex-shrink:0}.upgrade-modal{text-align:center;max-width:26rem}.upgrade-modal-badge{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);background:var(--accent);margin-bottom:.75rem;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:inline-block}@supports (color:color-mix(in lab, red, red)){.upgrade-modal-badge{background:color-mix(in srgb, var(--accent) 14%, transparent)}}.upgrade-modal-badge{border-radius:999px}.upgrade-modal-lead{color:var(--text-muted);margin:.5rem 0 1.25rem;font-size:.9rem;line-height:1.5}.upgrade-feature-list{text-align:left;margin:0 0 1.25rem;padding:0;list-style:none}.upgrade-feature-list li{color:var(--text);padding:.4rem 0 .4rem 1.5rem;font-size:.85rem;position:relative}.upgrade-feature-list li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.upgrade-modal-actions{flex-direction:column;gap:.5rem;display:flex}.upgrade-modal-footnote{color:var(--text-muted);margin:1rem 0 0;font-size:.75rem}.report-list{flex-direction:column;gap:.5rem;max-height:280px;display:flex;overflow-y:auto}.report-item{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;transition:border-color .15s;display:flex}.report-item-active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.report-item-active{background:color-mix(in srgb, var(--accent) 6%, var(--surface-2))}}.report-item-info{flex:1;min-width:0}.report-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.report-item-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.125rem;font-size:.7rem;display:flex}.report-active-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent);font-size:.65rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.report-active-badge{background:color-mix(in srgb, var(--accent) 15%, transparent)}}.report-active-badge{border-radius:.25rem;padding:.125rem .375rem}.report-item-actions{flex-shrink:0;gap:.125rem;display:flex}.report-rename-form{align-items:center;gap:.375rem;width:100%;display:flex}.password-strength{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.password-strength-track{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:width .2s,background .2s}.password-strength-fill.strength-weak{background:var(--danger)}.password-strength-fill.strength-fair{background:var(--warning)}.password-strength-fill.strength-good{background:var(--info)}.password-strength-fill.strength-strong{background:var(--success)}.password-strength-label{text-align:right;min-width:40px;font-size:.7rem;font-weight:600}.password-strength-label.strength-weak{color:var(--danger)}.password-strength-label.strength-fair{color:var(--warning)}.password-strength-label.strength-good{color:var(--info)}.password-strength-label.strength-strong{color:var(--success)}.password-requirements{color:var(--text-muted);grid-template-columns:1fr 1fr;gap:.25rem .75rem;margin-top:.5rem;font-size:.7rem;list-style:none;display:grid}.password-requirements li:before{content:"○ ";color:var(--text-muted)}.password-requirements li.met{color:var(--success)}.password-requirements li.met:before{content:"✓ ";color:var(--success)}.profile-trigger{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;color:var(--text);white-space:nowrap;border-radius:2rem;align-items:center;gap:.5rem;padding:.3rem .65rem .3rem .3rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.profile-trigger:hover,.profile-trigger-open{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.profile-trigger:hover,.profile-trigger-open{background:color-mix(in srgb, var(--accent) 8%, var(--surface-2))}}.profile-trigger:hover,.profile-trigger-open{box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.profile-trigger:hover,.profile-trigger-open{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent)}}.profile-avatar{background:var(--accent);color:#fff;letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.65rem;font-weight:700;display:flex}.profile-avatar-lg{width:2.25rem;height:2.25rem;font-size:.75rem}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:500;overflow:hidden}.profile-chevron-svg{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.profile-chevron-svg.open{transform:rotate(180deg)}.profile-menu-portal{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;min-width:220px;animation:.15s dropdown-in;position:fixed;overflow:hidden;box-shadow:0 16px 48px #00000073,0 0 0 1px #ffffff0a}.profile-menu-header{align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.profile-menu-header-text{flex:1;min-width:0}.profile-menu-name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.profile-menu-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;font-size:.7rem;overflow:hidden}.profile-menu-divider{background:var(--border);height:1px}.profile-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;padding:.625rem 1rem;font-family:inherit;font-size:.8rem;transition:background .1s;display:flex}.profile-menu-item:hover{background:var(--surface-2)}.profile-menu-danger{color:var(--danger)}.profile-menu-danger:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.profile-menu-danger:hover{background:color-mix(in srgb, var(--danger) 8%, transparent)}}.profile-menu-icon{width:1.25rem;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-menu-danger .profile-menu-icon{color:var(--danger)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;margin-bottom:1.25rem;padding:3px;display:flex}.profile-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;padding:.5rem;font-size:.8rem;font-weight:500;transition:all .15s}.profile-tab.active{background:var(--accent);color:#fff}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
