@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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?dpl=dpl_Cgm54SHnDAj3dLdf7MpUSPeVWxFS)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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"Geist Mono", "Geist Mono Fallback", ui-monospace, monospace}}@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}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#f4f0e7;--foreground:#11120f;--ink:#11120f;--paper:#f4f0e7;--paper-bright:#fffdf7;--acid:#d8ff4f;--blue:#3f5df6;--orange:#ff765f;--soft-blue:#dce3ff;--line:#11120f2b;--line-light:#ffffff24;--muted:#5d5e58}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);margin:0;font-family:Geist,Geist Fallback,ui-sans-serif,system-ui,sans-serif}button,textarea,input{color:inherit;font:inherit}button{border:0}::selection{background:var(--acid);color:var(--ink)}button:focus-visible,textarea:focus-visible,input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.studio-shell{background:var(--paper);grid-template:"header header"64px"prompt canvas"minmax(0,1fr)/362px minmax(0,1fr);height:100dvh;min-height:680px;display:grid;overflow:hidden}.studio-header{z-index:10;border-bottom:1px solid var(--line);background:var(--paper-bright);grid-area:header;align-items:center;min-width:0;padding:0 16px 0 18px;display:flex}.flossi-brand{align-items:center;gap:10px;min-width:174px;display:flex}.flossi-brand svg{flex:none;width:32px;height:32px}.flossi-brand>span{gap:1px;display:grid}.flossi-brand strong{color:var(--ink);letter-spacing:-.035em;font-size:14px;font-weight:670}.flossi-brand small{color:#74756f;letter-spacing:.09em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:7px;font-weight:620}.header-project{color:#777872;align-items:center;gap:9px;min-width:0;font-size:12px;display:flex}.header-project>span:not(.header-separator){max-width:240px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-separator{background:var(--line);width:1px;height:18px;margin:0 8px 0 4px}.saved-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;margin-left:4px}.header-project small{color:#85867f;font-size:11px}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.portal-return{border:1px solid var(--line);color:#555650;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:11px;font-weight:590;text-decoration:none;transition:border-color .16s,background .16s;display:inline-flex}.portal-return:hover{border-color:var(--ink);background:#ebe6db}.portal-return span{font-family:Geist Mono,monospace}.figma-ready,.export-button,.icon-button{border:1px solid var(--line);background:var(--paper);border-radius:8px;height:36px}.figma-ready{color:#555650;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex}.figma-ready i{background:var(--ink);width:17px;height:17px;color:var(--paper-bright);border-radius:4px;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid}.icon-button,.export-button{cursor:pointer;justify-content:center;align-items:center;transition:border-color .16s,background .16s;display:inline-flex}.icon-button:hover,.export-button:hover{border-color:var(--ink);background:#ebe6db}.icon-button{width:36px}.icon-button svg,.export-button svg,.device-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:16px}.export-button{border-color:var(--ink);background:var(--acid);color:var(--ink);gap:7px;padding:0 14px;font-size:11px;font-weight:680}.export-button:hover{border-color:var(--ink);background:var(--ink);color:var(--paper-bright)}.prompt-panel{border-right:1px solid var(--line-light);background:var(--ink);scrollbar-color:#464a47 transparent;scrollbar-width:thin;grid-area:prompt;min-height:0;padding:28px 24px 24px;overflow:hidden auto}.panel-heading{grid-template-columns:28px 1fr;gap:10px;margin-bottom:25px;display:grid}.step-number{color:var(--acid);padding-top:4px;font-family:Geist Mono,monospace;font-size:10px}.panel-heading h1{color:var(--paper-bright);letter-spacing:-.025em;margin:0 0 5px;font-size:17px;font-weight:590}.panel-heading p{color:#a5a69f;max-width:245px;margin:0;font-size:11px;line-height:1.5}.brief-label,.direction-fieldset legend{color:#e6e4dc;letter-spacing:.055em;text-transform:uppercase;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;font-size:10px;font-weight:600;display:flex}.brief-label span,.direction-fieldset legend small{color:#74766f;letter-spacing:0;text-transform:none;font-family:Geist Mono,monospace;font-size:9px;font-weight:400}.brief-field{margin-bottom:27px;position:relative}.brief-field textarea{resize:vertical;border:1px solid var(--line-light);width:100%;min-height:142px;color:var(--paper-bright);background:#ffffff0d;border-radius:8px;outline:none;padding:13px 13px 28px;font-size:12px;line-height:1.58;transition:border-color .16s,box-shadow .16s;display:block}.brief-field textarea:hover{border-color:#ffffff47}.brief-field textarea:focus{border-color:var(--acid);box-shadow:0 0 0 3px #d8ff4f17}.brief-hint{color:#777971;font-family:Geist Mono,monospace;font-size:8px;position:absolute;bottom:9px;right:10px}.direction-fieldset{border:0;min-width:0;margin:0;padding:0}.direction-list{gap:6px;display:grid}.direction-option{cursor:pointer;border:1px solid var(--line-light);background:#ffffff0a;border-radius:8px;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:54px;padding:7px 10px 7px 7px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.direction-option:hover{background:#ffffff12;border-color:#ffffff47;transform:translate(1px)}.direction-option.selected{border-color:var(--acid);box-shadow:inset 3px 0 var(--acid);background:#d8ff4f14}.direction-option input{opacity:0;width:1px;height:1px;position:absolute}.direction-swatch{background:#f2eee4;border-radius:3px;width:45px;height:38px;display:block;position:relative;overflow:hidden}.direction-swatch i{display:block;position:absolute}.direction-swatch i:first-child{background:#203c2d;width:23px;height:4px;top:7px;left:7px}.direction-swatch i:nth-child(2){background:#7f827a;width:15px;height:2px;top:15px;left:7px}.direction-swatch i:last-child{background:#e56b45;border-radius:50%;width:13px;height:13px;bottom:5px;right:5px}.direction-option-quiet-luxury .direction-swatch{background:#20201c}.direction-option-quiet-luxury .direction-swatch i:first-child{background:#d6bd87}.direction-option-quiet-luxury .direction-swatch i:nth-child(2){background:#8b887e}.direction-option-quiet-luxury .direction-swatch i:last-child{background:#778873}.direction-option-bold .direction-swatch{background:#5a2bff}.direction-option-bold .direction-swatch i:first-child{background:#d9ff4e;width:28px;height:8px;transform:rotate(-8deg)}.direction-option-bold .direction-swatch i:nth-child(2){background:#fff}.direction-option-bold .direction-swatch i:last-child{background:#ff5c35;border-radius:2px;transform:rotate(10deg)}.direction-option-warm .direction-swatch{background:#fff4e8}.direction-option-warm .direction-swatch i:first-child{background:#b6462e}.direction-option-warm .direction-swatch i:nth-child(2){background:#a68276}.direction-option-warm .direction-swatch i:last-child{background:#e7a93e}.direction-option-clean .direction-swatch{background:#eef2f7}.direction-option-clean .direction-swatch i:first-child{background:#155eef}.direction-option-clean .direction-swatch i:nth-child(2){background:#667085}.direction-option-clean .direction-swatch i:last-child{background:#12b76a;border-radius:3px}.direction-copy{gap:2px;min-width:0;display:grid}.direction-copy b{color:var(--paper-bright);font-size:11px;font-weight:550}.direction-copy small{color:#82847c;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.direction-index{color:#676962;font-family:Geist Mono,monospace;font-size:8px}.direction-option.selected .direction-index{color:var(--acid)}.panel-message{color:#969890;margin:13px 1px 0;font-size:9px;line-height:1.5}.panel-error{color:var(--orange)}.generate-button{cursor:pointer;border:1px solid var(--acid);background:var(--acid);width:100%;color:var(--ink);text-align:left;border-radius:8px;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;margin-top:19px;padding:10px 13px 10px 10px;transition:background .16s,transform .16s,box-shadow .16s;display:grid}.generate-button:hover:not(:disabled){box-shadow:4px 4px 0 var(--blue);background:#e3ff7a;transform:translate(-2px,-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.54}.generate-icon{background:var(--ink);width:35px;height:35px;color:var(--acid);border-radius:5px;place-items:center;display:grid}.generate-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.25px;width:18px}.generate-button>span:nth-child(2){gap:2px;display:grid}.generate-button b{font-size:11px;font-weight:650}.generate-button small{color:#545b36;font-size:8px}.generate-arrow{font-size:17px}.canvas-panel{background:#d8d5cd;grid-area:canvas;grid-template-rows:44px minmax(0,1fr) 28px;min-width:0;min-height:0;display:grid;position:relative}.canvas-toolbar{z-index:3;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;display:grid}.device-toggle{border:1px solid var(--line);background:#e7e2d8;border-radius:8px;justify-self:start;padding:2px;display:flex}.device-toggle button{cursor:pointer;color:#777872;background:0 0;border-radius:6px;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:9px;display:flex}.device-toggle button.active{background:var(--paper-bright);color:var(--ink);box-shadow:0 1px 3px #11120f21}.canvas-meta{color:#777872;justify-self:center;align-items:center;gap:7px;font-family:Geist Mono,monospace;font-size:8px;display:flex}.canvas-meta span:last-child{color:#4f504b;text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.zoom-control{border:1px solid var(--line);background:var(--paper-bright);color:#5d5e58;border-radius:7px;justify-self:end;align-items:center;gap:8px;padding:5px 8px;font-size:9px;display:flex}.canvas-scroll{scrollbar-color:#96948d #d5d2ca;scrollbar-width:thin;background-color:#d5d2ca;background-image:radial-gradient(#aaa89f .65px,#0000 .65px);background-size:14px 14px;min-width:0;min-height:0;padding:47px 52px 80px;position:relative;overflow:auto}.canvas-scroll-mobile{flex-direction:column;align-items:center;display:flex}.artboard-label{color:#555650;justify-content:space-between;align-items:center;gap:24px;width:fit-content;min-width:390px;margin:0 0 7px;font-family:Geist Mono,monospace;font-size:8px;display:flex}.canvas-scroll-desktop .artboard-label{min-width:1120px}.artboard{width:fit-content;transition:opacity .18s,filter .18s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #36393624,0 24px 60px #2c2f2c33}.artboard.generating>.generated-site{filter:grayscale(.3);opacity:.45}.generation-overlay{z-index:5;width:226px;height:128px;color:var(--paper-bright);background:#11120ff5;border:1px solid #ffffff2e;border-radius:10px;place-items:center;margin:0 0 -128px;padding:20px;display:grid;position:sticky;top:42%;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000040}.generation-overlay b{margin-top:4px;font-size:11px;font-weight:570}.generation-overlay small{color:#a2a49c;font-family:Geist Mono,monospace;font-size:7px}.generation-spinner{border:2px solid #4b514b;border-top-color:var(--acid);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.studio-statusbar{z-index:3;border-top:1px solid var(--line-light);background:var(--ink);color:#8e9089;align-items:center;gap:16px;padding:0 12px;font-size:8px;display:flex}.studio-statusbar span{white-space:nowrap;align-items:center;gap:6px;display:flex}.status-source{background:#929890;border-radius:50%;width:6px;height:6px}.status-source-ai{background:var(--acid);box-shadow:0 0 7px #d8ff4f80}.status-copy{margin-left:auto}.generated-site{--section-pad:76px;background:var(--design-canvas);width:1120px;color:var(--design-text);font-family:Geist,Geist Fallback,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}.generated-site *{box-sizing:border-box}.generated-site h1,.generated-site h2,.generated-site h3,.generated-site p,.generated-site blockquote{margin:0}.generated-site h1,.generated-site h2,.generated-site h3{text-wrap:balance}.generated-site p{text-wrap:pretty}.type-editorial h1,.type-editorial h2{letter-spacing:-.057em;font-weight:510}.type-humanist h1,.type-humanist h2{letter-spacing:-.046em;font-weight:560}.type-neo-grotesk h1,.type-neo-grotesk h2{letter-spacing:-.062em;font-weight:720}.type-mono-accent .site-eyebrow,.type-mono-accent .feature-card-top,.type-mono-accent .tiny-label{font-family:Geist Mono,ui-monospace,monospace}.density-airy{--section-pad:88px}.density-compact{--section-pad:66px}.site-nav{border-bottom:1px solid var(--design-border);grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 60px;display:grid}.site-brand{align-items:center;gap:9px;width:fit-content;display:inline-flex}.site-brand strong{letter-spacing:-.025em;font-size:15px;font-weight:660}.site-mark{background:var(--design-primary);width:27px;height:27px;color:var(--design-primary-text);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.site-nav nav{color:var(--design-muted);align-items:center;gap:27px;font-size:10px;display:flex}.site-nav-cta{border-radius:var(--design-button-radius);background:var(--design-primary);color:var(--design-primary-text);justify-self:end;padding:8px 14px;font-size:9px;font-weight:620}.site-menu{display:none}.site-hero{min-height:596px;padding:var(--section-pad) 60px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:64px;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;display:flex}.site-eyebrow{color:var(--design-primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:19px;font-size:9px;font-weight:680;display:inline-flex}.site-eyebrow svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:13px}.site-hero h1{max-width:510px;font-size:62px;line-height:.99}.hero-copy>p{max-width:420px;color:var(--design-muted);margin-top:25px;font-size:15px;line-height:1.62}.hero-actions{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.site-button{border:1px solid var(--design-primary);border-radius:var(--design-button-radius);background:var(--design-primary);min-height:42px;color:var(--design-primary-text);align-items:center;gap:18px;padding:0 17px;font-size:10px;font-weight:630;display:inline-flex}.site-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;width:13px}.site-button-secondary{border-color:var(--design-border);color:var(--design-text);background:0 0}.hero-proof{color:var(--design-muted);align-items:center;gap:10px;margin-top:29px;font-size:8px;display:flex}.proof-faces{padding-left:5px;display:flex}.proof-faces i{border:2px solid var(--design-canvas);background:var(--design-surface-alt);border-radius:50%;width:20px;height:20px;margin-left:-5px}.proof-faces i:nth-child(2){background:var(--design-accent)}.proof-faces i:nth-child(3){background:var(--design-primary)}.hero-visual{border:1px solid var(--design-border);border-radius:var(--design-card-radius);background:var(--design-surface-alt);height:446px;position:relative;overflow:hidden}.visual-glow{aspect-ratio:1;background:radial-gradient(circle, var(--design-accent) 0, transparent 68%);filter:blur(3px);opacity:.34;border-radius:50%;width:68%;position:absolute;top:-10%;right:-7%}.hero-visual-gradient-orbit .visual-glow{opacity:.72;width:100%;top:-20%;right:-20%}.visual-orbit{border:1px solid var(--design-primary);opacity:.2;border-radius:50%;position:absolute}.visual-orbit-one{width:260px;height:260px;top:38px;right:26px}.visual-orbit-two{width:150px;height:150px;top:92px;right:82px}.visual-card{border:1px solid var(--design-border);position:absolute}@supports (color:color-mix(in lab, red, red)){.visual-card{border:1px solid color-mix(in srgb, var(--design-border), transparent 25%)}}.visual-card{border-radius:max(4px, calc(var(--design-card-radius) * .75));background:var(--design-surface)}@supports (color:color-mix(in lab, red, red)){.visual-card{background:color-mix(in srgb, var(--design-surface), transparent 4%)}}.visual-card{box-shadow:0 18px 50px var(--design-text)}@supports (color:color-mix(in lab, red, red)){.visual-card{box-shadow:0 18px 50px color-mix(in srgb, var(--design-text), transparent 88%)}}.visual-card-main{width:calc(100% - 96px);min-height:312px;padding:23px;top:60px;left:48px;transform:rotate(-1.4deg)}.hero-visual-editorial-cards .visual-card-main{width:calc(100% - 118px);top:76px;left:64px;transform:rotate(2.3deg)}.hero-visual-editorial-cards:before{border:1px solid var(--design-primary);border-radius:var(--design-card-radius);content:"";opacity:.25;width:74%;height:290px;position:absolute;top:46px;left:37px;transform:rotate(-6deg)}.visual-card-head{color:var(--design-muted);letter-spacing:.055em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:8px;display:flex}.visual-menu{letter-spacing:.12em}.visual-card-main>strong{letter-spacing:-.04em;max-width:260px;margin-top:18px;font-size:20px;font-weight:560;display:block}.mini-chart{border-bottom:1px solid var(--design-border);align-items:flex-end;gap:7px;height:89px;margin-top:25px;padding-bottom:10px;display:flex}.mini-chart span{width:100%;height:var(--bar-height);background:var(--design-primary);opacity:.82;border-radius:2px 2px 0 0;min-height:8px}.mini-chart span:nth-child(2n){background:var(--design-accent)}.visual-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.visual-metrics div{gap:2px;display:grid}.visual-metrics b{font-size:14px;font-weight:620}.visual-metrics span{color:var(--design-muted);font-size:7px}.visual-card-note{align-items:center;gap:7px;padding:10px 13px;font-size:8px;display:flex;bottom:25px;right:21px;transform:rotate(-2deg)}.note-dot{background:var(--design-accent);border-radius:50%;width:6px;height:6px}.visual-card-index{gap:1px;padding:9px 12px;display:grid;bottom:38px;left:20px;transform:rotate(3deg)}.visual-card-index span{color:var(--design-muted);text-transform:uppercase;font-size:6px}.visual-card-index b{font-family:Geist Mono,monospace;font-size:9px}.social-proof{border-top:1px solid var(--design-border);border-bottom:1px solid var(--design-border);grid-template-columns:180px 1fr;align-items:center;gap:40px;padding:31px 60px;display:grid}.social-proof>span{color:var(--design-muted);font-size:8px;line-height:1.4}.social-proof>div{justify-content:space-between;align-items:center;gap:18px;display:flex}.social-proof strong{color:var(--design-text);letter-spacing:-.035em;font-size:13px;font-weight:600}.feature-section{padding:calc(var(--section-pad) * 1.05) 60px;background:var(--design-surface)}.section-intro{grid-template-columns:1.2fr 1fr;align-items:end;column-gap:70px;display:grid}.section-intro .site-eyebrow{grid-column:1/-1}.section-intro h2,.showcase-copy h2,.site-cta-section h2{font-size:43px;line-height:1.06}.section-intro>p{color:var(--design-muted);padding-bottom:3px;font-size:12px;line-height:1.68}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:49px;display:grid}.feature-grid:has(.feature-card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{border:1px solid var(--design-border);border-radius:var(--design-card-radius);background:var(--design-canvas);min-height:292px;padding:17px}.feature-card-top{color:var(--design-muted);justify-content:space-between;align-items:center;font-size:7px;display:flex}.feature-arrow{border:1px solid var(--design-border);width:22px;height:22px;color:var(--design-text);border-radius:50%;place-items:center;font-size:9px;display:grid}.feature-glyph{width:100%;height:85px;margin:25px 0 23px;position:relative}.feature-glyph i{border:1px solid var(--design-primary);display:block;position:absolute}.feature-glyph-1 i{border-radius:50%;width:56px;height:56px;top:10px;left:calc(50% - 28px)}.feature-glyph-1 i:nth-child(2){border-color:var(--design-accent);width:56px;left:calc(50% - 16px)}.feature-glyph-1 i:nth-child(3){background:var(--design-primary);border:0;border-radius:50%;width:8px;height:8px;top:30px;left:calc(50% - 4px)}.feature-glyph-2 i{background:var(--design-surface-alt);border-radius:3px;width:68px;height:44px;top:17px;left:calc(50% - 34px)}@supports (color:color-mix(in lab, red, red)){.feature-glyph-2 i{background:color-mix(in srgb, var(--design-surface-alt), transparent 25%)}}.feature-glyph-2 i:nth-child(2){top:7px;left:calc(50% - 23px)}.feature-glyph-2 i:nth-child(3){top:28px;left:calc(50% - 45px)}.feature-glyph-3 i{background:var(--design-border);border:0;width:72px;height:1px;top:31px;left:calc(50% - 36px)}.feature-glyph-3 i:nth-child(2),.feature-glyph-3 i:nth-child(3){background:var(--design-surface-alt);border-radius:50%;width:31px;height:31px;top:15px;left:calc(50% - 25px)}.feature-glyph-3 i:nth-child(3){background:var(--design-accent);left:calc(50% + 2px)}.feature-glyph-4 i{border-radius:50% 50% 4px 4px;width:68px;height:58px;top:10px;left:calc(50% - 34px)}.feature-glyph-4 i:nth-child(2){border-color:var(--design-accent);width:42px;height:32px;top:23px;left:calc(50% - 21px)}.feature-glyph-4 i:nth-child(3){background:var(--design-primary);border-radius:50%;width:10px;height:10px;top:34px;left:calc(50% - 5px)}.feature-card h3{letter-spacing:-.035em;font-size:16px;font-weight:610}.feature-card p{color:var(--design-muted);margin-top:9px;font-size:9px;line-height:1.62}.showcase-section{padding:calc(var(--section-pad) * 1.15) 60px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:67px;display:grid}.showcase-copy>p{color:var(--design-muted);margin-top:21px;font-size:12px;line-height:1.68}.showcase-copy ul{gap:10px;margin:27px 0 0;padding:0;list-style:none;display:grid}.showcase-copy li{align-items:center;gap:9px;font-size:9px;display:flex}.showcase-copy li span{background:var(--design-surface-alt);width:17px;height:17px;color:var(--design-primary);border-radius:50%;place-items:center;font-size:8px;display:grid}.showcase-visual{border:1px solid var(--design-border);border-radius:var(--design-card-radius);background:var(--design-surface);box-shadow:0 28px 60px var(--design-text);padding:17px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.showcase-visual{box-shadow:0 28px 60px color-mix(in srgb, var(--design-text), transparent 92%)}}.showcase-toolbar{border-bottom:1px solid var(--design-border);justify-content:space-between;align-items:flex-start;height:35px;font-size:8px;font-weight:600;display:flex}.toolbar-control{color:var(--design-muted);font-size:7px;font-weight:400}.showcase-grid{grid-template-columns:1.25fr .75fr;gap:10px;margin-top:12px;display:grid}.showcase-chart-panel,.showcase-activity{border:1px solid var(--design-border);border-radius:max(4px, calc(var(--design-card-radius) * .65));background:var(--design-canvas);min-width:0;padding:13px}.tiny-label{color:var(--design-muted);letter-spacing:.08em;text-transform:uppercase;font-size:6px}.showcase-chart-panel>strong{margin-top:5px;font-size:20px;font-weight:620;display:block}.line-chart{height:105px;margin-top:6px}.line-chart svg{width:100%;height:100%;overflow:visible}.chart-area{fill:var(--design-accent)}@supports (color:color-mix(in lab, red, red)){.chart-area{fill:color-mix(in srgb, var(--design-accent), transparent 82%)}}.chart-line{fill:none;stroke:var(--design-primary);stroke-width:2px;vector-effect:non-scaling-stroke}.showcase-activity{flex-direction:column;display:flex}.activity-row{border-bottom:1px solid var(--design-border);grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:6px;padding:11px 0;font-size:7px;display:grid}.activity-row:last-child{border-bottom:0}.activity-row b{color:var(--design-primary);font-size:7px;font-weight:600}.activity-icon{background:var(--design-surface-alt);border-radius:4px;width:17px;height:17px}.activity-icon-2{background:var(--design-accent)}.activity-icon-3{background:var(--design-primary)}.showcase-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.showcase-metrics div{border-radius:max(4px, calc(var(--design-card-radius) * .5));background:var(--design-surface-alt);gap:2px;padding:12px;display:grid}.showcase-metrics b{font-size:14px;font-weight:610}.showcase-metrics span{color:var(--design-muted);font-size:6px}.testimonial-section{padding:calc(var(--section-pad) * 1.18) 130px;background:var(--design-primary);color:var(--design-primary-text);text-align:center;flex-direction:column;align-items:center;display:flex}.quote-mark{border:1px solid var(--design-primary-text);place-items:center;width:35px;height:35px;margin-bottom:21px;display:grid}@supports (color:color-mix(in lab, red, red)){.quote-mark{border:1px solid color-mix(in srgb, var(--design-primary-text), transparent 65%)}}.quote-mark{border-radius:50%;font-size:20px}.testimonial-section blockquote{letter-spacing:-.043em;max-width:790px;font-size:29px;font-weight:470;line-height:1.24}.quote-person{text-align:left;align-items:center;gap:10px;margin-top:30px;display:flex}.quote-avatar{background:var(--design-accent);width:34px;height:34px;color:var(--design-text);border-radius:50%;place-items:center;font-size:8px;font-weight:700;display:grid}.quote-person>span:last-child{gap:1px;display:grid}.quote-person b{font-size:9px;font-weight:600}.quote-person small{opacity:.65;font-size:7px}.site-cta-section{padding:calc(var(--section-pad) * 1.15) 60px;background:var(--design-surface-alt);flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.site-cta-section h2{z-index:1;max-width:610px;position:relative}.site-cta-section>p{z-index:1;max-width:430px;color:var(--design-muted);margin-top:19px;font-size:12px;position:relative}.site-cta-section>.site-button{z-index:1;margin-top:26px;position:relative}.cta-decoration{width:380px;height:380px;position:absolute;bottom:-70px;right:-38px}.cta-decoration span{border:1px solid var(--design-primary);opacity:.2;border-radius:50%;position:absolute;inset:0}.cta-decoration span:nth-child(2){border-color:var(--design-accent);opacity:.5;inset:50px}.cta-decoration span:nth-child(3){background:var(--design-primary);opacity:.9;inset:100px}.site-footer{border-top:1px solid var(--design-border);background:var(--design-surface);grid-template-columns:1fr 1.4fr;gap:70px;padding:57px 60px 23px;display:grid}.footer-brand p{max-width:260px;color:var(--design-muted);margin-top:16px;font-size:9px;line-height:1.6}.footer-columns{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.footer-columns>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-columns strong{margin-bottom:4px;font-size:8px;font-weight:650}.footer-columns span{color:var(--design-muted);font-size:8px}.footer-legal{border-top:1px solid var(--design-border);color:var(--design-muted);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:30px;padding-top:17px;font-size:7px;display:flex}.generated-site.preview-mobile{--section-pad:62px;width:390px;font-size:12px}.preview-mobile .site-nav{grid-template-columns:1fr auto;height:64px;padding:0 20px}.preview-mobile .site-nav nav,.preview-mobile .site-nav-cta{display:none}.preview-mobile .site-menu{gap:5px;display:grid}.preview-mobile .site-menu i{background:var(--design-text);width:20px;height:1px;display:block}.preview-mobile .site-hero{min-height:0;padding:var(--section-pad) 22px 48px;grid-template-columns:1fr;gap:45px}.preview-mobile .site-hero h1{font-size:43px;line-height:1}.preview-mobile .hero-copy>p{margin-top:20px;font-size:12px}.preview-mobile .hero-actions{width:100%;margin-top:25px}.preview-mobile .site-button{justify-content:space-between}.preview-mobile .hero-actions .site-button:first-child{flex:1}.preview-mobile .hero-visual{height:340px}.preview-mobile .visual-card-main{width:calc(100% - 60px);min-height:248px;padding:17px;top:38px;left:30px}.preview-mobile .hero-visual-editorial-cards .visual-card-main{width:calc(100% - 70px);top:54px;left:38px}.preview-mobile .hero-visual-editorial-cards:before{height:230px;top:36px;left:23px}.preview-mobile .visual-card-main>strong{margin-top:12px;font-size:16px}.preview-mobile .mini-chart{height:70px;margin-top:15px}.preview-mobile .visual-card-note{bottom:16px;right:12px}.preview-mobile .visual-card-index{bottom:22px;left:12px}.preview-mobile .social-proof{grid-template-columns:1fr;gap:18px;padding:28px 22px}.preview-mobile .social-proof>div{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.preview-mobile .social-proof strong{font-size:10px}.preview-mobile .feature-section,.preview-mobile .showcase-section,.preview-mobile .site-cta-section{padding-left:22px;padding-right:22px}.preview-mobile .section-intro{grid-template-columns:1fr;gap:17px}.preview-mobile .section-intro h2,.preview-mobile .showcase-copy h2,.preview-mobile .site-cta-section h2{font-size:34px}:is(.preview-mobile .feature-grid,.preview-mobile .feature-grid:has(.feature-card:nth-child(4))){grid-template-columns:1fr;margin-top:34px}.preview-mobile .feature-card{min-height:250px}.preview-mobile .showcase-section{grid-template-columns:1fr;gap:38px}.preview-mobile .showcase-grid{grid-template-columns:1fr}.preview-mobile .showcase-activity{display:none}.preview-mobile .testimonial-section{padding:72px 25px}.preview-mobile .testimonial-section blockquote{font-size:24px}.preview-mobile .cta-decoration{opacity:.7;right:-160px}.preview-mobile .site-footer{grid-template-columns:1fr;gap:34px;padding:48px 22px 20px}.preview-mobile .footer-columns{gap:15px}.preview-mobile .footer-legal{align-items:flex-start;gap:10px}.access-page{background:radial-gradient(circle at 82% 18%, #3f5df633, transparent 30%), radial-gradient(circle at 12% 82%, #d8ff4f24, transparent 26%), var(--ink);place-items:center;min-height:100dvh;padding:32px;display:grid;position:relative;overflow:hidden}.access-page:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff1f .7px,#0000 .7px);background-size:17px 17px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.access-card{background:var(--paper-bright);width:min(100%,520px);box-shadow:18px 18px 0 var(--acid);border:1px solid #ffffff26;border-radius:14px;padding:34px;position:relative}.access-kicker{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin-top:64px;font-family:Geist Mono,monospace;font-size:10px;font-weight:650;display:block}.access-card h1{letter-spacing:-.06em;text-wrap:balance;max-width:420px;margin:13px 0 0;font-size:clamp(34px,6vw,52px);font-weight:620;line-height:.98}.access-card p{max-width:420px;color:var(--muted);margin:22px 0 0;font-size:14px;line-height:1.65}.access-card>a{background:var(--ink);min-height:48px;color:var(--paper-bright);border-radius:8px;justify-content:space-between;align-items:center;margin-top:28px;padding:0 16px;font-size:13px;font-weight:650;text-decoration:none;transition:box-shadow .16s,transform .16s;display:flex}.access-card>a:hover{box-shadow:4px 4px 0 var(--blue);transform:translate(-2px,-2px)}.access-card>a span{color:var(--acid);font-size:18px}.access-card>small{color:#85867f;margin-top:16px;font-family:Geist Mono,monospace;font-size:9px;display:block}@media (max-width:1120px){.studio-shell{grid-template-columns:330px minmax(0,1fr)}.prompt-panel{padding-left:20px;padding-right:20px}.canvas-scroll{padding-left:36px;padding-right:36px}.figma-ready{display:none}.portal-return{justify-content:center;width:36px;padding:0;font-size:0}.portal-return span{font-size:13px}}@media (max-width:780px){.studio-shell{grid-template:"header"64px"prompt""canvas"minmax(680px,1fr)/1fr;height:auto;min-height:100dvh;overflow:visible}.prompt-panel{border-right:0;border-bottom:1px solid var(--line-light);max-height:none;overflow:visible}.direction-list{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-option{grid-template-columns:45px 1fr}.direction-index{display:none}.canvas-panel{min-height:680px}.header-project{display:none}}@media (max-width:520px){.access-page{padding:20px}.access-card{box-shadow:9px 9px 0 var(--acid);padding:26px}.access-kicker{margin-top:48px}.studio-header{padding-left:13px;padding-right:9px}.flossi-brand{min-width:0}.flossi-brand>span{display:none}.export-button{width:32px;padding:0;font-size:0}.direction-list{grid-template-columns:1fr}.canvas-toolbar{grid-template-columns:1fr auto}.canvas-meta{display:none}.canvas-scroll{padding:37px 20px 70px}.studio-statusbar span:nth-child(2),.studio-statusbar span:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}