:root{color-scheme:dark;--bg: #08090d;--panel: #11131a;--panel-2: #171a23;--line: #272b37;--text: #f3f5fb;--muted: #9299aa;--accent: #8b7cff;--accent-2: #35d0ba;--danger: #ff6b7d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}:root[data-theme=light]{color-scheme:light;--bg: #f3f4f7;--panel: #ffffff;--panel-2: #f7f8fb;--line: #dfe3ea;--text: #161a22;--muted: #687183;--accent: #5a48e8}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit}.studio-shell{height:100vh;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}.studio-topbar{height:68px;flex:none;display:flex;align-items:center;gap:22px;padding:0 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;min-width:240px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#090710}.brand strong{display:block;font-size:13px;letter-spacing:-.01em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-picker{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.frame-picker select{width:min(260px,25vw)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.save-state{color:var(--muted);font-size:10px;margin-right:4px}.studio-main{flex:1;min-height:0;display:grid;grid-template-columns:228px minmax(0,1fr) 294px;gap:0;align-items:stretch}.sidebar{background:var(--panel);border-right:1px solid var(--line);overflow:auto}.sidebar.left{padding:12px;display:flex;flex-direction:column;gap:12px}.inspector{background:var(--panel);border-left:1px solid var(--line);overflow:auto;padding:12px}.panel-section{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:10px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.panel-heading h2{font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin:0;color:var(--muted)}.panel-heading span{font-size:9px;color:var(--muted)}.add-grid{display:grid;grid-template-columns:1fr;gap:5px}.add-card{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:8px;cursor:pointer}.add-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.add-icon{grid-row:span 2;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-weight:800;font-size:13px}.add-card strong{font-size:11px}.add-card small{grid-column:2;color:var(--muted);font-size:9px}.layer-list{display:grid;gap:3px}.layer-row{display:flex;flex-wrap:wrap;align-items:center;gap:2px;border:1px solid transparent;border-radius:8px;padding:2px}.layer-main{min-width:0;flex:1 1 100%;display:flex;align-items:center;gap:6px;background:none;border:0;padding:5px 3px;text-align:left;cursor:pointer}.layer-type{flex:none;width:19px;height:19px;border-radius:5px;display:grid;place-items:center;font-size:9px;font-weight:800;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.layer-type-image{background:color-mix(in srgb,var(--accent-2) 16%,transparent);color:var(--accent-2)}.layer-type-text{background:color-mix(in srgb,#ffcc66 16%,transparent);color:#fc6}.layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.layer-actions{display:flex;gap:1px;margin-left:25px}.layer-actions button{border:0;background:transparent;color:var(--muted);width:18px;height:20px;padding:0;font-size:9px;cursor:pointer;border-radius:4px}.layer-actions button:hover{background:var(--panel);color:var(--text)}.layer-actions .danger:hover{color:var(--danger)}.stage{min-width:0;min-height:0;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 30%,#171b2b 0%,var(--bg) 62%);overflow:auto}.artboard{position:relative;max-width:100%;overflow:hidden;container-type:inline-size;border-radius:16px;box-shadow:0 40px 100px #00000073,0 0 0 1px #ffffff0d;-webkit-user-select:none;user-select:none;touch-action:none}.artboard-grid{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .045) 1px,transparent 1px);background-size:10% 10%;pointer-events:none}.studio-element{position:absolute;transform-origin:center;cursor:grab}.studio-element:active{cursor:grabbing}.studio-element.is-locked{cursor:default}.device-frame{width:100%;height:100%;background:linear-gradient(145deg,#232a38,#080b11);box-shadow:inset 0 0 0 1px #ffffff29,0 18px 40px #0006;position:relative}.device-screen{width:100%;height:100%;overflow:hidden;border-radius:34px;background:#0b0d13}.device-placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;gap:5px;color:#8f9bb3;background:linear-gradient(160deg,#28334b,#0a0e18);padding:20px}.device-placeholder span{font-size:14px;font-weight:700;color:#dbe4ff}.device-placeholder small{font-size:9px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.device-island{position:absolute;top:18px;left:50%;width:27%;height:12px;transform:translate(-50%);border-radius:999px;background:#05070c}.image-frame{width:100%;height:100%;background-size:cover;background-position:center;box-shadow:0 18px 40px #00000047}.text-frame{width:100%;height:100%;display:flex;align-items:center;overflow:hidden;line-height:1.08;font-weight:700;letter-spacing:-.03em}.selection-outline{position:absolute;inset:-3px;border:1.5px solid var(--accent);border-radius:6px;pointer-events:none;box-shadow:0 0 0 3px #8b7cff2e}.resize-handle{position:absolute;right:-7px;bottom:-7px;width:15px;height:15px;border:2px solid var(--bg);border-radius:4px;background:var(--accent);cursor:nwse-resize;padding:0}.artboard-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;color:var(--muted)}.artboard-empty strong{color:var(--text)}.field{display:grid;gap:4px;margin-bottom:8px}.field>span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);padding:6px 7px;font-size:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=color]{padding:2px;height:28px}input[type=range]{accent-color:var(--accent);padding:0}textarea{resize:vertical}.frame-meta{color:var(--muted);font-size:9px;margin:-3px 0 8px}.swatches{display:flex;gap:5px}.swatch{width:24px;height:24px;border-radius:7px;border:1px solid rgb(255 255 255 / .16);cursor:pointer}.inspector-content{display:grid;gap:1px}.selection-title{display:flex;align-items:center;gap:6px;margin-bottom:7px}.selection-title input{border:0;background:transparent;padding:2px 0;font-size:12px;font-weight:700}.element-actions{display:flex;gap:5px;margin-bottom:10px}.btn{border:1px solid var(--line);border-radius:7px;padding:6px 9px;background:var(--panel);color:var(--text);font-size:10px;cursor:pointer}.btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.btn.primary{background:linear-gradient(135deg,#6d28d9,#4c1d95);border-color:transparent;color:#fff;font-weight:700}.btn.ghost{background:var(--panel-2)}.btn.danger{color:var(--danger)}.btn.full{width:100%;margin-top:8px}.btn:disabled{opacity:.6;cursor:wait}.upload-button{display:block;text-align:center;border:1px dashed var(--line);border-radius:7px;padding:7px;color:var(--muted);font-size:9px;cursor:pointer;margin-bottom:8px}.upload-button input{display:none}.divider{height:1px;background:var(--line);margin:7px 0 10px}.empty-note{color:var(--muted);font-size:10px;line-height:1.5;margin:4px 0}.studio-footer{height:34px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;background:var(--panel)}@media(max-width:980px){.studio-main{grid-template-columns:190px minmax(0,1fr)}.inspector,.save-state,.frame-picker{display:none}}@media(max-width:640px){.studio-main{display:flex;flex-direction:column}.sidebar.left{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar.left .panel-section{min-width:210px}.stage{padding:12px}.brand{min-width:0}.brand small,.topbar-actions .ghost{display:none}}.element-capture-overlay{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:7px;border-radius:inherit;background:#06080ead;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#dbe4ff;font-size:9px}.capture-spinner{width:22px;height:22px;border:2px solid rgb(255 255 255 / .18);border-top-color:#9c8dff;border-radius:50%;animation:studio-spin .7s linear infinite}.element-capture-error{position:absolute;right:3px;top:3px;z-index:21;border-radius:4px;padding:2px 4px;background:#781423e6;color:#ffb3bd;font-size:8px}@keyframes studio-spin{to{transform:rotate(360deg)}}.source-actions{display:flex;gap:5px;margin-bottom:6px}.source-actions .btn{flex:1}.source-error{color:var(--danger);font-size:9px;line-height:1.4;margin:0 0 7px}.source-ready{color:var(--accent-2);font-size:9px;margin:0 0 7px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#03050ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card{width:min(410px,100%);border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px;box-shadow:0 30px 100px #00000080}.auth-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.auth-eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.auth-head h2{margin:5px 0 4px;font-size:20px;letter-spacing:-.03em}.auth-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.icon-button{width:27px;height:27px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--muted);font-size:17px;line-height:1;cursor:pointer}.auth-error{color:var(--danger);font-size:10px;margin:0 0 10px}.auth-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:14px}.project-controls{display:flex;align-items:center;gap:6px;margin-left:8px}.project-select{width:min(190px,18vw)}.user-chip{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--muted);padding:5px 9px;font-size:9px;cursor:pointer}.user-chip:hover{color:var(--text);border-color:var(--accent)}.save-state.is-error{color:var(--danger)}.studio-body{flex:1;min-height:0;display:flex;flex-direction:column}.studio-body .studio-main{flex:1;min-height:0}.studio-body .stage{min-height:0}.timeline{flex:none;height:224px;display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--panel)}.timeline-head{height:38px;flex:none;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid var(--line)}.timeline-transport{display:flex;align-items:center;gap:8px;width:150px}.timeline-play{width:25px;height:25px;border:0;border-radius:50%;background:var(--accent);color:#090710;font-size:10px;cursor:pointer}html[data-theme=light] .timeline-play{color:#fff;background:#4c1d95}.timeline-time{font-variant-numeric:tabular-nums;font-size:10px;color:var(--text);white-space:nowrap}.timeline-time small{color:var(--muted)}.timeline-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);flex:1}.timeline-options{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px}.timeline-options label{display:flex;align-items:center;gap:5px}.timeline-options select{width:62px;padding:3px 4px}.timeline-hint{opacity:.75}.timeline-body{min-height:0;flex:1;display:flex;overflow:hidden}.timeline-labels{width:150px;flex:none;border-right:1px solid var(--line);padding-top:26px;overflow:hidden}.timeline-label-spacer{height:0}.timeline-label{width:100%;height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:transparent;color:var(--muted);font-size:9px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-label.is-selected{color:var(--text);background:color-mix(in srgb,var(--accent) 7%,transparent)}.timeline-scroll{flex:1;overflow-x:auto;overflow-y:hidden}.timeline-trackarea{min-width:0;height:100%;position:relative}.timeline-ruler{height:26px;position:relative;border-bottom:1px solid var(--line);cursor:crosshair}.timeline-tick{position:absolute;top:8px;transform:translate(-50%);color:var(--muted);font-size:8px;font-variant-numeric:tabular-nums}.timeline-tick:before{content:"";position:absolute;left:50%;top:12px;width:1px;height:7px;background:var(--line)}.timeline-lanes{position:relative;min-height:32px}.timeline-lane{height:32px;position:relative;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.timeline-clip{position:absolute;top:5px;height:22px;min-width:12px;display:flex;align-items:center;border-radius:5px;background:color-mix(in srgb,var(--accent) 30%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--text);cursor:grab;overflow:hidden}.timeline-clip.clip-image{background:color-mix(in srgb,var(--accent-2) 22%,var(--panel));border-color:color-mix(in srgb,var(--accent-2) 45%,var(--line))}.timeline-clip.clip-text{background:color-mix(in srgb,#ffcc66 20%,var(--panel));border-color:color-mix(in srgb,#ffcc66 42%,var(--line))}.timeline-clip.is-selected{box-shadow:0 0 0 1px var(--accent)}.timeline-clip:active{cursor:grabbing}.clip-name{flex:1;min-width:0;padding:0 4px;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.clip-handle{width:7px;align-self:stretch;border:0;background:#ffffff24;padding:0;cursor:ew-resize}.clip-handle:hover{background:var(--accent)}.clip-handle.left{order:-1}.timeline-playhead{position:absolute;top:0;bottom:0;z-index:10;width:1px;background:#ff6685;pointer-events:none}.timeline-playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:9px;height:9px;border-radius:50%;background:#ff6685}.timeline.is-dragging .timeline-clip{cursor:grabbing}@media(max-width:700px){.timeline-hint{display:none}.timeline-labels{width:112px}}.inspector-subhead{margin:0 0 7px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:600}.studio-element.is-outside-time{outline:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px}.template-grid{display:grid;grid-template-columns:1fr;gap:5px}.template-card{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:5px;text-align:left;cursor:pointer}.template-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.template-preview{position:relative;flex:none;width:50px;height:42px;overflow:hidden;border-radius:6px}.template-shape{position:absolute;display:block;opacity:.9}.template-shape-text{min-height:2px}.template-copy{min-width:0;display:grid;gap:2px}.template-copy strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-copy small{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-main{overflow:hidden}.studio-main>.sidebar,.studio-main>.inspector{min-height:0}.motion-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.motion-head .inspector-subhead{margin:0}.mini-action{border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--muted);font-size:8px;padding:2px 5px;cursor:pointer}.mini-action:hover{color:var(--text);border-color:var(--accent)}.mini-action.danger:hover{color:var(--danger)}.motion-row{display:grid;grid-template-columns:1fr 42px 42px 19px;gap:3px;margin-bottom:4px}.motion-row select,.motion-row input{padding:4px;font-size:9px}.timeline-body{overflow-y:auto}.timeline-labels{padding-top:26px;overflow:visible}.timeline-label.is-motion{height:24px;color:color-mix(in srgb,var(--accent-2) 72%,var(--muted));background:color-mix(in srgb,var(--accent-2) 4%,transparent)}.motion-label{width:19px;height:14px;display:grid;place-items:center;border-radius:3px;background:color-mix(in srgb,var(--accent-2) 18%,transparent);color:var(--accent-2);font-size:7px;font-weight:800;letter-spacing:.04em}.timeline-lane.is-motion{height:24px;background:color-mix(in srgb,var(--accent-2) 3%,transparent)}.timeline-lane.is-motion .motion-clip{top:3px;height:17px;background:color-mix(in srgb,var(--accent-2) 20%,var(--panel));border-color:color-mix(in srgb,var(--accent-2) 45%,var(--line))}.timeline-lane.is-motion .motion-clip .clip-name{text-transform:capitalize;color:var(--accent-2)}.export-controls{display:flex;align-items:center;gap:5px}.export-controls select{width:auto;padding:4px 5px}.history-controls{display:flex;gap:3px}.history-controls .btn{padding:4px 7px;font-size:12px}.text-editor{width:100%;height:100%;resize:none;overflow:hidden;border:1px dashed var(--accent);outline:none;line-height:1.08;font-weight:700;letter-spacing:-.03em}.studio-element.is-primary .selection-outline{box-shadow:0 0 0 3px #8b7cff3d}.layer-row.is-selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent)}.multi-note{margin:-1px 0 8px;padding:5px 7px;border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:9px}.template-custom-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:9px 0 5px}.template-custom-head h3{margin:0;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.template-card.custom{padding:3px 4px 3px 5px}.template-apply{display:flex;align-items:center;gap:7px;min-width:0;flex:1;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.template-delete{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;padding:0 3px}.template-delete:hover{color:var(--danger)}.template-message{color:var(--accent-2);font-size:8px;margin:5px 0 0}.credit-chip{border:1px solid color-mix(in srgb,var(--accent-2) 35%,var(--line));border-radius:999px;padding:5px 8px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 8%,transparent);font-size:9px;white-space:nowrap}.asset-modal{width:min(760px,100%);max-height:min(720px,88vh);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;box-shadow:0 30px 100px #0000008c}.asset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.asset-head h2{margin:4px 0;font-size:22px;letter-spacing:-.04em}.asset-head p{margin:0;color:var(--muted);font-size:10px}.asset-state{padding:30px 10px;color:var(--muted);text-align:center;font-size:10px}.asset-state.is-error{color:var(--danger)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px;overflow-y:auto;min-height:0}.asset-card{position:relative;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel-2)}.asset-preview{display:block;width:100%;height:95px;padding:0;border:0;background:#080a10;cursor:pointer}.asset-preview img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}.asset-preview:hover img{opacity:1}.asset-meta{display:grid;gap:2px;padding:6px 22px 6px 7px}.asset-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.asset-meta small{color:var(--muted);font-size:7px}.asset-delete{position:absolute;right:3px;bottom:5px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}.asset-delete:hover{color:var(--danger)}.billing-modal{width:min(650px,100%);border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;box-shadow:0 30px 100px #0000008c}.billing-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.billing-pack{display:grid;gap:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);padding:12px}.billing-pack-name{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.billing-pack strong{font-size:22px;letter-spacing:-.04em}.billing-pack-credits{color:var(--accent-2);font-size:10px;margin-bottom:5px}.billing-note{margin:12px 0 0;color:var(--muted);font-size:8px;line-height:1.5}.credit-chip{cursor:pointer}.credit-chip:hover{background:color-mix(in srgb,var(--accent-2) 15%,transparent)}.btn{white-space:nowrap}.topbar-actions{gap:5px}.project-controls{gap:4px}@media(max-width:1500px){.save-state,.frame-picker{display:none}.studio-topbar{gap:12px}}@media(max-width:1240px){.hide-compact,.project-select,.credit-chip{display:none}}.account-modal{width:min(520px,100%);border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;box-shadow:0 30px 100px #0000008c}.account-tabs{display:flex;gap:4px;margin:4px 0 14px;border-bottom:1px solid var(--line)}.account-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:7px 9px;font-size:10px;cursor:pointer}.account-tabs button.is-active{color:var(--text);border-bottom-color:var(--accent)}.account-form{display:grid;gap:1px}.account-form .field{margin-bottom:9px}.account-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.admin-screen{position:fixed;inset:0;z-index:80;display:grid;grid-template-columns:220px 1fr;background:#090a0f;color:var(--text)}.admin-sidebar{display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--line);background:#0d0f16;padding:18px 12px}.admin-brand{display:flex;align-items:center;gap:9px;padding:0 6px}.admin-brand>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#78dcca,#8b7cff);color:#071028;font-weight:900;font-size:11px}.admin-brand div{display:grid}.admin-brand strong{font-size:11px;letter-spacing:-.02em}.admin-brand small{color:var(--muted);font-size:7px}.admin-sidebar nav{display:grid;gap:3px}.admin-sidebar nav button{border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);padding:8px 9px;text-align:left;font-size:10px;cursor:pointer}.admin-sidebar nav button:hover{color:var(--text);background:#ffffff08}.admin-sidebar nav button.is-active{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.admin-sidebar-foot{display:grid;gap:7px;margin-top:auto;padding:10px 6px 0;border-top:1px solid var(--line);color:var(--muted);font-size:8px;overflow:hidden}.admin-sidebar-foot>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-main{overflow-y:auto;padding:24px 28px 50px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.admin-head h1{margin:4px 0 0;font-size:25px;letter-spacing:-.05em}.admin-view{display:grid;gap:13px;max-width:1280px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.admin-stat{display:grid;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:12px}.admin-stat span{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.admin-stat strong{font-size:22px;letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis}.admin-stat small{color:var(--muted);font-size:8px}.admin-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px}.admin-card-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.admin-card h2{margin:0 0 3px;font-size:15px;letter-spacing:-.03em}.admin-card p{margin:0;color:var(--muted);font-size:9px}.admin-card h3{margin:0 0 8px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-mini-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:8px 0;font-size:9px}.admin-mini-row span{display:grid;overflow:hidden}.admin-mini-row small{color:var(--muted);font-size:7px;overflow:hidden;text-overflow:ellipsis}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px}.admin-filter,.admin-input{min-width:0;border:1px solid var(--line);border-radius:7px;background:#0a0b11;color:var(--text);padding:7px 8px;font:inherit;font-size:9px}.admin-filter{width:min(340px,60%)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.admin-table{width:100%;border-collapse:collapse;font-size:9px}.admin-table th{background:#0d0f16;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em;padding:9px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table td{padding:8px 9px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table code{font-family:SFMono-Regular,Consolas,monospace;font-size:8px;color:var(--muted)}.admin-code{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{display:inline-flex;width:fit-content;border:1px solid var(--line);border-radius:999px;padding:3px 6px;color:var(--muted);font-size:7px;white-space:nowrap}.admin-badge.ok{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 30%,var(--line))}.admin-badge.warn{color:#fbbf24;border-color:#fbbf2455}.admin-badge.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.admin-badge.accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.admin-select{border:1px solid var(--line);border-radius:6px;background:#0a0b11;color:var(--text);padding:4px 5px;font-size:8px}.admin-actions{display:flex;gap:4px}.mini-btn{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);padding:4px 6px;font-size:8px;cursor:pointer;white-space:nowrap}.mini-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.credit-form{display:flex;gap:4px;align-items:center}.credit-form .admin-input:first-child{width:58px}.credit-form .admin-input:nth-child(2){width:100px}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-form label{display:grid;gap:4px;color:var(--muted);font-size:8px}.admin-form label>input,.admin-form label>select{border:1px solid var(--line);border-radius:6px;background:#0a0b11;color:var(--text);padding:7px;font:inherit;font-size:9px}.admin-form label.checkbox{display:flex;align-items:center;gap:6px;align-self:end;padding-bottom:7px}.admin-form-actions{display:flex;align-items:end}.admin-test-row{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.admin-test-row .admin-input{flex:1}.account-foot-actions{display:flex;gap:5px}.asset-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.asset-preset{display:grid;gap:4px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);padding:4px;text-align:left;cursor:pointer;color:var(--text)}.asset-preset:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.asset-preset-image{display:block;width:100%;aspect-ratio:1 / .75;border-radius:4px;background-size:cover;background-position:center;background-color:#080a10}.asset-preset-copy{display:grid;min-width:0}.asset-preset-copy strong{font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-preset-copy small{color:var(--muted);font-size:6px}.background-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:188px;overflow-y:auto;padding-right:2px}.background-swatch{position:relative;display:flex;align-items:flex-end;aspect-ratio:1 / 1.1;border:1px solid var(--line);border-radius:6px;padding:3px;overflow:hidden;cursor:pointer}.background-swatch span{position:relative;z-index:1;width:100%;border-radius:3px;background:#00000094;color:#fff;padding:2px 3px;font-size:6px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.device-tablet .device-screen{border-radius:16px}.device-tablet .device-island,.device-watch .device-island,.device-desktop .device-island,.device-laptop .device-island,.device-tv .device-island{display:none}.device-camera{position:absolute;top:50%;right:5px;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#05070c}.device-laptop{box-shadow:inset 0 -9px #ffffff14,inset 0 0 0 1px #ffffff29,0 18px 40px #0006}.device-desktop,.device-tv{box-shadow:inset 0 0 0 2px #ffffff14,0 18px 40px #0006}.device-watch .device-screen{border-radius:22px}.device-watch{border:3px solid #202531}.device-frame{position:relative;width:100%;height:100%;background:transparent;box-shadow:none;overflow:visible}.device-shell{position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(145deg,#30394a,#111722 42%,#05070b);box-shadow:inset 0 0 0 1.5px #ffffff29,inset 0 0 0 5px #06080d,0 20px 44px #00000080}.device-phone .device-shell{border-radius:13%/7%}.device-tablet .device-shell{border-radius:5.5%/4.5%}.device-watch .device-shell{border-radius:30%/26%;background:linear-gradient(145deg,#3a4250,#0a0e15)}.device-laptop .device-shell{border-radius:2.2%/3%;background:linear-gradient(145deg,#343c4a,#10151e 58%,#05070b)}.device-desktop .device-shell{border-radius:2%;background:linear-gradient(145deg,#3b4350,#111722 55%,#05070b)}.device-tv .device-shell{border-radius:1.4%;background:linear-gradient(145deg,#2d3542,#0a0f16)}.device-screen{position:absolute;z-index:1;overflow:hidden;background:#0b0d13;box-shadow:inset 0 0 0 1px #000000b3}.device-screen img{width:100%;height:100%;object-fit:cover;display:block}.device-placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;gap:4px;color:#8f9bb3;background:linear-gradient(160deg,#28334b,#0a0e18);padding:12px}.device-placeholder span{font-size:12px;font-weight:700;color:#dbe4ff}.device-placeholder small{font-size:7px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.device-island{position:absolute;z-index:3;top:3.5%;left:50%;width:25%;height:3.8%;transform:translate(-50%);border-radius:999px;background:#03050a;box-shadow:inset 0 0 0 1px #ffffff0d}.device-camera{position:absolute;z-index:3;top:2.1%;left:50%;width:1.3%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#03050a;box-shadow:0 0 0 1px #2e3644}.device-button{position:absolute;z-index:4;width:1.4%;border-radius:4px;background:linear-gradient(180deg,#434c5a,#171d27)}.device-button-left{left:-.9%;top:19%;height:8%}.device-button-right{right:-.9%;top:24%;height:12%}.device-crown{position:absolute;z-index:4;right:-2.5%;top:34%;width:3%;height:8%;border-radius:3px;background:linear-gradient(180deg,#59616b,#1b2028)}.device-button-watch{position:absolute;z-index:4;right:-2.2%;top:48%;width:2.4%;height:10%;border-radius:3px;background:linear-gradient(180deg,#3d4550,#151a21)}.device-laptop-deck{position:absolute;z-index:3;left:-4%;right:-4%;bottom:0;height:17%;border-radius:2% 2% 12% 12%/60% 60% 14% 14%;background:linear-gradient(180deg,#4a5360,#262e39 18%,#0d1118);box-shadow:inset 0 2px #ffffff21,0 12px 22px #00000059}.device-laptop-deck:after{content:"";position:absolute;left:42%;right:42%;top:0;height:22%;border-radius:0 0 8px 8px;background:#111720}.device-laptop-notch{position:absolute;z-index:4;top:3.2%;left:50%;width:12%;height:2.2%;transform:translate(-50%);border-radius:0 0 6px 6px;background:#03050a}.device-speaker{position:absolute;z-index:4;bottom:3%;width:18%;height:3.2%;background:repeating-linear-gradient(90deg,#4f5966 0 2px,transparent 2px 5px);opacity:.75}.device-speaker-l{left:9%}.device-speaker-r{right:9%}.device-desktop-stand{position:absolute;z-index:3;left:42%;right:42%;bottom:9%;height:15%;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#3d4551,#1a2029 50%,#3d4551)}.device-desktop-stand:after{content:"";position:absolute;left:-130%;right:-130%;bottom:-8%;height:26%;border-radius:50% 50% 18% 18%;background:linear-gradient(180deg,#4a525f,#171d26)}.device-chin-logo{position:absolute;z-index:4;bottom:1.8%;left:50%;width:5%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#838c98;opacity:.65}.device-tv-stand{position:absolute;z-index:3;left:46%;right:46%;bottom:0;height:17%;background:linear-gradient(90deg,#20262f,#4b535f 50%,#20262f)}.device-tv-stand:after{content:"";position:absolute;left:-120%;right:-120%;bottom:0;height:12%;border-radius:50%;background:#262d37}.device-tv-brand{position:absolute;z-index:4;bottom:2%;left:50%;width:4%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;border:1px solid #68717c;opacity:.6}.device-speaker-slot{position:absolute;z-index:4;bottom:1.6%;left:40%;width:20%;height:.7%;border-radius:999px;background:#05070b}.device-hinge{position:absolute;z-index:4;top:5%;bottom:5%;left:50%;width:1.2%;transform:translate(-50%);background:linear-gradient(90deg,#05070a,#3a424e,#05070a)}.device-watch .device-screen{box-shadow:inset 0 0 0 2px #05070b}.device-iphone-se .device-shell{border-radius:12%/6%}.device-iphone-se .device-island{display:none}.device-notch{position:absolute;z-index:3;top:2.1%;left:50%;width:30%;height:3.4%;transform:translate(-50%);border-radius:0 0 8px 8px;background:#03050a}.device-home-button{position:absolute;z-index:3;bottom:3.7%;left:50%;width:11%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;border:2px solid #2c3441;box-shadow:inset 0 0 0 1px #05070b}.device-art{position:relative;width:100%;height:100%}.device-art-screen{position:absolute;overflow:hidden;z-index:1;background:#0b0d13;border-radius:3.5%/2%}.device-art-screen img{width:100%;height:100%;object-fit:cover;display:block}.device-art-screen .device-placeholder{width:100%;height:100%}.device-art-overlay{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:fill;pointer-events:none}.load-chart{display:flex;align-items:flex-end;gap:2px;height:110px;padding-top:6px;border-bottom:1px solid var(--line)}.load-chart span{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent));opacity:.85}.admin-sidebar nav{overflow-y:auto}.asset-card-actions{position:absolute;right:3px;bottom:4px;display:flex;gap:3px;align-items:center}.asset-replace{border:0;background:#0000008c;color:var(--muted);border-radius:4px;padding:2px 4px;font-size:6px;cursor:pointer}.asset-replace:hover{color:var(--accent-2)}.asset-delete{position:static}.keyframe-card{display:grid;gap:5px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);padding:6px;margin-bottom:5px}.keyframe-head{display:flex;align-items:center;gap:5px}.keyframe-head strong{color:var(--accent-2);font-size:9px;margin-right:auto}.keyframe-head select{width:auto;padding:3px 4px;font-size:8px}.keyframe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.keyframe-grid label{display:grid;gap:2px;color:var(--muted);font-size:7px}.keyframe-grid input{padding:4px;font-size:8px}.account-menu-wrap{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:120;min-width:170px;display:grid;gap:2px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:4px;box-shadow:0 14px 40px #00000073}.account-menu button{border:0;border-radius:6px;background:transparent;color:var(--text);padding:7px 8px;text-align:left;font-size:10px;cursor:pointer}.account-menu button:hover{background:var(--panel-2)}.account-menu button.danger:hover{color:var(--danger)}.icon-toggle{padding:6px 7px}.timeline-toggle{flex:none;width:24px;height:24px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--muted);cursor:pointer;font-size:11px}.timeline-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.timeline.is-collapsed{height:42px}.timeline.is-collapsed .timeline-body,.timeline.is-collapsed .timeline-options{display:none}.timeline.is-collapsed .timeline-head{border-bottom:0}.timeline.is-collapsed .timeline-title{font-size:9px}.studio-main.is-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) 294px}.studio-main.is-sidebar-collapsed>.sidebar{display:none}.studio-main>.stage{grid-column:2}.studio-main>.inspector{grid-column:3}.scroll-control{margin:-2px 0 8px}.section-chips{display:flex;flex-wrap:wrap;gap:3px;max-height:84px;overflow-y:auto}.section-chip{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);padding:3px 6px;font-size:7px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-chip.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent)}.brand strong{white-space:nowrap}@media(max-width:900px){.studio-main.is-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}}@media(max-width:700px){.studio-topbar{height:56px;padding:0 10px;gap:8px}.brand{min-width:0;flex:1 1 auto;gap:7px;overflow:hidden}.brand-mark{width:28px;height:28px;border-radius:8px;font-size:12px}.brand strong{font-size:11px}.brand small{display:none}.project-controls{gap:3px;flex:none}.project-controls .btn,.project-controls .credit-chip,.project-controls .project-select{display:none}.user-chip{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{gap:3px;flex:none}.topbar-actions .icon-toggle,.topbar-actions .history-controls,.topbar-actions>.btn:not(.primary){display:none}.export-controls{gap:3px}.export-controls select{display:none}.export-controls .btn.primary{padding:5px 7px}.export-controls .btn.ghost{display:none}.studio-footer{height:28px;padding:0 8px;font-size:7px}.studio-footer span:last-child{display:none}.timeline-head{height:34px;padding:0 7px;gap:6px}.timeline-transport{width:auto;gap:5px}.timeline-title{display:none}.timeline-options{gap:5px}.timeline-options label{font-size:8px}.timeline-options select{width:52px}.timeline-hint{display:none}.timeline.is-collapsed{height:36px}}@media(max-width:640px){.studio-main{display:flex;flex-direction:column;position:relative}.studio-main>.sidebar.left{position:absolute;z-index:40;top:0;left:0;width:min(286px,86vw);max-height:100%;overflow-y:auto;flex-direction:column;border-right:1px solid var(--line);border-bottom:0;box-shadow:12px 0 32px #0006}.studio-main.is-sidebar-collapsed>.sidebar.left{display:none}.stage{padding:8px;place-items:center}.artboard{max-width:calc(100vw - 16px)}.studio-main>.stage{grid-column:auto}.studio-main>.inspector{display:none}}@media(max-width:700px){.project-controls .btn:not(.auth-entry){display:none}.project-controls .auth-entry{display:inline-flex;font-size:9px;padding:5px 7px}.topbar-actions .icon-toggle{display:inline-grid;width:24px;height:24px;padding:0;place-items:center;font-size:10px}}@media(max-width:700px){.topbar-actions>.btn.icon-toggle{display:inline-grid}}.timeline-keyframe{position:absolute;top:50%;width:7px;height:7px;padding:0;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #090710;background:#fc6;cursor:pointer;z-index:3}.timeline-keyframe:hover{background:#fff1b8;transform:translate(-50%,-50%) rotate(45deg) scale(1.25)}.template-filter{width:100%;margin-bottom:6px;padding:5px 7px;font-size:9px}.mobile-inspector-toggle,.mobile-inspector-close{display:none}@media(max-width:980px){.mobile-inspector-toggle{display:inline-flex;position:fixed;z-index:45;right:10px;top:64px;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);padding:6px 8px;font-size:9px;box-shadow:0 8px 24px #0000004d}.inspector.is-mobile-open{display:block;position:fixed;z-index:70;top:56px;right:0;bottom:0;width:min(330px,92vw);overflow-y:auto;box-shadow:-18px 0 40px #0006}.mobile-inspector-close{display:grid;position:sticky;top:0;z-index:2;margin-left:auto;width:24px;height:24px;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);cursor:pointer}}.mkt-page{min-height:100vh;background:#070a0f;color:#f3f5fb;overflow-x:hidden}.mkt-page a{color:inherit;text-decoration:none}.mkt-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1320px;margin:0 auto;padding:18px 32px;background:color-mix(in srgb,#070a0f 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgb(255 255 255 / .07)}.mkt-brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:-.02em;white-space:nowrap}.mkt-logo{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:linear-gradient(145deg,#78dcca,#8b7cff);color:#071028;font-weight:900}.mkt-brand strong{color:#78dcca;font-weight:700}.mkt-nav{display:flex;align-items:center;gap:22px;color:#9199aa;font-size:11px}.mkt-nav a:hover{color:#fff}.mkt-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;background:#f3f5fb;color:#070a0f!important;padding:9px 15px;font-size:10px;font-weight:700;letter-spacing:.01em;transition:transform .2s,background .2s}.mkt-button:hover{transform:translateY(-1px);background:#78dcca}.mkt-button span{font-size:13px}.mkt-button.large{padding:14px 21px;font-size:11px}.mkt-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#8f9aaf;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.mkt-eyebrow span{display:inline-block;width:22px;height:1px;background:#78dcca}.mkt-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:50px;align-items:center;max-width:1240px;margin:0 auto;padding:78px 32px 96px}.mkt-hero-copy h1{margin:0;font-size:clamp(48px,6.4vw,88px);line-height:.94;letter-spacing:-.065em;font-weight:650}.mkt-hero-copy h1 em,.mkt-section h2 em,.mkt-cta h2 em{color:#78dcca;font-family:Georgia,Times New Roman,serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.mkt-lede{max-width:460px;margin:25px 0 30px;color:#9199aa;font-size:14px;line-height:1.7}.mkt-hero-actions{display:flex;align-items:center;gap:28px}.mkt-text-link{display:inline-flex;align-items:center;gap:8px;color:#dce2ef;font-size:11px;border-bottom:1px solid rgb(255 255 255 / .25);padding-bottom:4px}.mkt-text-link:hover{color:#78dcca;border-color:#78dcca}.mkt-proof{display:flex;gap:22px;margin-top:58px;color:#687386;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.mkt-proof strong{color:#f3f5fb;font-size:15px;letter-spacing:-.03em;margin-right:3px}.mkt-hero-art{position:relative;min-height:555px;display:grid;place-items:center}.mkt-orbit{position:absolute;border:1px solid rgb(120 220 202 / .18);border-radius:50%}.orbit-one{width:560px;height:560px}.orbit-two{width:420px;height:420px;border-color:#8b7cff33}.mkt-artboard{position:relative;width:min(100%,360px);aspect-ratio:4 / 5;border:1px solid rgb(255 255 255 / .2);border-radius:20px;padding:14px;background:radial-gradient(circle at 78% 12%,#334276,#111b36 48%,#070b14);box-shadow:0 35px 90px #0000008c,inset 0 0 0 1px #ffffff0a;transform:rotate(2deg);overflow:hidden}.mkt-artboard:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .06) 1px,transparent 1px);background-size:12% 12%;opacity:.5}.mkt-artboard-top{position:relative;z-index:2;display:flex;justify-content:space-between;color:#8693ac;font-size:6px;letter-spacing:.12em}.mkt-pill{position:absolute;z-index:3;top:9%;left:13%;width:74%;padding:15px 12px;border-radius:999px;background:#f2efe7;color:#172033;text-align:center;font-size:18px;font-weight:700;line-height:1.06;letter-spacing:-.04em}.mkt-phone{position:absolute;z-index:2;left:24%;bottom:10%;width:51%;height:62%;filter:drop-shadow(0 18px 20px rgb(0 0 0 / .35))}.mkt-artboard-cta{position:absolute;z-index:3;bottom:5.5%;left:18%;right:18%;border-radius:999px;background:#b01e28;color:#fff;padding:10px;text-align:center;font-size:9px;font-weight:800;letter-spacing:.06em}.mkt-artboard-brand{position:absolute;z-index:3;left:5%;bottom:1.5%;color:#93a4c8;font-size:5px;letter-spacing:.1em}.mkt-float-card{position:absolute;z-index:4;display:grid;gap:3px;min-width:128px;border:1px solid rgb(255 255 255 / .14);border-radius:10px;background:#0e141fe6;padding:10px 12px;box-shadow:0 15px 35px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mkt-float-card span{color:#6f7c93;font-size:6px;letter-spacing:.12em}.mkt-float-card strong{color:#e7edf9;font-size:10px;font-weight:600}.mkt-float-card i{display:block;height:3px;margin-top:4px;border-radius:999px;background:linear-gradient(90deg,#78dcca,#8b7cff)}.mkt-float-top{top:12%;right:0;transform:rotate(-3deg)}.mkt-float-bottom{bottom:12%;left:-2%;transform:rotate(3deg)}.mkt-marquee{display:flex;align-items:center;justify-content:center;gap:22px;border-top:1px solid rgb(255 255 255 / .08);border-bottom:1px solid rgb(255 255 255 / .08);padding:16px 24px;color:#6f7c93;font-size:8px;letter-spacing:.16em;white-space:nowrap;overflow:hidden}.mkt-marquee i{width:4px;height:4px;border-radius:50%;background:#78dcca}.mkt-section{max-width:1180px;margin:0 auto;padding:100px 32px}.mkt-section-head{max-width:610px;margin-bottom:42px}.mkt-section-head.split{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:none}.mkt-section h2,.mkt-cta h2{margin:0;font-size:clamp(34px,4.4vw,56px);line-height:1.02;letter-spacing:-.055em;font-weight:620}.mkt-section-head>p:last-child,.mkt-device-copy>p{max-width:430px;margin:18px 0 0;color:#9199aa;font-size:12px;line-height:1.7}.mkt-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgb(255 255 255 / .12)}.mkt-feature{position:relative;min-height:220px;border-right:1px solid rgb(255 255 255 / .1);padding:24px 20px 20px 0}.mkt-feature+.mkt-feature{padding-left:20px}.mkt-feature:last-child{border-right:0}.mkt-feature-number{color:#78dcca;font-size:8px;letter-spacing:.12em}.mkt-feature h3{margin:42px 0 10px;font-size:14px;letter-spacing:-.025em}.mkt-feature p{margin:0;color:#7e889c;font-size:10px;line-height:1.7}.mkt-feature-arrow{position:absolute;top:22px;right:18px;color:#536075;font-size:15px}.mkt-templates{padding-top:20px}.mkt-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mkt-template-card{position:relative;display:block;height:260px;border:1px solid rgb(255 255 255 / .12);border-radius:12px;overflow:hidden;background-size:cover!important}.mkt-template-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgb(0 0 0 / .7))}.mkt-template-card:hover{border-color:#78dcca}.mkt-template-index{position:absolute;z-index:2;top:12px;left:14px;color:#fff9;font-size:8px;letter-spacing:.1em}.mkt-template-frame{position:absolute;z-index:1;left:50%;top:14%;width:32%;height:65%;transform:translate(-50%) rotate(-4deg);filter:drop-shadow(0 14px 20px rgb(0 0 0 / .35))}.mkt-template-card:nth-child(2n) .mkt-template-frame{transform:translate(-50%) rotate(3deg)}.mkt-template-name{position:absolute;z-index:2;left:14px;bottom:13px;display:grid;gap:3px;color:#fff;font-size:11px;font-weight:600}.mkt-template-name small{color:#ffffff8c;font-size:8px;font-weight:400}.mkt-devices{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.mkt-device-copy .mkt-button{margin-top:24px}.mkt-device-stage{position:relative;min-height:370px}.mkt-device-phone{position:absolute;z-index:3;left:2%;bottom:2%;width:23%;height:53%;transform:rotate(-7deg)}.mkt-device-tablet{position:absolute;z-index:2;left:26%;top:3%;width:36%;height:45%;transform:rotate(4deg)}.mkt-device-laptop{position:absolute;z-index:1;right:0;bottom:10%;width:56%;height:42%;transform:rotate(-2deg)}.mkt-cta{display:flex;flex-direction:column;align-items:center;text-align:center;padding:115px 24px 125px;background:radial-gradient(ellipse at 50% 35%,rgb(120 220 202 / .1) 0%,transparent 55%)}.mkt-cta h2{margin-bottom:30px}.mkt-cta small{margin-top:18px;color:#6f7c93;font-size:9px}.mkt-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto;border-top:1px solid rgb(255 255 255 / .08);padding:25px 32px 35px;color:#6f7c93;font-size:9px}.mkt-footer div{display:flex;gap:18px}.mkt-footer a:hover{color:#78dcca}@media(max-width:1000px){.mkt-header{padding:15px 22px}.mkt-nav{gap:14px}.mkt-hero{grid-template-columns:1fr;padding-top:55px}.mkt-hero-art{min-height:490px}.mkt-features{grid-template-columns:repeat(2,1fr)}.mkt-feature:nth-child(2){border-right:0}.mkt-feature:nth-child(n+3){border-top:1px solid rgb(255 255 255 / .1)}.mkt-template-grid{grid-template-columns:repeat(2,1fr)}.mkt-devices{grid-template-columns:1fr}}@media(max-width:700px){.mkt-header{padding:12px 16px}.mkt-nav a:not(.mkt-button):not(:last-child){display:none}.mkt-brand{font-size:11px}.mkt-hero{padding:45px 18px 65px;gap:30px}.mkt-hero-copy h1{font-size:54px}.mkt-proof{margin-top:36px;gap:13px}.mkt-proof span{font-size:7px}.mkt-hero-art{min-height:440px}.mkt-artboard{width:min(100%,290px)}.mkt-float-top{right:-2%;top:6%}.mkt-float-bottom{left:-2%;bottom:8%}.mkt-marquee{justify-content:flex-start;gap:14px;padding:14px 18px}.mkt-section{padding:65px 18px}.mkt-section-head.split{align-items:flex-start;flex-direction:column}.mkt-section h2,.mkt-cta h2{font-size:40px}.mkt-features{grid-template-columns:1fr}.mkt-feature,.mkt-feature+.mkt-feature{min-height:auto;border-right:0;border-top:1px solid rgb(255 255 255 / .1);padding:20px 0}.mkt-feature:first-child{border-top:0}.mkt-feature h3{margin-top:18px}.mkt-template-grid{grid-template-columns:1fr}.mkt-template-card{height:230px}.mkt-device-stage{min-height:270px}.mkt-device-phone{width:27%;height:55%}.mkt-device-tablet{left:30%;width:38%}.mkt-device-laptop{width:58%}.mkt-cta{padding:80px 18px}.mkt-footer{flex-direction:column;align-items:flex-start;padding:22px 18px 30px}}.mkt-template-quote{display:grid;width:100%;height:100%;place-items:start center;color:#b45309;font-family:Georgia,serif;font-size:100px;line-height:.7}.mkt-template-image{width:100%;height:100%;object-fit:cover;border-radius:7px;box-shadow:0 18px 30px #00000059}.mkt-template-bars{display:grid;gap:6px;width:100%;padding:14px 8px}.mkt-template-bars i{display:block;height:26px;border-radius:7px;background:#ffffff26;border:1px solid rgb(255 255 255 / .2)}.mkt-template-bars i:nth-child(2){background:#78dcca2e;border-color:#78dcca4d}.scroll-track-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 4px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.scroll-track-list{display:grid;gap:3px;max-height:150px;overflow-y:auto}.scroll-track-row{display:grid;grid-template-columns:1.2fr .8fr .8fr 18px;gap:3px;align-items:end}.scroll-track-row label{display:grid;gap:1px;color:var(--muted);font-size:6px}.scroll-track-row input{padding:3px;font-size:7px}.timeline-label.is-scroll{height:24px;color:#9fd8ff;background:color-mix(in srgb,#59b8ff 4%,transparent)}.scroll-label{display:grid;place-items:center;width:19px;height:17px;border-radius:4px;background:#59b8ff29;color:#8fd2ff;font-size:6px;font-weight:800}.timeline-lane.is-scroll{height:24px;background:color-mix(in srgb,#59b8ff 3%,transparent)}.timeline-scroll-clip{position:absolute;top:5px;height:14px;padding:0 5px;border:1px solid rgb(89 184 255 / .45);border-radius:4px;background:#59b8ff2e;color:#bfe7ff;font-size:6px;white-space:nowrap;overflow:hidden;cursor:pointer}.timeline-scroll-clip:hover{background:#59b8ff47}.admin-screen{grid-template-rows:58px minmax(0,1fr)}.admin-topbar{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent)}.admin-topbar-brand{display:flex;align-items:center;gap:9px}.admin-topbar-brand .brand-mark{width:28px;height:28px;border-radius:8px;font-size:12px}.admin-topbar-brand div{display:grid}.admin-topbar-brand strong{font-size:11px;letter-spacing:-.02em}.admin-topbar-brand small{color:var(--muted);font-size:7px}.admin-topbar-actions{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:8px;overflow:hidden}.admin-sidebar{grid-column:1;grid-row:2}.admin-main{grid-column:2;grid-row:2}@media(max-width:700px){.admin-screen{grid-template-columns:150px minmax(0,1fr)}.admin-topbar-actions>span{display:none}.admin-sidebar{padding:10px 6px}.admin-main{padding:16px 12px 30px}}.light-sweep-layer{position:absolute;inset:-30% -60%;z-index:6;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgb(255 255 255 / .48) 48%,transparent 60%);filter:blur(1px);mix-blend-mode:screen}.saved-output-link{color:var(--accent-2);text-decoration:none}.saved-output-link:hover{text-decoration:underline}.timeline-transport{width:auto;gap:3px}.timeline-icon{width:23px;height:23px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);color:var(--muted);font-size:8px;cursor:pointer;padding:0}.timeline-icon:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.timeline-icon.is-active{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 50%,var(--line));background:color-mix(in srgb,var(--accent-2) 10%,transparent)}.timeline-time{margin-left:4px}@media(max-width:700px){.timeline-transport .timeline-icon{display:none}.timeline-transport .timeline-play,.timeline-transport .timeline-time{display:inline-flex}}.export-modal{width:min(680px,100%);max-height:90vh;overflow-y:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px;box-shadow:0 30px 100px #0000008c}.export-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.export-head h2{margin:4px 0;font-size:26px;letter-spacing:-.05em}.export-head p{margin:0;color:var(--muted);font-size:9px}.export-section{display:grid;gap:9px;padding:13px 0;border-top:1px solid var(--line)}.export-label{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.export-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.export-options.two{grid-template-columns:repeat(2,minmax(0,1fr))}.export-option{display:grid;gap:4px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);padding:10px;color:var(--text);cursor:pointer}.export-option:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.export-option.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-2))}.export-option strong{font-size:12px}.export-option small{color:var(--muted);font-size:8px}.export-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:8px}.export-row>span{width:64px;text-transform:uppercase;letter-spacing:.08em}.export-segment{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.export-segment button{border:0;border-right:1px solid var(--line);background:var(--panel-2);color:var(--muted);padding:5px 8px;font-size:8px;cursor:pointer}.export-segment button:last-child{border-right:0}.export-segment button.is-active{background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--text)}.export-segment button:disabled{opacity:.35;cursor:default}.export-dimensions{margin-left:auto;color:var(--muted);font-size:8px}.export-note{margin:2px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.export-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.export-foot>div{display:flex;gap:6px}@media(max-width:640px){.export-modal{padding:15px}.export-options{grid-template-columns:1fr}.export-options.two{grid-template-columns:1fr 1fr}.export-row{flex-wrap:wrap}.export-dimensions{margin-left:0;width:100%}}.text-preset-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:7px 0 5px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.text-preset-head small{font-size:6px;text-transform:none;letter-spacing:0;opacity:.7}.text-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:8px}.text-preset{border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:4px;cursor:pointer;text-align:left}.text-preset:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.text-preset>span{display:block;padding:4px 6px;font-size:7px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outputs-modal{width:min(760px,100%);max-height:min(760px,90vh);overflow-y:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;box-shadow:0 30px 100px #0000008c}.outputs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.output-card{display:grid;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);padding:7px}.output-preview{display:grid;place-items:center;height:130px;border-radius:6px;overflow:hidden;background:#080a10;color:var(--muted);font-size:8px}.output-preview img,.output-preview video{width:100%;height:100%;object-fit:contain;display:block}.output-copy{display:grid;gap:2px;min-width:0}.output-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.output-copy small{color:var(--muted);font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-actions{display:flex;gap:4px}.text-align-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.text-align-options{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.text-align-options button{border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--muted);padding:4px 7px;font-size:8px;cursor:pointer}.text-align-options button:last-child{border-right:0}.text-align-options button.is-active{color:var(--text);background:color-mix(in srgb,var(--accent) 16%,var(--panel))}.capture-quality{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:-1px 0 7px;color:var(--muted);font-size:7px}.capture-quality select{width:auto;padding:3px 5px;font-size:8px}a.brand,a.admin-topbar-brand{color:inherit;text-decoration:none}a.admin-topbar-brand:hover strong{color:var(--accent-2)}.timeline-zoom{display:inline-flex;align-items:center;gap:2px;margin-left:auto;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);overflow:hidden}.timeline-zoom button{width:22px;height:22px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;padding:0}.timeline-zoom button:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.timeline-zoom button:disabled{opacity:.3;cursor:default}.timeline-zoom span{min-width:35px;text-align:center;color:var(--muted);font-size:7px}@media(max-width:700px){.timeline-zoom{margin-left:0}.timeline-zoom span{display:none}}