@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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;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}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{color:#f4f5f6;font-synthesis:none;background:#0f1116;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{color:#f4f5f6;background:#0f1116;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.marketing-shell{background:radial-gradient(circle at 25% 0,#273059 0,#0000 36%),#0f1116;min-height:100vh}.topbar{justify-content:space-between;align-items:center;max-width:1240px;height:72px;margin:0 auto;padding:0 28px;display:flex}.brand{letter-spacing:-.03em;font-size:19px;font-weight:750}.brand span{color:#8f92ff;text-transform:uppercase;letter-spacing:.12em;margin-left:5px;font-size:10px}.nav-actions,.actions,.header-buttons,.form-actions{align-items:center;gap:12px;display:flex}.hero{max-width:1100px;margin:0 auto;padding:120px 28px 160px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#989faa;margin-bottom:16px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.065em;max-width:1000px;margin:0 0 28px;font-size:clamp(54px,8vw,94px);line-height:.96}.lead{color:#aeb5bf;max-width:720px;font-size:20px;line-height:1.65}.supporting{color:#777f8a;font-size:13px}.button-link,.ui-button{color:#fff;cursor:pointer;background:#6d68ff;border:0;border-radius:9px;justify-content:center;align-items:center;padding:11px 16px;font-weight:700;display:inline-flex}.button-link.large{padding:14px 20px}.ui-button:disabled{opacity:.5;cursor:not-allowed}.secondary-link,.ui-button.secondary{background:#20242b;border:1px solid #313641}.text-link{color:#b5bbc5;font-size:14px;font-weight:600}.auth-shell{background:radial-gradient(circle at 50% -20%,#252c50,#0000 40%),#0f1116;flex-direction:column;align-items:center;min-height:100vh;padding:42px 24px;display:flex}.auth-shell>.brand{align-self:flex-start;width:100%;max-width:1180px;margin:0 auto}.auth-card{background:#171a20;border:1px solid #292e37;border-radius:18px;width:min(100%,470px);margin:auto;padding:34px;box-shadow:0 30px 100px #00000040}.auth-card h1{letter-spacing:-.04em;margin:0 0 12px;font-size:30px}.auth-card>p{color:#9da5b0;margin-bottom:26px;line-height:1.6}.auth-card form,.project-form{gap:18px;display:grid}.auth-card label,.project-form label{color:#cbd0d7;gap:8px;font-size:13px;font-weight:650;display:grid}.auth-card input,.project-form input,.project-form textarea{color:#f4f5f6;background:#101217;border:1px solid #303640;border-radius:9px;outline:none;width:100%;padding:12px 13px}.auth-card input:focus,.project-form input:focus,.project-form textarea:focus{border-color:#7773ff;box-shadow:0 0 0 3px #6d68ff24}.form-error{color:#ffb4c0;background:#301b20;border:1px solid #67313d;border-radius:9px;padding:11px 13px;font-size:13px}.auth-switch{color:#8f97a2;margin-top:24px;font-size:13px}.auth-switch a,.back-link{color:#b9b7ff}.app-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{background:#12151a;border-right:1px solid #252a32;flex-direction:column;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0}.sidebar nav{gap:7px;margin-top:42px;display:grid}.sidebar nav a,.disabled-link{color:#c4cad2;border-radius:8px;padding:10px 11px;font-size:14px}.sidebar nav a:hover{background:#1d2128}.disabled-link{color:#666e79}.disabled-link small{float:right;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.sidebar-user{border-top:1px solid #252a32;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.sidebar-user small{color:#747d88;white-space:nowrap;text-overflow:ellipsis;max-width:145px;margin-top:2px;display:block;overflow:hidden}.avatar{color:#c7c5ff;background:#2c3155;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.logout,.text-button,.danger-link{color:#8f97a2;text-align:left;cursor:pointer;background:0 0;border:0;padding:9px 0}.logout:hover,.text-button:hover{color:#fff}.danger-link{color:#ef8899}.app-content{min-width:0}.dashboard{max-width:1260px;margin:0 auto;padding:54px 48px 90px}.dashboard.narrow{max-width:760px}.page-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:40px;display:flex}.page-header h1,.dashboard>h1{letter-spacing:-.05em;margin:0 0 8px;font-size:42px}.page-header p{color:#8d96a1;margin:0;line-height:1.6}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.project-card{background:#15181e;border:1px solid #282d35;border-radius:14px;transition:all .18s;overflow:hidden}.project-card:hover{border-color:#3a4050;transform:translateY(-2px)}.project-preview{background:linear-gradient(135deg,#252947,#171a25);place-items:center;height:180px;display:grid}.project-preview span{letter-spacing:-.08em;color:#8d89ff;font-size:42px;font-weight:800}.project-card-body{padding:18px}.project-card h2{margin:12px 0 6px;font-size:19px}.project-card p{color:#7f8894;margin:0;font-size:13px}.project-meta{color:#79828d;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;font-size:11px;display:flex}.badge{color:#7ce5a5;background:#1f3b2d;border-radius:999px;padding:4px 7px}.badge.archived{color:#d8c075;background:#302d25}.empty-card,.next-step{background:#15181d;border:1px dashed #303641;border-radius:15px;padding:42px}.empty-card h2,.next-step h2{letter-spacing:-.03em;margin:0 0 8px}.empty-card p,.next-step p{color:#8f97a2;max-width:650px;margin-bottom:22px;line-height:1.6}.project-empty-state{grid-template-columns:minmax(0,.9fr) minmax(260px,.7fr);align-items:center;gap:32px;display:grid;overflow:hidden}.project-empty-state-image{border:1px solid var(--ff-border);border-radius:10px;width:100%;height:auto;display:block}.project-form{margin-top:30px}.project-title{margin-top:18px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0;display:grid}.stats-grid div{background:#15181e;border:1px solid #292e37;border-radius:12px;padding:22px}.stats-grid strong{font-size:30px;display:block}.stats-grid span{color:#7d8691;font-size:12px}.next-step{border-style:solid;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.back-link{margin-bottom:24px;font-size:13px;display:inline-block}.text-button{font-size:13px}.form-actions{margin-top:4px}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #252a32;border-right:0;grid-template-columns:1fr auto;align-items:center;height:auto;display:grid;position:static}.sidebar nav,.sidebar-user,.logout{display:none}.dashboard{padding:34px 20px}.page-header,.next-step{flex-direction:column}.project-empty-state{grid-template-columns:1fr}.project-empty-state-image{max-width:520px}.stats-grid{grid-template-columns:1fr}.hero{padding-top:80px}.hero h1{font-size:58px}}@media(max-width:520px){.topbar{padding:0 18px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:48px}.actions{flex-direction:column;align-items:flex-start}.auth-card{padding:25px}.project-grid{grid-template-columns:1fr}}.asset-section{background:#15181e;border:1px solid #292e37;border-radius:15px;margin:30px 0;padding:26px}.section-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0 0 7px;font-size:24px}.section-heading p{color:#858e9a;max-width:650px;margin:0;line-height:1.55}.upload-label{white-space:nowrap;position:relative}.upload-label input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-label.disabled{opacity:.5;pointer-events:none}.asset-empty{color:#818a95;border:1px dashed #303641;border-radius:12px;padding:28px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;display:grid}.asset-card{background:#101318;border:1px solid #2b3038;border-radius:12px;overflow:hidden}.asset-image-wrap{background:#0b0d11;place-items:center;height:160px;display:grid;overflow:hidden}.asset-image-wrap img{object-fit:contain;width:100%;height:100%}.asset-card-body{gap:6px;padding:13px;display:grid}.asset-card-body strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.asset-card-body>span{color:#747d88;font-size:11px}.asset-actions{gap:14px;margin-top:6px;display:flex}.asset-actions a,.asset-actions button{color:#aaa7ff;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.asset-actions button{color:#df8595}@media(max-width:700px){.section-heading{flex-direction:column}.asset-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.asset-grid{grid-template-columns:1fr}}.capture-section{background:linear-gradient(145deg,#171a23,#14171d);border:1px solid #343955;border-radius:15px;margin:30px 0;padding:26px}.capture-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:18px;display:grid}.capture-url{color:#cbd0d7;gap:8px;font-size:13px;font-weight:650;display:grid}.capture-url input{color:#f4f5f6;background:#101217;border:1px solid #303640;border-radius:9px;outline:none;width:100%;padding:12px 13px}.capture-url input:focus{border-color:#7773ff;box-shadow:0 0 0 3px #6d68ff24}.viewport-options{flex-wrap:wrap;grid-column:1/-1;gap:9px;display:flex}.viewport-options label{color:#c7ccd3;background:#111419;border:1px solid #303640;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:12px;display:flex}.viewport-options small{color:#737d88}.capture-progress{border-top:1px solid #2b3038;margin-top:20px;padding-top:18px}.capture-batch-head,.capture-row{grid-template-columns:1fr auto auto;align-items:center;gap:15px;display:grid}.capture-batch-head{margin-bottom:8px}.capture-row{border-top:1px solid #242932;padding:11px 0}.capture-row>div:first-child{text-transform:capitalize;gap:3px;display:grid}.capture-row small{color:#75808b;font-size:11px}.capture-status{text-transform:uppercase;letter-spacing:.08em;color:#aeb5bf;background:#292e37;border-radius:999px;padding:5px 8px;font-size:10px}.capture-status.completed{color:#78dda1;background:#173628}.capture-status.failed{color:#f2a0ae;background:#3b2025}.capture-status.processing,.capture-status.queued{color:#aaa7ff;background:#292b4b}.capture-status.partial{color:#dfc77b;background:#3a3220}.capture-row-actions{text-align:right;min-width:58px}.capture-row-actions button{color:#aaa7ff;cursor:pointer;background:0 0;border:0;font-size:11px}@media(max-width:760px){.capture-form{grid-template-columns:1fr}.capture-batch-head,.capture-row{grid-template-columns:1fr auto}.capture-row-actions{text-align:left;grid-column:1/-1}}.mockup-section{background:#15181e;border:1px solid #292e37;border-radius:15px;margin:30px 0;padding:26px}.mockup-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;display:grid}.mockup-card{background:#101318;border:1px solid #2b3038;border-radius:12px;gap:8px;padding:12px;display:grid}.mockup-card small{color:#747d88}.mockup-thumb{color:#c8c6ff;background:linear-gradient(135deg,#22284a,#4b46a8);border-radius:8px;place-items:center;display:grid;overflow:hidden}.editor-page{z-index:20;background:#0d0f13;grid-template-rows:56px 1fr;display:grid;position:fixed;inset:0}.editor-top{background:#14171c;border-bottom:1px solid #292e37;align-items:center;gap:14px;padding:0 14px;display:flex}.editor-top button,.editor-properties button{color:#d7dbe0;cursor:pointer;background:#20242b;border:1px solid #303640;border-radius:7px;padding:7px 10px}.editor-top button:disabled{opacity:.35}.editor-name{color:#f4f5f6;background:0 0;border:0;outline:none;min-width:240px;font-size:15px;font-weight:700}.save-state{text-transform:uppercase;color:#72d59a;font-size:11px}.save-state.saving{color:#c9bb73}.save-state.error{color:#ef8899}.editor-top-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.editor-layout{grid-template-columns:230px 1fr 260px;min-height:0;display:grid}.editor-assets,.editor-properties{background:#13161b;border-right:1px solid #252a32;padding:18px;overflow:auto}.editor-properties{border-left:1px solid #252a32;border-right:0}.editor-assets h3,.editor-properties h3{margin:0 0 16px}.editor-asset{text-align:left;color:#d2d7dd;cursor:pointer;background:#0e1115;border:1px solid #2a2f37;border-radius:8px;grid-template-columns:54px 1fr;align-items:center;gap:9px;width:100%;margin-bottom:8px;padding:7px;display:grid}.editor-asset img{object-fit:cover;border-radius:4px;width:54px;height:38px}.editor-asset span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.editor-workspace{touch-action:none;background:#22262d;padding:80px;position:relative;overflow:auto}.scene-canvas{transform-origin:0 0;position:relative;box-shadow:0 28px 70px #0000004d;background-position:0 0,0 12px,12px -12px,-12px 0!important;background-size:24px 24px!important}.scene-element{cursor:move;outline:2px solid #0000;position:absolute;overflow:hidden;box-shadow:0 20px 50px #0003}.scene-element.selected{outline-color:#7773ff}.scene-element img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.editor-properties label{color:#9da5b0;gap:6px;margin-bottom:12px;font-size:11px;display:grid}.editor-properties input,.editor-properties select{color:#fff;background:#0f1216;border:1px solid #303640;border-radius:7px;width:100%;padding:8px}.editor-properties input[type=color]{height:38px;padding:3px}.property-buttons{gap:8px;margin-top:18px;display:flex}.editor-properties .danger{color:#ff98a8}.editor-loading{z-index:30;background:#0d0f13;place-items:center;display:grid;position:fixed;inset:0}@media(max-width:900px){.editor-layout{grid-template-columns:180px 1fr}.editor-properties{z-index:4;width:240px;position:absolute;top:56px;bottom:0;right:0}.editor-assets{display:none}}.editor-asset-wrap{position:relative}.asset-presentation-menu{background:#171b21;border:1px solid #333946;border-radius:8px;gap:5px;margin:-2px 0 10px;padding:8px;display:grid}.asset-presentation-menu>button,.device-picker button{color:#dce0e5;text-align:left;cursor:pointer;background:#222730;border:0;border-radius:6px;padding:7px 8px;font-size:11px}.device-picker{border-top:1px solid #303640;gap:4px;padding-top:7px;display:grid}.device-picker-title{text-transform:uppercase;letter-spacing:.1em;color:#777f8a;padding:2px;font-size:9px}.device-picker button{align-items:center;gap:8px;display:flex}.device-icon{background:#828893;border-radius:2px;width:18px;height:12px;display:block}.device-icon.desktop{height:11px}.device-render,.browser-render{position:absolute;inset:0;overflow:visible}.device-bezel,.device-screen{position:absolute}.device-screen{background:#08090a;overflow:hidden}.phone-notch{border-radius:999px;width:24%;height:3.1%;position:absolute;top:3.2%;left:38%}.tablet-camera{aspect-ratio:1;background:#07090c;border-radius:50%;width:1.2%;position:absolute;top:1.5%;left:49.4%}.laptop-hinge{background:#565b64;border-radius:0 0 6px 6px;height:1.6%;position:absolute;bottom:13.6%;left:17%;right:17%}.laptop-base{clip-path:polygon(2% 0,98% 0,100% 75%,92% 100%,8% 100%,0 75%);border-radius:0 0 24px 24px;height:12%;position:absolute;bottom:2%;left:-3%;right:-3%;box-shadow:inset 0 1px #ffffff2e}.browser-render.light{background:#fff}.browser-dots{letter-spacing:2px;color:#949aa3}.browser-url{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#7f7f7f1f;border-radius:6px;flex:1;padding:6px 12px;overflow:hidden}.mock-shadow-none{box-shadow:none!important}.scene-element.selected:after{content:"";pointer-events:none;z-index:20;border:2px solid #7773ff;border-radius:5px;position:absolute;inset:-4px}.editor-tabs{background:#0d1014;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:18px;padding:4px;display:grid}.editor-tabs button{color:#8f98a5;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px}.device-card:hover:not(:disabled){background:#151923;border-color:#6965e8}.device-card img{object-fit:contain;width:72px;height:67px;margin:auto}.device-card small{color:#727b87;text-transform:capitalize;font-size:9px}.browser-card .mini-browser{background:#1b2028;border:2px solid #7a8491;border-radius:5px;width:72px;height:50px;margin:auto;position:relative}.mini-browser:after{content:"";border-top:1px solid #6f7884;position:absolute;top:11px;left:0;right:0}.mini-browser i{z-index:2;background:#8e98a5;border-radius:50%;width:4px;height:4px;margin:2px;display:inline-block;position:relative}.showcase-button{color:#fff!important;background:#393689!important;border-color:#625fea!important}.scene-element.type-device,.scene-element.type-browser{box-shadow:none;overflow:visible}.scene-element.shadow-none{box-shadow:none}.scene-element.shadow-soft{filter:drop-shadow(0 12px 20px #0000002e)}.scene-element.shadow-floating{filter:drop-shadow(0 25px 36px #00000042)}.scene-element.shadow-deep{filter:drop-shadow(0 34px 45px #00000057)}.scene-element.shadow-dramatic{filter:drop-shadow(0 45px 58px #0000006b)}.device-render{position:absolute;inset:0}.device-screen{z-index:1;background:#0b0d10;position:absolute;overflow:hidden}.device-screen img,.browser-screen img{transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.device-frame{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.device-missing{color:#ff9cab;background:#351b21;border-radius:10px;place-items:center;height:100%;display:grid}.browser-render{background:#fff;border:1px solid #ffffff29;border-radius:14px;width:100%;height:100%;overflow:hidden}.browser-chrome{color:#323740;background:#e8ebef;align-items:center;gap:12px;height:9%;min-height:28px;padding:0 2.4%;display:flex}.browser-dark .browser-chrome{color:#bac1ca;background:#1a1e25}.browser-minimal .browser-chrome{background:#171a20;height:5%;min-height:12px}.browser-dots{flex:none;gap:5px;display:flex}.browser-dots i{background:#8c949e;border-radius:50%;width:8px;height:8px;display:block}.browser-dots i:first-child{background:#ef6c68}.browser-dots i:nth-child(2){background:#eebd52}.browser-dots i:nth-child(3){background:#60ba65}.browser-address{white-space:nowrap;text-overflow:ellipsis;text-align:center;background:#78808c21;border-radius:5px;flex:1;min-width:0;max-width:70%;margin:auto;padding:5px 12px;font-size:10px;overflow:hidden}.browser-screen{background:#fff;height:91%;overflow:hidden}.browser-minimal .browser-screen{height:95%}.check-label{align-items:center;grid-template-columns:auto 1fr!important}.editor-properties input[type=range]{accent-color:#7773ff;padding:0}.canvas-preset{border-top:1px solid #2b3038;margin-top:18px;padding-top:16px}.canvas-preset button{width:100%;background:#312e81!important;border-color:#5551bb!important}.scene-element.selected:after{content:"";pointer-events:none;border:1px solid #8884ff;border-radius:7px;position:absolute;inset:-6px}.scene-element.type-device.selected:after,.scene-element.type-browser.selected:after{inset:-8px}.device-screen{z-index:2}.responsive-showcase-button{color:#dcdcff;cursor:pointer;background:linear-gradient(135deg,#292957,#373287);border:1px solid #4a4779;border-radius:8px;width:100%;margin:-4px 0 12px;padding:9px 10px;font-size:11px;font-weight:700}.responsive-showcase-button:disabled{opacity:.4;cursor:not-allowed}.editor-tabs{background:#0d1014;border:1px solid #292e37;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:3px;display:grid}.editor-tabs button{color:#838c97;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px;font-size:11px}.editor-tabs button.active{color:#fff;background:#242935}.device-library{grid-template-columns:1fr 1fr;gap:8px;display:grid}.device-card{color:#d7dbe0;cursor:pointer;background:#0e1115;border:1px solid #2d333c;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:92px;padding:9px;display:flex}.device-card:hover{background:#171a25;border-color:#555185}.device-card:disabled{opacity:.35;cursor:not-allowed}.device-card span{font-size:10px;font-weight:700}.device-card small{text-transform:uppercase;letter-spacing:.08em;color:#747d88;font-size:8px}.device-icon{background:#858c96;border-radius:3px;width:38px;height:23px;display:block;box-shadow:inset 0 0 0 2px #4f555d}.device-icon.phone{border-radius:5px;width:16px;height:32px}.device-icon.tablet{border-radius:4px;width:24px;height:34px}.device-icon.laptop{border-radius:3px;width:43px;height:25px}.device-icon.desktop{width:40px;height:27px}.mini-browser{letter-spacing:1px;color:#8d95a0;text-align:left;border:2px solid #6d7480;border-radius:4px;width:42px;height:28px;padding:2px;font-size:5px}.showcase-button{background:linear-gradient(135deg,#34316b,#4e48aa)!important;border-color:#5752a1!important}.showcase-side{color:#d7d6ff;cursor:pointer;background:#2a2859;border:1px solid #4f4a91;border-radius:7px;width:100%;margin-top:10px;padding:9px}.showcase-side:disabled{opacity:.4}.device-render,.browser-render{position:absolute;inset:0}.device-screen{background:#090a0c;position:absolute;overflow:hidden}.device-screen img,.browser-screen img{transform-origin:50%;pointer-events:none;width:100%;height:100%;display:block}.device-svg-frame{z-index:3;pointer-events:none;position:absolute;inset:0}.device-svg-frame svg{width:100%;height:100%;display:block}.laptop-hinge{z-index:4;background:#555b63;border-radius:0 0 5px 5px;height:1.5%;position:absolute;bottom:13.6%;left:17%;right:17%}.laptop-base{clip-path:polygon(2% 0,98% 0,100% 75%,92% 100%,8% 100%,0 75%);border-radius:0 0 20px 20px;height:12%;position:absolute;bottom:2%;left:-3%;right:-3%}.desktop-neck{border-radius:0 0 7px 7px;width:10%;height:13%;position:absolute;top:79%;left:45%}.desktop-foot{border-radius:50% 50% 8px 8px;width:32%;height:5%;position:absolute;top:91%;left:34%}.browser-render{background:#fff;border-radius:13px;overflow:hidden}.browser-render.dark{background:#15181d}.browser-render.minimal{background:#15181d;border-radius:9px}.browser-chrome{color:#8e949d;background:#e8eaed;align-items:center;gap:12px;padding:0 13px;font-size:9px;display:flex}.browser-render.dark .browser-chrome{color:#8b929d;background:#22262c}.browser-render.minimal .browser-chrome{background:#171a1f}.browser-dots{letter-spacing:2px}.browser-url{text-align:center;background:#787d871f;border-radius:5px;flex:1;padding:5px 9px}.browser-screen{position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mock-shadow-none{filter:none!important}.mock-shadow-soft{filter:drop-shadow(0 12px 18px #00000026)}.mock-shadow-floating{filter:drop-shadow(0 28px 35px #0000003d)}.mock-shadow-deep{filter:drop-shadow(0 38px 48px #00000057)}.mock-shadow-dramatic{filter:drop-shadow(0 48px 72px #0000007a)}.scene-element{box-shadow:none}.scene-element.selected{outline-offset:4px;outline:2px solid #7773ff}.check-label{grid-template-columns:auto 1fr;align-items:center;gap:8px!important;display:flex!important}.check-label input{width:auto}.missing-device{color:#ffb6c2;background:#3a2027;place-items:center;display:grid;position:absolute;inset:0}.editor-tabs.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-copy{color:var(--muted,#7b8394);margin:-4px 0 14px;font-size:12px;line-height:1.5}.template-library{gap:10px;padding-bottom:20px;display:grid}.template-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:5px;width:100%;padding:8px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.template-card:hover:not(:disabled){border-color:#a5b4fc;transform:translateY(-1px);box-shadow:0 8px 24px #0f172a14}.template-card:disabled{opacity:.5;cursor:not-allowed}.template-card strong{color:#111827;font-size:12px}.template-card small{color:#6b7280;font-size:10px;line-height:1.35}.template-preview{border-radius:8px;justify-content:flex-start;align-items:flex-end;height:86px;padding:8px;display:flex;position:relative;overflow:hidden}.template-preview:before{content:"";background:#ffffffdb;border-radius:4px;width:62%;height:48%;position:absolute;top:19%;left:18%;transform:rotate(-1deg);box-shadow:0 10px 22px #0000002e}.template-preview i{opacity:.96;border-radius:5px;width:18%;height:48%;position:absolute;bottom:9%;right:12%;box-shadow:0 8px 16px #0003}.template-preview span{z-index:2;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#0f172ab3;border-radius:4px;padding:3px 5px;font-size:9px;position:relative}.property-divider{background:#e5e7eb;height:1px;margin:16px 0}.preset-grid{grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 14px;display:grid}.preset-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:2px;padding:8px;display:grid}.preset-grid button:hover,.preset-grid button.active{background:#eef2ff;border-color:#6366f1}.preset-grid strong{color:#111827;font-size:10px}.preset-grid small{color:#6b7280;font-size:9px}.export-top-button{font-weight:700;color:#fff!important;background:#625fea!important;border-color:#7773ff!important}.export-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040609b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.export-dialog{color:#f4f5f6;background:#15181e;border:1px solid #323844;border-radius:16px;width:min(560px,100%);padding:24px;box-shadow:0 34px 90px #00000085}.export-dialog header{border-bottom:1px solid #2b3038;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;padding-bottom:18px;display:flex}.export-dialog h2{margin:3px 0 4px;font-size:24px}.export-dialog p{color:#838d99;margin:0;font-size:12px}.export-close{font-size:28px;line-height:1;color:#8e97a3!important;background:0 0!important;border:0!important;padding:0!important}.export-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.export-grid label{color:#9fa7b2;gap:7px;font-size:11px;display:grid}.export-grid label:last-child{grid-column:1/-1}.export-grid select{color:#f2f4f6;background:#0e1115;border:1px solid #333945;border-radius:8px;width:100%;padding:10px}.export-summary{background:#0f1216;border:1px solid #292f38;border-radius:9px;justify-content:space-between;gap:20px;margin:18px 0;padding:12px 14px;font-size:11px;display:flex}.export-summary span{color:#7d8692;text-align:right}.export-dialog footer{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.export-dialog footer button{color:#e1e5e9;cursor:pointer;background:#222730;border:1px solid #353c47;border-radius:8px;padding:10px 14px}.export-dialog footer button:disabled{opacity:.45}.export-dialog .export-primary{color:#fff;background:#5b57da;border-color:#7370f0;font-weight:700}.export-success{color:#91deb0;background:#163525;border:1px solid #28543b;border-radius:8px;padding:10px 12px;font-size:12px}.export-list{gap:9px;display:grid}.saved-export-card{color:#dce0e5;background:#0e1115;border:1px solid #2d333c;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;text-decoration:none;display:flex}.saved-export-card div{gap:3px;display:grid}.saved-export-card small{color:#77818c}.saved-export-card>span{color:#a7a3ff;font-size:11px;font-weight:700}@media(max-width:620px){.export-grid{grid-template-columns:1fr}.export-grid label:last-child{grid-column:auto}}.usage-card{border:1px solid var(--border,#e3e6eb);background:var(--surface,#fff);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:24px;margin:20px 0;padding:22px 24px;display:flex}.usage-card h2{margin:4px 0 0}.usage-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:18px;min-width:min(520px,60%);display:grid}.usage-grid>div{gap:4px;display:grid}.usage-grid span{color:#717784;font-size:12px}.usage-grid progress{width:100%;height:7px;margin-top:4px}.turnstile-slot{align-items:center;min-height:65px;display:flex}@media(max-width:850px){.usage-card{display:block}.usage-grid{grid-template-columns:1fr;min-width:0;margin-top:18px}}.brand-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:24px;display:grid}.brand-list{gap:16px;display:grid}.brand-card{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);border-radius:16px;grid-template-columns:180px 1fr;gap:18px;padding:16px;display:grid}.brand-swatch{border:1px solid #7f7f7f2e;border-radius:12px;justify-content:center;align-items:center;height:120px;display:flex;overflow:hidden}.brand-swatch img{object-fit:contain;max-width:70%;max-height:58%}.brand-card-title{align-items:center;gap:8px;display:flex}.brand-colors{gap:7px;margin:12px 0;display:flex}.brand-colors i{border:1px solid #7f7f7f40;border-radius:999px;width:24px;height:24px}.brand-form-card{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);border-radius:18px;padding:22px;position:sticky;top:24px}.brand-color-fields{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.brand-color-fields input[type=color]{width:100%;height:42px;padding:3px}.editor-tabs.four{grid-template-columns:repeat(4,1fr)}.brand-editor-list{gap:10px;display:grid}.brand-editor-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #7f7f7f2e;border-radius:12px;gap:6px;padding:10px;display:grid}.brand-editor-card:hover{border-color:#6d63e8}.brand-editor-card strong,.brand-editor-card small{display:block}.brand-editor-swatch{border-radius:9px;justify-content:center;align-items:center;height:74px;display:flex;overflow:hidden}.brand-editor-swatch img{object-fit:contain;max-width:65%;max-height:55%}@media(max-width:1050px){.brand-layout{grid-template-columns:1fr}.brand-form-card{position:static}}@media(max-width:650px){.brand-card{grid-template-columns:1fr}.brand-swatch{height:100px}}.share-manager{background:#15181e;border:1px solid #292e37;border-radius:16px;margin:28px 0;padding:24px}.section-heading h2{margin:3px 0 7px}.section-heading p{color:#8d96a1;margin:0 0 18px}.share-form{background:#101318;border:1px solid #292f38;border-radius:12px;gap:16px;padding:18px;display:grid}.share-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.share-fields label{color:#aeb5bf;gap:6px;font-size:12px;display:grid}.share-fields input,.share-fields textarea{color:#f5f6f7;background:#0b0e12;border:1px solid #343a45;border-radius:8px;padding:10px}.share-description{grid-column:1/-1}.share-fields small{color:#69727e}.share-mockups{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px;display:grid}.share-mockups>strong{color:#9da5b0;grid-column:1/-1;font-size:12px}.share-mockups label,.share-download{color:#c4cad2;align-items:center;gap:8px;font-size:12px;display:flex}.share-created{background:#11291e;border:1px solid #2a6748;border-radius:12px;margin-top:14px;padding:16px}.share-created small{color:#8fc7a5;margin-top:4px;display:block}.share-url{gap:8px;margin-top:12px;display:flex}.share-url input{color:#bce9cc;background:#08110c;border:1px solid #295a40;border-radius:7px;flex:1;min-width:0;padding:9px}.share-url button,.share-url a{color:#d5f6df;cursor:pointer;background:#193b29;border:1px solid #356348;border-radius:7px;padding:8px 12px}.share-list{gap:8px;margin-top:18px;display:grid}.share-list-head,.share-row{align-items:center;gap:14px;display:flex}.share-list-head{color:#89929d;justify-content:space-between;padding:0 3px;font-size:11px}.share-row{border:1px solid #292e37;border-radius:10px;padding:13px 14px}.share-row>div{flex:1;gap:4px;display:grid}.share-row small{color:#7d8793}.share-row>span{color:#9aa3ad;font-size:11px}.share-row.revoked{opacity:.55}.public-share-shell{color:#f4f5f6;background:#0c0e12;min-height:100vh}.public-share-nav{border-bottom:1px solid #20242b;justify-content:space-between;align-items:center;max-width:1180px;height:68px;margin:0 auto;padding:0 26px;display:flex}.public-share-nav>span{text-transform:uppercase;letter-spacing:.1em;color:#69727d;font-size:11px}.public-share-header{max-width:980px;margin:0 auto;padding:80px 28px 54px}.public-share-header h1{letter-spacing:-.055em;margin:0 0 20px;font-size:clamp(42px,7vw,76px);line-height:1}.public-share-header p{color:#a1a9b3;max-width:720px;font-size:18px;line-height:1.65}.public-share-header small{color:#646d79}.public-gallery{gap:72px;padding:0 26px 90px;display:grid}.public-mockup{width:100%;max-width:1180px;margin:0 auto}.public-mockup-meta{align-items:center;gap:14px;margin-bottom:18px;display:flex}.public-mockup-meta>span{color:#666f7a;font-size:11px}.public-mockup-meta h2{flex:1;margin:0;font-size:19px}.public-mockup-meta a{color:#b7b4ff;border:1px solid #343156;border-radius:7px;padding:7px 10px;font-size:11px}.public-scene-wrap{border-radius:14px;margin:0 auto;position:relative;overflow:visible;box-shadow:0 30px 90px #0000005c}.public-scene{transform-origin:0 0!important;position:relative!important}.public-scene .scene-element{position:absolute}.public-scene .scene-element>img{object-fit:cover;width:100%;height:100%}.public-password,.public-status{background:#15181e;border:1px solid #292e37;border-radius:17px;width:min(480px,100% - 40px);margin:auto;padding:36px}.public-share-shell:has(.public-password),.public-share-shell:has(.public-status){place-items:center;display:grid}.public-password h1{letter-spacing:-.04em;font-size:34px}.public-password p{color:#8f98a3;line-height:1.6}.public-password form{gap:12px;margin-top:22px;display:grid}.public-password input{color:#fff;background:#0d1014;border:1px solid #333944;border-radius:8px;padding:12px}.public-share-footer{text-align:center;color:#59616c;border-top:1px solid #1c2026;padding:30px;font-size:11px}@media(max-width:700px){.share-fields{grid-template-columns:1fr}.share-description{grid-column:auto}.share-url{display:grid}.public-share-header{padding-top:54px}.public-gallery{gap:48px;padding-left:16px;padding-right:16px}.public-mockup-meta{flex-wrap:wrap;align-items:flex-start}.public-mockup-meta h2{min-width:70%}}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.plan-card{border:1px solid var(--border,#e4e7ec);background:var(--surface,#fff);border-radius:16px;flex-direction:column;justify-content:space-between;gap:20px;padding:24px;display:flex}.plan-card.current{outline-offset:1px;outline:2px solid #665cf6}.plan-card h2{margin:6px 0}.plan-card p{color:#667085;min-height:44px}.plan-card ul{color:#475467;gap:8px;margin:0;padding-left:18px;font-size:14px;display:grid}.plan-price{margin-top:18px;font-size:30px;display:block}.plan-price small{color:#667085;margin-left:4px;font-size:13px;font-weight:500}.plan-card button{min-height:40px}.billing-summary{background:#fff;border:1px solid #e4e7ec;border-radius:16px;margin-top:24px;padding:24px}.billing-summary dl{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.billing-summary dt{color:#667085;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.billing-summary dd{margin:5px 0 0;font-weight:600}@media(max-width:1100px){.plan-grid,.billing-summary dl{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.plan-grid,.billing-summary dl{grid-template-columns:1fr}}.portfolio-kit-section{margin-top:32px}.portfolio-kit-generator{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:18px;margin-bottom:20px;padding:20px}.portfolio-kit-options{grid-template-columns:minmax(150px,220px) minmax(180px,260px) auto;align-items:end;gap:14px;display:grid}.portfolio-kit-options label{color:#64748b;gap:7px;font-size:12px;font-weight:600;display:grid}.portfolio-kit-options select{background:#fff;border:1px solid #dbe2ea;border-radius:10px;height:40px;padding:0 11px}.portfolio-kit-recipe-strip{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.portfolio-kit-recipe-strip span{color:#4338ca;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:6px 9px;font-size:11px}.portfolio-kit-list{gap:18px;display:grid}.portfolio-kit-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.portfolio-kit-card-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.portfolio-kit-card-head>div{gap:4px;display:grid}.portfolio-kit-card-head small{color:#64748b}.portfolio-kit-scenes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.portfolio-kit-scene{color:inherit;gap:7px;text-decoration:none;display:grid}.portfolio-kit-scene strong{font-size:12px}.kit-scene-preview{background:linear-gradient(135deg,#0b1626,#312e81);border:1px solid #6366f12e;border-radius:12px;place-items:center;min-height:78px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.kit-scene-preview span{color:#c7d2fe;background:#0f172abf;border-radius:999px;padding:4px 7px;font-size:10px}.badge.ready{color:#166534;background:#dcfce7}.badge.partial{color:#92400e;background:#fef3c7}@media(max-width:900px){.portfolio-kit-options{grid-template-columns:1fr}.portfolio-kit-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.portfolio-kit-scenes{grid-template-columns:1fr}}.workspace-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.workspace-list,.workspace-panel{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:16px}.workspace-list{gap:8px;display:grid}.workspace-create,.compact-form{gap:8px;margin-bottom:12px;display:grid}.workspace-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;gap:4px;padding:12px;display:grid}.workspace-item.active{background:#f3f4f6;border-color:#d9dce3}.workspace-item small,.member-row small{color:#737985;display:block}.workspace-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.member-row{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.compact-form{margin-top:14px}.compact-form input,.compact-form select,.workspace-create input{border:1px solid #dfe2e7;border-radius:8px;min-height:38px;padding:0 10px}@media(max-width:900px){.workspace-layout,.workspace-columns{grid-template-columns:1fr}}.interactive-capture-card{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:16px;margin:24px 0;padding:24px}.interactive-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px;display:grid}.interactive-form label{color:#667085;flex-direction:column;gap:6px;font-size:12px;display:flex}.interactive-form label span{align-items:center;gap:6px;display:flex}.interactive-form input[type=number]{width:82px}.interactive-live{background:#f8fafc;border:1px solid #d0d5dd;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.interactive-live>div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.interactive-live strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capture-note{color:#3730a3;background:#eef2ff;border-radius:10px;margin:12px 0;padding:10px 12px}@media(max-width:850px){.interactive-form{grid-template-columns:1fr}.interactive-live{flex-direction:column;align-items:flex-start}}.editor-tabs.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.editor-tabs.five button{padding-inline:5px;font-size:11px}.motion-presets{gap:8px;margin-top:12px;display:grid}.motion-presets button{text-align:left;border:1px solid var(--border,#2a2f3a);background:#ffffff08;border-radius:10px;padding:11px}.motion-presets strong,.motion-presets small{display:block}.motion-presets small{opacity:.62;margin-top:3px}.motion-settings{border-top:1px solid #ffffff14;gap:12px;margin-top:16px;padding-top:14px;display:grid}.motion-settings label{gap:6px;font-size:12px;display:grid}.motion-settings label:has(input[type=checkbox]){align-items:center;display:flex}.motion-actions{gap:7px;display:grid}.motion-timeline{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1016f0;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:40px 1fr 110px;align-items:center;gap:10px;height:50px;padding:0 12px;display:grid;position:fixed;bottom:18px;left:300px;right:320px;box-shadow:0 14px 38px #00000047}.motion-timeline input{width:100%}.motion-timeline span{text-align:right;opacity:.68;font-size:12px}.video-export-card{background:#7064ff14;border:1px solid #7064ff59;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin-top:12px;padding:12px;display:grid}.video-export-card strong,.video-export-card span{grid-column:1}.video-export-card button{grid-area:1/2/3}.video-export-card progress{grid-column:1/-1;width:100%}.render-job-form{grid-template-columns:2fr repeat(4,minmax(110px,1fr)) auto;align-items:end;gap:10px;margin:18px 0;display:grid}.render-job-form label{color:var(--muted);gap:6px;font-size:12px;display:grid}.render-job-form select,.render-job-form input{min-height:40px}.render-job-list{gap:10px;display:grid}.render-job-card{border:1px solid var(--border);border-radius:12px;justify-content:space-between;gap:20px;padding:14px;display:flex}.render-job-card>div:first-child{flex:1;gap:6px;display:grid}.render-job-card small{color:var(--muted)}.render-job-card progress{width:100%;height:7px}.render-actions{align-items:center;gap:8px;display:flex}.render-error{color:#ef7777;font-size:12px}@media(max-width:900px){.render-job-form{grid-template-columns:1fr 1fr}.render-job-card{flex-direction:column}.render-actions{justify-content:flex-start}}.developer-layout{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);align-items:start;gap:24px;display:grid}.api-secret-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin:0 0 24px;padding:20px}.api-key-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;justify-content:space-between;gap:16px;padding:16px;display:flex}.api-key-card>div:first-child{gap:5px;display:grid}.api-key-card small{color:var(--muted);overflow-wrap:anywhere;display:block}.developer-layout fieldset{border:1px solid var(--border);border-radius:12px;padding:12px}.billing-summary pre{white-space:pre-wrap;color:#dbeafe;background:#0b1220;border-radius:12px;padding:16px;overflow:auto}@media(max-width:900px){.developer-layout{grid-template-columns:1fr}}:root{--ff-background:#0f1116;--ff-surface:#15181e;--ff-surface-raised:#1b2028;--ff-surface-subtle:#101318;--ff-border:#303743;--ff-border-strong:#46505e;--ff-text:#f4f5f6;--ff-text-muted:#aeb5bf;--ff-text-subtle:#818a95;--ff-primary:#a29dff;--ff-primary-strong:#b9b5ff;--ff-accent:#7ce5a5;--ff-danger:#f2a0ae;--ff-warning:#dfc77b;--ff-radius-sm:6px;--ff-radius-md:10px;--ff-radius-lg:14px;--ff-space-1:4px;--ff-space-2:8px;--ff-space-3:12px;--ff-space-4:16px;--ff-space-5:20px;--ff-space-6:24px;--ff-space-8:32px;--ff-shadow-card:0 12px 32px #0000002e;--surface:var(--ff-surface);--border:var(--ff-border);--muted:var(--ff-text-muted)}body,.app-content,.dashboard{background:var(--ff-background);color:var(--ff-text)}.sidebar,.project-card,.empty-card,.asset-section,.capture-section,.mockup-section,.interactive-capture-card,.brand-card,.brand-form-card,.workspace-list,.workspace-panel,.plan-card,.billing-summary,.portfolio-kit-generator,.portfolio-kit-card,.api-secret-card,.api-key-card,.share-manager,.share-form,.export-dialog{background:var(--ff-surface);border-color:var(--ff-border);box-shadow:var(--ff-shadow-card)}.sidebar nav a,.sidebar-user,.dashboard>h1,.dashboard h2,.dashboard h3,.project-card h2,.project-card strong,.plan-card h2,.portfolio-kit-card strong,.api-secret-card strong,.api-key-card strong{color:var(--ff-text)}.page-header p,.project-card p,.plan-card p,.plan-card li,.portfolio-kit-options label,.interactive-form label,.workspace-panel p,.billing-summary p,.api-secret-card p,.api-key-card p{color:var(--ff-text-muted)}.project-card:hover,.sidebar nav a:hover,.workspace-list li:hover{border-color:var(--ff-border-strong);background:var(--ff-surface-raised)}button.primary,.button-link,.ui-button,.capture-actions button,.plan-card button,.portfolio-kit-generator button,.share-form button{background:var(--ff-primary);color:#101318}button.primary:hover,.button-link:hover,.ui-button:hover,.capture-actions button:hover,.plan-card button:hover,.portfolio-kit-generator button:hover,.share-form button:hover{background:var(--ff-primary-strong);color:#101318}input,textarea,select{background:var(--ff-surface-subtle);border-color:var(--ff-border);color:var(--ff-text)}input::placeholder,textarea::placeholder{color:var(--ff-text-subtle)}.status-success{background:var(--ff-accent)}@supports (color:color-mix(in lab,red,red)){.status-success{background:color-mix(in srgb,var(--ff-accent) 18%,transparent)}}.status-success{color:var(--ff-accent)}.status-warning{background:var(--ff-warning)}@supports (color:color-mix(in lab,red,red)){.status-warning{background:color-mix(in srgb,var(--ff-warning) 18%,transparent)}}.status-warning{color:var(--ff-warning)}.status-error{background:var(--ff-danger)}@supports (color:color-mix(in lab,red,red)){.status-error{background:color-mix(in srgb,var(--ff-danger) 18%,transparent)}}.status-error{color:var(--ff-danger)}:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--ff-primary)}@supports (color:color-mix(in lab,red,red)){:where(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--ff-primary) 70%,white)}}:where(a,button,input,select,textarea):focus-visible{outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-app-bar,.mobile-nav-backdrop{display:none}.sidebar nav a.active{background:var(--ff-surface-raised);border-color:var(--ff-border-strong);color:var(--ff-text)}@media(max-width:850px){.mobile-app-bar{background:var(--ff-surface);border-bottom:1px solid var(--ff-border);height:64px;padding:0 var(--ff-space-4);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-app-bar .brand{color:var(--ff-text);font-size:1.05rem;font-weight:700;text-decoration:none}.mobile-menu-button{border:1px solid var(--ff-border);border-radius:var(--ff-radius-sm);color:var(--ff-text);background:0 0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;line-height:1;display:inline-flex}.mobile-nav-backdrop{z-index:50;background:#00000094;border:0;padding:0;display:block;position:fixed;inset:64px 0 0}.app-shell .sidebar{z-index:60;width:min(88vw,320px);max-width:min(88vw,320px);transition:transform .16s;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.app-shell .sidebar.mobile-open{transform:translate(0)}.app-shell .sidebar nav,.app-shell .sidebar-user,.app-shell .sidebar .logout{display:flex}.app-shell .sidebar nav{flex-direction:column}.app-shell .sidebar nav a{min-height:44px}.app-content{min-width:0}}.editor-mobile-controls,.mobile-panel-close,.editor-panel-backdrop{display:none}@media(max-width:900px){.editor-panel-backdrop{z-index:70;background:#05070bb8;border:0;padding:0;display:block;position:fixed;inset:64px 0 0}.editor-mobile-controls{gap:var(--ff-space-2);margin:0 var(--ff-space-4) var(--ff-space-3);display:flex}.editor-mobile-controls button{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-sm);color:var(--ff-text-muted);flex:1;min-height:44px}.editor-mobile-controls button[aria-pressed=true]{background:var(--ff-surface-raised);border-color:var(--ff-primary);color:var(--ff-text)}.editor-mobile-controls button:disabled{cursor:not-allowed;opacity:.45}.editor-layout{min-width:0;display:block}.editor-layout>.editor-assets,.editor-layout>.editor-properties{display:none}.editor-layout>.editor-assets.mobile-panel-open,.editor-layout>.editor-properties.mobile-panel-open{background:var(--ff-surface);border:1px solid var(--ff-border);bottom:var(--ff-space-4);left:var(--ff-space-4);max-height:calc(100dvh - 120px);padding:var(--ff-space-4);right:var(--ff-space-4);z-index:80;display:block;position:fixed;top:80px;overflow-y:auto;box-shadow:0 20px 48px #0006}.mobile-panel-close{background:var(--ff-surface-raised);border:1px solid var(--ff-border);border-radius:var(--ff-radius-sm);color:var(--ff-text);margin:0 0 var(--ff-space-3) auto;min-height:44px;padding:0 var(--ff-space-3);display:block}.editor-workspace{width:100%;min-width:0}.scene-canvas-wrap{min-height:52dvh;overflow:auto}.editor-top-actions button{min-width:44px;min-height:44px}}.feedback-backdrop{padding:var(--ff-space-4);z-index:200;background:#05070bb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-dialog{background:var(--ff-surface);border:1px solid var(--ff-border-strong);border-radius:var(--ff-radius-lg);max-width:480px;padding:var(--ff-space-6);width:100%;box-shadow:0 24px 80px #0000006b}.feedback-dialog h2{color:var(--ff-text);margin:0 0 var(--ff-space-2);font-size:1.15rem}.feedback-dialog p{color:var(--ff-text-muted);margin:0;line-height:1.55}.feedback-dialog-actions{gap:var(--ff-space-2);margin-top:var(--ff-space-6);justify-content:flex-end;display:flex}.feedback-dialog-actions button{min-height:44px;padding:0 var(--ff-space-4)}.feedback-dialog-actions button.primary{background:var(--ff-primary);color:#101318}.feedback-dialog-actions button.danger{color:#fff;background:#b94a5d}.feedback-toast{border:1px solid var(--ff-border-strong);border-radius:var(--ff-radius-md);bottom:var(--ff-space-6);box-shadow:var(--ff-shadow-card);color:var(--ff-text);max-width:min(420px,100vw - 32px);padding:var(--ff-space-3) var(--ff-space-4);right:var(--ff-space-6);z-index:210;position:fixed}.feedback-toast.info{background:var(--ff-surface-raised)}.feedback-toast.success{background:#173628;border-color:#2a7047}.feedback-toast.warning{background:#3a3220;border-color:#7b6531}.feedback-toast.danger{background:#3b2025;border-color:#7a3544}@media(max-width:600px){.feedback-dialog{padding:var(--ff-space-4)}.feedback-dialog-actions{flex-direction:column-reverse}.feedback-dialog-actions button{width:100%}.feedback-toast{bottom:var(--ff-space-4);left:var(--ff-space-4);right:var(--ff-space-4)}}.form-field{gap:var(--ff-space-2);display:grid}.form-field>label{color:var(--ff-text);font-size:.88rem;font-weight:600}.form-field-hint,.form-field-error{margin:0;font-size:.82rem}.form-field-hint{color:var(--ff-text-subtle)}.form-field-error{color:var(--ff-danger)}.status-badge{border:1px solid var(--ff-border);color:var(--ff-text-muted);border-radius:999px;padding:6px 9px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.status-badge.success{background:var(--ff-accent)}@supports (color:color-mix(in lab,red,red)){.status-badge.success{background:color-mix(in srgb,var(--ff-accent) 18%,transparent)}}.status-badge.success{color:var(--ff-accent);border-color:#2a7047}.status-badge.warning{background:var(--ff-warning)}@supports (color:color-mix(in lab,red,red)){.status-badge.warning{background:color-mix(in srgb,var(--ff-warning) 18%,transparent)}}.status-badge.warning{color:var(--ff-warning);border-color:#7b6531}.status-badge.danger{background:var(--ff-danger)}@supports (color:color-mix(in lab,red,red)){.status-badge.danger{background:color-mix(in srgb,var(--ff-danger) 18%,transparent)}}.status-badge.danger{color:var(--ff-danger);border-color:#7a3544}.status-badge.info{background:var(--ff-primary)}@supports (color:color-mix(in lab,red,red)){.status-badge.info{background:color-mix(in srgb,var(--ff-primary) 18%,transparent)}}.status-badge.info{border-color:var(--ff-primary);color:var(--ff-primary-strong)}.project-next-action{background:linear-gradient(135deg,var(--ff-surface-raised),var(--ff-surface));border:1px solid var(--ff-border-strong);border-radius:var(--ff-radius-lg);align-items:center;gap:var(--ff-space-6);margin:var(--ff-space-6) 0;padding:var(--ff-space-6);justify-content:space-between;display:flex}.project-next-action h2,.project-workstream-heading h2{color:var(--ff-text);margin:0}.project-next-action p,.project-workstream-heading p{color:var(--ff-text-muted);margin:var(--ff-space-2) 0 0;max-width:680px}.project-section-nav{background:var(--ff-background);align-items:center}@supports (color:color-mix(in lab,red,red)){.project-section-nav{background:color-mix(in srgb,var(--ff-background) 94%,transparent)}}.project-section-nav{border-bottom:1px solid var(--ff-border);border-top:1px solid var(--ff-border);gap:var(--ff-space-4);margin:var(--ff-space-6) 0;padding:var(--ff-space-3) 0;z-index:20;display:flex;position:sticky;top:0;overflow-x:auto}.project-section-nav a{color:var(--ff-text-muted);white-space:nowrap;padding:8px 2px;font-size:.88rem;font-weight:600;text-decoration:none}.project-section-nav a:hover,.project-section-nav a:focus-visible{color:var(--ff-text)}.project-workstream{border-top:1px solid var(--ff-border);margin-top:var(--ff-space-8);padding-top:var(--ff-space-8);scroll-margin-top:72px}.project-workstream-heading{margin-bottom:var(--ff-space-4)}@media(max-width:850px){.project-section-nav{top:64px}}@media(max-width:650px){.project-next-action{padding:var(--ff-space-4);flex-direction:column;align-items:flex-start}.project-next-action .button-link{width:100%}}.report-summary{background:var(--ff-surface-subtle);border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);margin-top:var(--ff-space-4);padding:var(--ff-space-4)}.report-summary h4{color:var(--ff-text);margin:0 0 var(--ff-space-3)}.report-summary p{color:var(--ff-text-muted);line-height:1.5}.report-summary-grid{gap:var(--ff-space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.report-summary-grid div{min-width:0}.report-summary-grid dt{color:var(--ff-text-subtle);text-transform:uppercase;font-size:.75rem}.report-summary-grid dd{color:var(--ff-text);margin:var(--ff-space-1) 0 0}.technical-details{border-top:1px solid var(--ff-border);margin-top:var(--ff-space-4);padding-top:var(--ff-space-3)}.technical-details summary{color:var(--ff-text-muted);cursor:pointer;font-size:.84rem;font-weight:600}.technical-details small{color:var(--ff-text-subtle);margin-top:var(--ff-space-2);display:block}@media(max-width:700px){.report-summary-grid{grid-template-columns:1fr}}:root{--ff-font-body:Inter, ui-sans-serif, system-ui, sans-serif;--ff-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--ff-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}body{font-family:var(--ff-font-body)}h1,h2,h3,h4,.brand-lockup{font-family:var(--ff-font-display)}.brand-lockup{align-items:center;gap:10px;display:inline-flex}.brand-mark{background:linear-gradient(135deg,var(--ff-primary),var(--ff-primary-strong));color:#101318;letter-spacing:-.04em;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.84rem;font-weight:800;display:inline-flex}.brand-lockup.compact{gap:6px;font-size:.82rem}.brand-lockup.compact .brand-mark{border-radius:5px;width:20px;height:20px;font-size:.7rem}.marketing-shell{min-height:100vh;overflow:hidden}.marketing-shell .topbar{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:24px 32px;display:flex}.marketing-shell .topbar .brand,.auth-shell>.brand{color:var(--ff-text);font-size:1.05rem;font-weight:700;text-decoration:none}.marketing-shell .hero{max-width:1180px;margin:0 auto;padding:clamp(64px,12vw,150px) 32px 72px;position:relative}.marketing-shell .hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7773ff3d,#0000 68%);width:520px;height:520px;position:absolute;top:40px;right:-180px}.marketing-shell .hero h1{letter-spacing:-.075em;z-index:1;max-width:850px;font-size:clamp(3rem,8vw,6.8rem);line-height:.94;position:relative}.marketing-shell .hero .lead{color:var(--ff-text-muted);z-index:1;max-width:650px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;position:relative}.marketing-shell .hero .actions{z-index:1;flex-wrap:wrap;align-items:center;gap:20px;display:flex;position:relative}.hero-copy{z-index:1;position:relative}.hero-product-image,.marketing-product-image{border:1px solid var(--ff-border-strong);border-radius:var(--ff-radius-lg);object-fit:cover;width:100%;height:auto;display:block;box-shadow:0 28px 80px #00000047}.hero-product-image{z-index:1;margin-top:clamp(44px,7vw,76px);position:relative}.marketing-proof,.marketing-preview{max-width:1180px;margin:0 auto;padding:72px 32px}.marketing-proof{border-top:1px solid var(--ff-border)}.marketing-proof h2,.marketing-preview h2{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.marketing-proof-grid{gap:var(--ff-space-4);grid-template-columns:repeat(3,1fr);margin-top:48px;display:grid}.marketing-proof-grid article{border-top:2px solid var(--ff-primary);padding-top:16px}.marketing-step{color:var(--ff-primary-strong);font-family:var(--ff-font-mono);font-size:.78rem}.marketing-proof-grid h3{margin:28px 0 8px;font-size:1.15rem}.marketing-proof-grid p,.marketing-preview-copy p{color:var(--ff-text-muted);margin:0;line-height:1.6}.marketing-preview{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:64px;display:grid}.marketing-preview-copy{gap:20px;display:grid}.marketing-delivery{border-top:1px solid var(--ff-border);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:64px;max-width:1180px;margin:0 auto;padding:72px 32px 120px;display:grid}@media(max-width:760px){.marketing-shell .topbar,.marketing-shell .hero,.marketing-proof,.marketing-preview,.marketing-delivery{padding-left:20px;padding-right:20px}.marketing-proof-grid,.marketing-preview,.marketing-delivery{grid-template-columns:1fr}.marketing-preview{gap:36px;padding-top:32px}.marketing-shell .hero h1{font-size:clamp(2.8rem,16vw,5rem)}.marketing-delivery{gap:36px;padding-top:48px;padding-bottom:84px}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}