@font-face{font-family:Satoshi;src:url(/fonts/fontastic/satoshi.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/fontastic/general-sans.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/fontastic/manrope.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/fontastic/inter.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Archiv Grotesk;src:url(/fonts/fontastic/archiv-grotesk.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/fontastic/bebas-neue.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Diamond Grotesk;src:url(/fonts/fontastic/diamond-grotesk.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Abril Fatface;src:url(/fonts/fontastic/abril-fatface.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Boska;src:url(/fonts/fontastic/boska.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Butler;src:url(/fonts/fontastic/butler.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sentient;src:url(/fonts/fontastic/sentient.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Zodiak;src:url(/fonts/fontastic/zodiak.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Bespoke Serif";src:url(/fonts/fontastic/bespoke-serif.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Barber;src:url(/fonts/fontastic/barber-complete.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"0xProto";src:url(/fonts/fontastic/0xproto.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Commit Mono;src:url(/fonts/fontastic/commit-mono.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/fontastic/geist-mono.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:iA Writer Mono;src:url(/fonts/fontastic/ia-writer-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color:#f3f3f3;background:#080808;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface-0: #080808;--surface-1: #0d0d0d;--surface-2: #151515;--surface-3: #202020;--surface-raised: rgba(28, 28, 28, .94);--border: rgba(245, 245, 245, .12);--border-strong: rgba(245, 245, 245, .22);--text: #f3f3f3;--text-muted: #b0b0b0;--text-soft: #7d7d7d;--accent: #f2f2f2;--accent-strong: #ffffff;--accent-bg: rgba(255, 255, 255, .12);--focus: #d6d6d6;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.08),transparent 34%),radial-gradient(circle at 78% 18%,rgba(255,255,255,.05),transparent 32%),linear-gradient(180deg,#0a0a0a,#111 48%,#070707)}button,input,textarea,select{font:inherit}button{border:0;font-weight:600!important}button :where(*){font-weight:600!important}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{display:grid;grid-template-columns:372px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden;color:var(--text)}.control-panel{display:flex;flex-direction:column;min-height:0;gap:clamp(8px,1vh,14px);border-right:1px solid rgba(245,245,245,.055);background:linear-gradient(180deg,#121212fa,#090909fa);padding:clamp(14px,1.6vh,20px) 24px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:rgba(255,255,255,.14) rgba(0,0,0,.42);scrollbar-width:thin;box-shadow:24px 0 80px #0000002e}.control-panel::-webkit-scrollbar{width:10px}.control-panel::-webkit-scrollbar-track{background:#0000006b}.control-panel::-webkit-scrollbar-thumb{border:2px solid rgba(0,0,0,.42);border-radius:999px;background:#ffffff24}.control-panel::-webkit-scrollbar-thumb:hover{background:#ffffff38}.brand-row{position:relative;display:flex;align-items:center;gap:13px}.tools-menu{position:relative;flex:0 0 auto}.tools-menu-button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:11px;background:#ffffff09;color:var(--text-muted);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.tools-menu-button:hover,.tools-menu-button[aria-expanded=true]{border-color:#f5f5f580;background:#ffffff17;color:var(--text)}.tools-menu-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:80;display:grid;width:212px;gap:3px;padding:6px;border:1px solid var(--border);border-radius:14px;background:#121212f5;box-shadow:0 20px 48px #00000061,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-row .tools-menu-popover a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:0 10px;border-radius:10px;color:var(--text);font-size:13px;font-weight:720;text-decoration:none}.brand-row .tools-menu-popover a:hover{background:#ffffff14;color:var(--text);text-decoration:none}.brand-row .tools-menu-popover svg{flex:0 0 auto;color:var(--text-soft)}.brand-mark{display:grid;width:48px;height:64px;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text)}.iphone-logo{display:block;width:46px;height:62px;object-fit:contain}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.1;font-weight:880}.brand-row h1{font-weight:600}h2{font-size:13px;line-height:1.2;color:var(--text-muted);font-weight:700}.brand-row p,.preview-toolbar span,.status-bar{color:var(--text-muted);font-size:13px}.brand-row a{color:var(--accent);text-decoration:none;font-weight:700}.brand-row a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.settings-button{display:grid;width:34px;height:34px;margin-left:auto;place-items:center;border:1px solid var(--border);border-radius:11px;background:#ffffff0b;color:var(--text-muted);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.settings-button:hover,.settings-button:focus-visible{border-color:#f5f5f580;background:#ffffff1c;color:var(--text);outline:0}.billing-panel{gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff09}.billing-balance-row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:8px}.billing-balance-row span{color:var(--text-muted);font-size:12px;font-weight:760}.billing-balance-row strong{color:var(--text);font-size:14px;font-weight:860}.billing-balance-row button{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border);border-radius:9px;background:#ffffff0a;color:var(--text-muted);cursor:pointer}.billing-balance-row button:hover{border-color:#f5f5f580;background:#ffffff17;color:var(--text)}.credit-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.credit-pack-grid button{display:grid;min-width:0;gap:2px;min-height:44px;place-items:center;border:1px solid var(--border);border-radius:12px;background:#ffffff0e;color:var(--text);cursor:pointer}.credit-pack-grid button:hover:not(:disabled){border-color:#f5f5f59e;background:#ffffff1c}.credit-pack-grid span{font-size:12px;font-weight:830}.credit-pack-grid small{color:var(--text-muted);font-size:11px;font-weight:760}.billing-error{color:#ffb3b3;font-size:11px;line-height:1.35}.inline-credit-panel{display:grid;gap:7px;border-radius:16px;background:#ffffff09;padding:8px}.inline-credit-heading{display:grid;grid-template-columns:minmax(0,1fr) auto 26px;align-items:center;gap:8px;padding:0 2px}.inline-credit-heading span{color:var(--text-muted);font-size:11px;font-weight:500}.inline-credit-heading strong{color:var(--text);font-size:12px;font-weight:500}.inline-credit-heading button{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:9px;background:#ffffff0e;color:var(--text-muted);cursor:pointer}.inline-credit-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.inline-credit-packs button{display:grid;min-width:0;min-height:48px;place-items:center;gap:1px;border:0;border-radius:13px;background:#fff1;color:var(--text);cursor:pointer}.inline-credit-packs button:hover:not(:disabled){background:#ffffff21}.inline-credit-packs span{font-size:18px;font-weight:500;line-height:1}.inline-credit-packs small{color:var(--text-muted);font-size:11px;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#000000a3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-modal{display:grid;width:min(420px,100%);max-height:min(720px,calc(100dvh - 40px));gap:16px;overflow:auto;border:1px solid rgba(245,245,245,.16);border-radius:20px;background:linear-gradient(180deg,#181818fa,#0a0a0afa);box-shadow:0 28px 90px #0000009e,inset 0 1px #ffffff14;padding:18px}.modal-header{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:14px;align-items:start}.modal-header h2{color:var(--text);font-size:18px;font-weight:860}.modal-header p,.settings-note{margin-top:5px;color:var(--text-muted);font-size:12px;line-height:1.45}.modal-header>button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:999px;background:#ffffff0e;color:var(--text-muted);cursor:pointer}.modal-header>button:hover{border-color:#f5f5f57a;background:#ffffff1f;color:var(--text)}.settings-key-field{display:grid;gap:7px;color:var(--text-muted);font-size:12px;font-weight:740}.settings-key-field>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:44px;align-items:center;gap:9px;border:1px solid var(--border);border-radius:14px;background:#ffffff0f;padding:0 8px 0 12px;color:#e8e8e8}.settings-key-field input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px;font-weight:720}.settings-key-field button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:999px;background:#ffffff0f;color:#e8e8e8;cursor:pointer}.credits-dialog-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:14px;background:#ffffff0b;padding:10px 12px}.credits-dialog-balance span{color:var(--text-muted);font-size:12px;font-weight:760}.credits-dialog-balance strong{color:var(--text);font-size:14px;font-weight:860}.credits-pack-list{display:grid;gap:8px}.credits-pack-list button{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:12px;min-height:62px;border:1px solid var(--border);border-radius:14px;background:#ffffff0e;color:var(--text);padding:0 12px;cursor:pointer;text-align:left}.credits-pack-list button:hover,.credits-pack-list button.selected{border-color:#f5f5f59e;background:#ffffff1f}.credits-pack-list span{display:grid;gap:3px}.credits-pack-list strong{font-size:14px;font-weight:850}.credits-pack-list small{color:var(--text-muted);font-size:12px;font-weight:720}.credits-pack-list b{font-size:14px;font-weight:860}.modal-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.modal-actions button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:13px;cursor:pointer;font-size:13px;font-weight:820}.modal-secondary-button{border:1px solid var(--border);background:#ffffff0e;color:var(--text-muted);padding:0 14px}.modal-primary-button{border:1px solid rgba(245,245,245,.54);background:linear-gradient(135deg,#ffffff40,#b4b4b429);color:var(--text)}.modal-secondary-button:hover,.modal-primary-button:hover:not(:disabled){border-color:#f5f5f5b3;background-color:#ffffff1f}.modal-error{margin:-4px 0 0}.drop-target{display:grid;gap:5px;min-height:clamp(64px,8.5vh,100px);place-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:#ffffff0b;color:#e8e8e8;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.drop-target input{display:none}.drop-target span{font-weight:720}.drop-target small{color:var(--text-soft);font-size:12px}.drop-target.is-dragging,.drop-target:hover{border-color:#f5f5f5b8;background:#ffffff1f}.control-section{display:grid;gap:clamp(6px,.75vh,9px)}.flow-tabs{margin-top:2px}.flow-tabs .segmented-control button{min-height:36px;font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text-soft)}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-button,.template-button,.background-button,.generate-button,.hand-button,.screen-count-button,.screenshot-slot,.prompt-upload-card,.segmented-control button,.reset-button,.icon-button,.copy-button,.export-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);cursor:pointer}.device-button,.template-button,.background-button,.hand-button,.screen-count-button,.screenshot-slot,.prompt-upload-card,.toggle-row label,.scale-select select,.reset-button,.icon-button,.copy-button{border:1px solid var(--border);background:var(--surface-raised);color:#e8e8e8}.device-button{min-height:42px;justify-content:space-between;padding:0 12px;font-size:13px;font-weight:680}.screen-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.screen-count-button{min-height:72px;padding:7px;color:#e8e8e8}.screen-count-icon{width:82px;max-width:100%;height:56px;color:var(--text-soft)}.plain-screenshot-icon{width:74px}.template-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(5px,.65vh,7px)}.template-button{position:relative;aspect-ratio:1 / 1.08;min-height:0;overflow:hidden;padding:4px}.template-thumb-frame{display:grid;width:100%;height:100%;place-items:center;overflow:hidden;border-radius:calc(var(--radius-md) - 5px);background:linear-gradient(180deg,#ffffff14,#ffffff05),#101010}.template-thumb-frame img{display:block;width:100%;height:100%;object-fit:contain}.template-selected-icon{position:absolute;top:5px;right:5px;display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(245,245,245,.72);border-radius:999px;background:#0c0c0cc7;color:#f3f3f3;box-shadow:0 8px 18px #00000052}.device-button.selected,.template-button.selected,.background-button.selected,.hand-button.selected,.screen-count-button.selected,.segmented-control button.selected{border-color:#f5f5f59e;background:var(--accent-bg);color:#f3f3f3;box-shadow:inset 0 1px #ffffff14}.screen-count-button.selected .screen-count-icon{color:var(--accent)}.segmented-control{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff0b;padding:3px}.segmented-control button{min-height:30px;border:1px solid transparent;background:transparent;color:#b2b2b2;font-size:13px;font-weight:700}.segmented-control-icon{flex:0 0 auto}.segmented-control button span{min-width:0}.swatch-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.swatch{height:34px;border:2px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);box-shadow:0 0 0 1px #0000006b;cursor:pointer}.swatch.selected{box-shadow:0 0 0 2px var(--accent),0 0 0 5px #ffffff2e}.screenshot-grid{display:grid;gap:6px}.screenshot-grid.slots-2{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-grid.slots-3{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-slot{min-height:72px;flex-direction:column;justify-content:center;padding:10px 12px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.screenshot-grid:not(.slots-1) .screenshot-slot{min-height:72px;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px}.screenshot-slot span{display:inline-flex;align-items:center;flex-direction:column;gap:8px;flex:0 0 auto;font-size:13px;font-weight:760}.screenshot-slot small{max-width:100%;min-width:0;overflow:hidden;color:var(--text-soft);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.screenshot-slot input{display:none}.screenshot-slot.is-dragging,.screenshot-slot:hover{border-color:#f5f5f5b8;background:#ffffff1f}.hand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hand-button{min-height:38px;justify-content:flex-start;padding:0 10px;font-size:12px;font-weight:700}.hand-swatch{width:18px;height:18px;flex:0 0 auto;border:1px solid rgba(255,255,255,.24);border-radius:50%}.background-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.generate-button{min-height:38px;justify-content:space-between;border:1px solid rgba(245,245,245,.34);background:linear-gradient(135deg,#ffffff2e,#b4b4b429);padding:0 12px;color:#f3f3f3;font-size:13px;font-weight:500}.generate-button small{min-width:0;overflow:hidden;color:#b2b2b2;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.generate-button:disabled{cursor:progress;opacity:.74}.generate-button.selected{border-color:#f5f5f5d6;background:linear-gradient(135deg,#ffffff47,#b4b4b438);box-shadow:inset 0 0 0 1px #f5f5f538}.backdrop-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.backdrop-icon-button,.backdrop-prompt-icon-button{position:relative;display:grid;place-items:center;border:1px solid rgba(245,245,245,.28);background:#ffffff0d;color:#e8e8e8;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.backdrop-icon-button{min-width:0;min-height:38px;border-radius:var(--radius-md)}.backdrop-icon-button:hover,.backdrop-prompt-icon-button:hover{border-color:#f5f5f58a;background:#ffffff1f}.backdrop-icon-button.selected,.backdrop-prompt-icon-button.selected{border-color:#f5f5f5d6;background:#ffffff29;box-shadow:inset 0 0 0 1px #f5f5f52e}.backdrop-icon-button:disabled,.backdrop-prompt-icon-button:disabled{cursor:progress;opacity:.64}.backdrop-icon-button[data-tooltip]:before,.backdrop-icon-button[data-tooltip]:after{position:absolute;left:50%;z-index:120;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}.backdrop-icon-button[data-tooltip]:before{bottom:calc(100% + 8px);width:max-content;max-width:180px;padding:6px 8px;border:1px solid rgba(245,245,245,.18);border-radius:9px;background:#121212f5;box-shadow:0 10px 24px #00000057;color:var(--text);content:attr(data-tooltip);font-size:11px;font-weight:720;line-height:1;text-align:center;white-space:nowrap}.backdrop-action-grid>:first-child[data-tooltip]:before{left:0;transform:translateY(4px)}.backdrop-action-grid>:last-child[data-tooltip]:before{right:0;left:auto;transform:translateY(4px)}.backdrop-icon-button[data-tooltip]:after{bottom:calc(100% + 4px);width:8px;height:8px;border-right:1px solid rgba(245,245,245,.18);border-bottom:1px solid rgba(245,245,245,.18);background:#121212f5;content:"";transform:translate(-50%,4px) rotate(45deg)}.backdrop-icon-button[data-tooltip]:hover:before,.backdrop-icon-button[data-tooltip]:hover:after,.backdrop-icon-button[data-tooltip]:focus-visible:before,.backdrop-icon-button[data-tooltip]:focus-visible:after,.backdrop-icon-button[data-tooltip]:focus-within:before,.backdrop-icon-button[data-tooltip]:focus-within:after{opacity:1;transform:translate(-50%)}.backdrop-action-grid>:first-child[data-tooltip]:hover:before,.backdrop-action-grid>:first-child[data-tooltip]:focus-visible:before,.backdrop-action-grid>:first-child[data-tooltip]:focus-within:before,.backdrop-action-grid>:last-child[data-tooltip]:hover:before,.backdrop-action-grid>:last-child[data-tooltip]:focus-visible:before,.backdrop-action-grid>:last-child[data-tooltip]:focus-within:before{transform:translate(0)}.backdrop-icon-button[data-tooltip]:hover:after,.backdrop-icon-button[data-tooltip]:focus-visible:after,.backdrop-icon-button[data-tooltip]:focus-within:after{transform:translate(-50%) rotate(45deg)}.backdrop-upload-button input{display:none}.backdrop-prompt-field{display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.backdrop-prompt-input-wrap{display:grid;position:relative}.backdrop-prompt-field textarea{width:100%;min-height:54px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0e;color:var(--text);line-height:1.35;padding:8px 46px 8px 10px;resize:vertical}.backdrop-prompt-field textarea::placeholder{color:var(--text-soft)}.backdrop-prompt-field textarea:focus{border-color:#f5f5f575;outline:0;box-shadow:0 0 0 3px #ffffff14}.backdrop-prompt-icon-button{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:999px}.backdrop-prompt-error{margin:-2px 2px 0;color:#fecaca;font-size:11px;font-weight:680;line-height:1.35}.backdrop-credit{margin:-2px 2px 0;color:var(--text-muted);font-size:11px;font-weight:620;line-height:1.35}.backdrop-credit a{color:#dcdcdc;text-decoration:none}.backdrop-credit a:hover{text-decoration:underline}.background-button{min-height:82px;flex-direction:column;align-items:stretch;gap:5px;padding:6px;font-size:10.5px;font-weight:680;line-height:1}.background-swatch{width:17px;height:17px;border:1px solid rgba(255,255,255,.22);border-radius:50%}.preset-background-grid .background-button{min-height:82px}.preset-background-grid .background-swatch{width:22px;height:22px}.background-image-thumb{width:100%;height:47px;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:10px;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #00000038}.background-button span:last-child{max-width:100%;min-height:22px;overflow:hidden;line-height:1.05;text-align:center;text-overflow:ellipsis}.background-swatch.studio{background:linear-gradient(135deg,#f5f5f5,#d0d0d0)}.background-swatch.ink{background:linear-gradient(135deg,#0f0f0f,#303030)}.background-swatch.mist{background:linear-gradient(135deg,#f2f2f2,#bdbdbd)}.background-swatch.sage{background:linear-gradient(135deg,#e5e5e5,#9f9f9f)}.background-swatch.coral{background:linear-gradient(135deg,#d8d8d8,#a8a8a8,#777)}.background-swatch.generated{background:linear-gradient(135deg,#090909,#242424,#7a7a7a,#e6e6e6)}.background-swatch.tahoe{background:linear-gradient(180deg,#e2e2e2,#c6c6c6 44%,#555 45%,#161616)}.background-swatch.transparent{background:linear-gradient(45deg,#333333 25%,transparent 25%),linear-gradient(-45deg,#333333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333333 75%),linear-gradient(-45deg,transparent 75%,#333333 75%);background-color:#111;background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.compact-controls{gap:12px}.range-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;color:#b2b2b2;font-size:13px;font-weight:690}input[type=range]{accent-color:var(--accent-strong)}.mockup-controls{gap:7px}.mockup-control-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mockup-control-heading span{color:#e8e8e8;font-size:12px;font-weight:760}.mockup-zoom-row{grid-template-columns:42px minmax(0,1fr)}.plain-radius-row{grid-template-columns:54px minmax(0,1fr)}.mockup-zoom-row input{width:100%}.mockup-center-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mockup-center-button{display:grid;min-height:30px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0b;color:#d4d4d4;cursor:pointer}.mockup-center-button:hover{border-color:#f5f5f561;background:#ffffff1f}.center-axis-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toggle-row label{display:flex;min-height:36px;align-items:center;gap:8px;border-radius:var(--radius-md);padding:0 10px;font-size:13px;font-weight:690}.toggle-row input{accent-color:var(--accent-strong)}.prompt-section{border-top:1px solid var(--border);padding-top:clamp(8px,1vh,12px)}.prompt-summary{min-height:28px;cursor:pointer;list-style:none}.prompt-summary::-webkit-details-marker{display:none}.prompt-summary:after{content:"Open";color:var(--text-soft);font-size:12px;font-weight:700}.prompt-section[open] .prompt-summary:after{content:"Close"}.prompt-fields{display:grid;gap:8px}.prompt-tab{gap:10px}.prompt-template-section{display:grid;gap:8px}.prompt-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.prompt-template-card{display:grid;min-width:0;gap:5px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);padding:5px;cursor:pointer}.prompt-template-card.selected,.prompt-template-card:hover:not(:disabled){border-color:#f5f5f5a8;background:var(--accent-bg);color:#f3f3f3}.prompt-template-card:disabled{cursor:wait;opacity:.7}.prompt-template-thumb{display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:calc(var(--radius-md) - 5px);background:radial-gradient(circle at 50% 20%,rgba(245,245,245,.16),transparent 38%),#ffffff0b;color:var(--text-soft)}.prompt-template-thumb.has-image{background:#ffffff09}.prompt-template-thumb img{display:block;width:100%;height:100%;object-fit:cover}.prompt-template-card>span:last-child{overflow:hidden;font-size:10.5px;font-weight:740;text-align:center;text-overflow:ellipsis;white-space:nowrap}.video-tab{gap:10px}.video-fields,.video-starter-section{display:grid;gap:8px}.video-starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.video-starter-card{display:grid;min-width:0;gap:5px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);padding:5px;cursor:pointer}.video-starter-card.selected,.video-starter-card:hover{border-color:#f5f5f59e;background:var(--accent-bg);color:#f3f3f3}.video-starter-thumb{display:grid;aspect-ratio:9 / 12;place-items:center;overflow:hidden;border-radius:calc(var(--radius-md) - 5px);background:radial-gradient(circle at 50% 20%,rgba(245,245,245,.16),transparent 38%),#ffffff0b;color:var(--text-soft)}.video-starter-thumb video{display:block;width:100%;height:100%;object-fit:cover}.video-starter-card>span:last-child{overflow:hidden;font-size:10.5px;font-weight:740;text-align:center;text-overflow:ellipsis;white-space:nowrap}.video-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.video-option-grid label{display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.video-option-grid select{min-width:0;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0e;color:var(--text);font-size:13px;font-weight:720;padding:0 28px 0 10px}.video-result-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.video-result-actions button{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(245,245,245,.3);border-radius:999px;background:#ffffff1a;color:#f3f3f3;padding:5px 9px;font-size:12px;font-weight:760;cursor:pointer}.video-ready-actions{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff1;padding:8px}.video-ready-actions a{width:max-content;color:#dcdcdc;font-size:12px;font-weight:760;text-decoration:none}.video-ready-actions a:hover{text-decoration:underline}.prompt-upload-card{display:grid;min-height:92px;place-items:center;gap:5px;padding:12px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.prompt-upload-card.has-image{grid-template-columns:58px minmax(0,1fr);justify-items:start;min-height:76px;text-align:left}.prompt-upload-card span{display:inline-flex;align-items:center;gap:8px;color:#e8e8e8;font-size:14px;font-weight:780}.prompt-upload-preview{width:58px;height:58px;border:1px solid rgba(255,255,255,.12);border-radius:14px;object-fit:cover}.prompt-upload-card small{max-width:100%;overflow:hidden;color:var(--text-soft);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.prompt-upload-card input{display:none}.prompt-upload-card.is-dragging,.prompt-upload-card:hover{border-color:#f5f5f5b8;background:#ffffff1f}.prompt-field{display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.prompt-field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0e;color:var(--text)}.prompt-field textarea{min-height:clamp(54px,7vh,82px);resize:vertical;padding:8px 10px;line-height:1.45}.prompt-field textarea::placeholder{color:var(--text-soft)}.prompt-aspect-field{display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.prompt-aspect-field .segmented-control{border-radius:var(--radius-md)}.prompt-aspect-field .segmented-control button{min-height:32px;font-size:12px}.prompt-key-field{display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.prompt-key-field>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:42px;align-items:center;gap:9px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0e;padding:0 8px 0 12px;color:#e8e8e8}.prompt-key-field input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px;font-weight:720}.prompt-key-field input::placeholder{color:var(--text-soft)}.prompt-key-field button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:999px;background:#ffffff0f;color:#e8e8e8;cursor:pointer}.prompt-key-field>div:focus-within,.prompt-key-field>div:hover,.prompt-key-field button:hover{border-color:#f5f5f56b;background:#ffffff1a}.backdrop-key-field>div{min-height:38px}.prompt-send-button{width:100%}.video-generate-button{justify-content:center;background:linear-gradient(135deg,#f5f5f5,#bdbdbd);color:#101010;box-shadow:0 14px 30px #ffffff1a}.video-generate-button.is-generating{cursor:progress;opacity:1;background:linear-gradient(135deg,#f2f2f2,#d6d6d6 46%,#9f9f9f);color:#111;box-shadow:0 14px 34px #ffffff1f,inset 0 1px #ffffff73}.video-generate-button:disabled:not(.is-generating){color:#dcdcdc}.prompt-send-button:disabled{cursor:not-allowed;opacity:.82}.spin-icon{animation:spin .9s linear infinite}.prompt-result-state{border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 11px;font-size:12px;font-weight:720;line-height:1.35}.prompt-result-state.success{border-color:#f5f5f53d;background:#ffffff14;color:#f0f0f0}.prompt-result-state.error{border-color:#f8717159;background:#7f1d1d2e;color:#fecaca}.prompt-gallery{gap:8px;border-top:1px solid var(--border);padding-top:clamp(8px,1vh,12px)}.prompt-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.prompt-gallery-heading span{display:grid;min-width:24px;height:22px;place-items:center;border:1px solid var(--border);border-radius:999px;color:var(--text-soft);font-size:11px;font-weight:780}.prompt-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.prompt-gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:#ffffff0b;transition:border-color .16s ease,background .16s ease,transform .16s ease}.prompt-gallery-item.selected{border-color:#f5f5f5db;background:#ffffff24}.prompt-gallery-item:hover{border-color:#f5f5f57a;transform:translateY(-1px)}.prompt-gallery-image-button{display:block;width:100%;height:100%;border:0;background:transparent;cursor:pointer;padding:0}.prompt-gallery-image-button img{display:block;width:100%;height:100%;object-fit:cover}.prompt-gallery-delete{display:grid;position:absolute;top:5px;right:5px;width:24px;height:24px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#080808c7;color:#f0f0f0;cursor:pointer;opacity:.82;transition:opacity .16s ease,border-color .16s ease,background .16s ease}.prompt-gallery-item:hover .prompt-gallery-delete,.prompt-gallery-delete:focus-visible{opacity:1}.prompt-gallery-delete:hover{border-color:#f8717185;background:#7f1d1db8}.prompt-gallery-empty,.prompt-gallery-error{border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 11px;color:var(--text-soft);font-size:12px;font-weight:700;line-height:1.35}.prompt-gallery-error{border-color:#f8717159;background:#7f1d1d2e;color:#fecaca}.prompt-context-menu{position:fixed;z-index:80;min-width:170px;border:1px solid rgba(245,245,245,.16);border-radius:12px;background:#121212f5;box-shadow:0 18px 44px #0000006b,inset 0 1px #ffffff0f;padding:5px}.prompt-context-menu button{display:inline-flex;width:100%;min-height:34px;align-items:center;justify-content:flex-start;gap:8px;border:0;border-radius:8px;background:transparent;color:#eee;cursor:pointer;font-size:12px;font-weight:760;padding:0 10px}.prompt-context-menu button:hover,.prompt-context-menu button:focus-visible{background:#ffffff1c}.video-library{gap:8px;border-top:1px solid var(--border);padding-top:clamp(8px,1vh,12px)}.video-library-list{display:grid;gap:7px}.video-library-item{position:relative;display:grid;gap:7px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0b;padding:6px}.video-library-item.selected{border-color:#f5f5f5b3;background:#ffffff1a}.video-library-open{display:grid;grid-template-columns:56px minmax(0,1fr);min-width:0;align-items:center;gap:9px;border:0;background:transparent;color:var(--text);cursor:pointer;padding:0;text-align:left}.video-library-open img,.video-library-open>svg{display:grid;width:56px;height:42px;place-items:center;border:1px solid var(--border);border-radius:10px;background:#101010;object-fit:cover}.video-library-open span{display:grid;min-width:0;gap:2px}.video-library-open strong,.video-library-open small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-library-open strong{font-size:12px;font-weight:780}.video-library-open small{color:var(--text-soft);font-size:11px;font-weight:680}.video-library-actions,.video-share-menu{display:grid;gap:6px}.video-library-actions{grid-template-columns:repeat(3,1fr)}.video-library-actions button,.video-share-menu button{display:inline-flex;min-width:0;min-height:30px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0e;color:#e8e8e8;cursor:pointer;font-size:11px;font-weight:720}.video-library-actions button:hover,.video-share-menu button:hover{border-color:#f5f5f561;background:#ffffff1f}.video-share-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.text-tool{gap:9px;border-top:1px solid var(--border);padding-top:clamp(8px,1vh,12px)}.text-tool.is-empty{border-top:0;padding-top:0}.text-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.text-remove-button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:999px;background:#ffffff0f;color:#e8e8e8;cursor:pointer}.text-tool-fields{display:grid;gap:8px}.text-input-field,.text-font-field{display:grid;position:relative;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.text-font-field:after{content:"";position:absolute;right:15px;bottom:15px;width:8px;height:8px;border-right:2px solid #e8e8e8;border-bottom:2px solid #e8e8e8;pointer-events:none;transform:rotate(45deg)}.text-input-field textarea,.text-font-field select{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0e;color:var(--text)}.text-input-field textarea{min-height:70px;resize:vertical;padding:8px 10px;line-height:1.35}.text-font-field select{height:38px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 38px 0 12px;font-weight:720}.text-color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.text-color-button{display:grid;position:relative;min-height:32px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0b;cursor:pointer}.text-color-button span{width:17px;height:17px;border:1px solid rgba(255,255,255,.44);border-radius:999px;box-shadow:0 6px 14px #0003}.text-color-button.selected{border-color:#f5f5f5db;background:#ffffff29}.text-color-picker{overflow:hidden}.text-color-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.add-text-button{display:inline-flex;width:100%;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0f;color:#e8e8e8;cursor:pointer;font-size:13px;font-weight:500}.add-text-button:hover,.text-remove-button:hover,.text-color-button:hover{border-color:#f5f5f561;background:#ffffff1f}.action-row{display:grid;grid-template-columns:88px 42px minmax(0,1fr);gap:8px;margin-top:auto}.scale-select{display:grid;position:relative;gap:4px;color:var(--text-muted);font-size:12px;font-weight:700}.scale-select:after{content:"";position:absolute;right:13px;bottom:14px;width:7px;height:7px;border-right:2px solid #e8e8e8;border-bottom:2px solid #e8e8e8;pointer-events:none;transform:rotate(45deg)}.scale-select select{width:100%;height:38px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-md);padding:0 34px 0 12px;color:#e8e8e8;font-size:13px;font-weight:720}.export-button{min-height:38px;align-self:end;gap:7px;padding:0 14px;background:linear-gradient(135deg,#f7f7f7,#d5d5d5 52%,#a8a8a8);color:#101010;font-size:13px;font-weight:500;letter-spacing:0;white-space:nowrap;box-shadow:0 14px 28px #ffffff1f}.copy-button{width:42px;min-height:38px;align-self:end;color:#e8e8e8}.export-button:hover{filter:brightness(1.04);box-shadow:0 16px 34px #ffffff38}.copy-button:hover,.icon-button:hover{border-color:#f5f5f561;background:#ffffff1f}.reset-button{min-height:32px;background:transparent;color:#b2b2b2;font-size:13px;font-weight:700;border:1px solid var(--border)}.control-panel :where(.tools-menu-button,.tools-menu-popover,.settings-button,.drop-target,.device-button,.template-button,.template-selected-icon,.background-button,.generate-button,.hand-button,.screen-count-button,.screenshot-slot,.mockup-center-button,.range-row,.prompt-upload-card,.prompt-template-card,.prompt-template-thumb,.toggle-row label,.scale-select select,.icon-button,.copy-button,.export-button,.segmented-control,.segmented-control button,.swatch,.backdrop-icon-button,.backdrop-prompt-icon-button,.backdrop-prompt-input-wrap,.backdrop-prompt-field textarea,.backdrop-prompt-error,.backdrop-credit,.slider-row button,.text-tool,.text-remove-button,.text-input-field textarea,.text-font-field select,.text-color-button,.add-text-button,.prompt-field textarea,.prompt-field select,.prompt-result-state,.prompt-gallery,.prompt-gallery-heading span,.prompt-gallery-item,.prompt-gallery-delete,.prompt-gallery-empty,.prompt-gallery-error,.prompt-context-menu,.video-option-grid select,.video-starter-card,.video-library,.video-library-item,.video-library-open img,.video-library-open>svg,.video-library-actions button,.video-share-menu,.video-share-menu button,.video-result-actions button,.video-ready-actions a,.inline-credit-panel,.inline-credit-heading button,.inline-credit-packs button){border:0;box-shadow:none}.control-panel :where(.device-button.selected,.template-button.selected,.background-button.selected,.hand-button.selected,.screen-count-button.selected,.segmented-control button.selected,.generate-button.selected,.backdrop-icon-button.selected,.backdrop-prompt-icon-button.selected,.text-color-button.selected,.video-starter-card.selected,.prompt-template-card.selected,.prompt-gallery-item.selected,.video-library-item.selected){background:#ffffff2e;box-shadow:none}.control-panel :where(.drop-target:hover,.device-button:hover,.template-button:hover,.background-button:hover,.hand-button:hover,.screen-count-button:hover,.screenshot-slot:hover,.prompt-upload-card:hover,.icon-button:hover,.copy-button:hover,.backdrop-icon-button:hover,.backdrop-prompt-icon-button:hover,.prompt-gallery-item:hover,.prompt-gallery-delete:hover,.video-library-actions button:hover,.video-share-menu button:hover){border:0}.reset-button:hover{border-color:#f5f5f570}.control-panel .flow-tabs .segmented-control,.control-panel .flow-tabs .segmented-control button,.control-panel [aria-labelledby=fit-heading] .segmented-control,.control-panel [aria-labelledby=fit-heading] .segmented-control button,.control-panel .backdrop-action-grid .backdrop-icon-button,.control-panel .backdrop-action-grid .backdrop-prompt-icon-button,.control-panel .flow-tabs .segmented-control button.selected,.control-panel [aria-labelledby=fit-heading] .segmented-control button.selected,.control-panel .backdrop-action-grid .backdrop-icon-button.selected,.control-panel .backdrop-action-grid .backdrop-prompt-icon-button.selected{border:0;box-shadow:none}.control-panel .flow-tabs .segmented-control button:hover,.control-panel [aria-labelledby=fit-heading] .segmented-control button:hover,.control-panel .backdrop-action-grid .backdrop-icon-button:hover,.control-panel .backdrop-action-grid .backdrop-prompt-icon-button:hover{border:0}.preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100dvh;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.06),transparent 34%),linear-gradient(180deg,#101010,#090909)}.preview-toolbar,.status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}.preview-toolbar strong{display:block;font-size:16px;font-weight:780}.icon-button{width:36px;height:36px;background:#ffffff14;color:#e8e8e8}.preview-host{display:grid;min-width:0;min-height:0;place-items:center;padding:12px;overflow:hidden}.preview-canvas-shell{position:relative;display:block;max-width:100%;max-height:100%;border-radius:var(--radius-xl);box-shadow:0 24px 80px #0000003d}.preview-canvas{position:relative;z-index:1;display:block;max-width:100%;max-height:100%;border-radius:inherit}.video-preview-shell{display:grid;width:min(52vw,640px);max-width:100%;aspect-ratio:9 / 16;place-items:center;overflow:hidden;border:1px solid rgba(245,245,245,.18);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 10%,rgba(245,245,245,.16),transparent 34%),linear-gradient(180deg,#161616e6,#080808eb);box-shadow:0 24px 80px #00000047}.video-preview{display:block;width:100%;height:100%;background:#050505;object-fit:contain}.video-preview-empty{display:grid;max-width:320px;place-items:center;gap:10px;padding:28px;color:#e8e8e8;text-align:center}.video-preview-empty strong{font-size:18px;font-weight:820}.video-preview-empty span{color:var(--text-muted);font-size:13px;font-weight:650;line-height:1.4}.preview-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;align-content:center;gap:10px;border-radius:inherit;background:#0808088f;color:#f3f3f3;font-size:14px;font-weight:780;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.preview-canvas-shell.is-editable{touch-action:none}.mockup-bounds{position:absolute;z-index:4;border:1px solid transparent;border-radius:16px;background:transparent;box-shadow:none;cursor:grab;pointer-events:auto;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.mockup-bounds.is-selected{border-color:#f5f5f5b8;background:#ffffff09;box-shadow:0 0 0 1px #0c0c0c52,0 0 28px #ffffff2e}.preview-canvas-shell.is-drag .mockup-bounds.is-selected{cursor:grabbing}.preview-canvas-shell.is-resize .mockup-bounds.is-selected{cursor:nwse-resize}.mockup-resize-handle{position:absolute;width:14px;height:14px;border:2px solid #f3f3f3;border-radius:999px;background:#181818;box-shadow:0 0 0 1px #0c0c0cb3,0 6px 18px #00000047}.mockup-resize-handle.nw{top:-7px;left:-7px;cursor:nwse-resize}.mockup-resize-handle.ne{top:-7px;right:-7px;cursor:nesw-resize}.mockup-resize-handle.sw{bottom:-7px;left:-7px;cursor:nesw-resize}.mockup-resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.text-overlay-box{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:0 3%;overflow:visible;background:transparent;cursor:grab;font-weight:800;letter-spacing:0;line-height:1.05;pointer-events:auto;text-shadow:0 5px 24px rgba(0,0,0,.36);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word}.text-overlay-box.is-selected{border-color:#f5f5f5e6;background:#ffffff0a;box-shadow:0 0 0 1px #0c0c0c5c,0 0 28px #fff3}.text-overlay-box>span:first-child{display:flex;width:100%;height:100%;align-items:center;justify-content:inherit;overflow:hidden}.text-overlay-box textarea{width:100%;height:100%;border:0;outline:0;background:#0c0c0c38;color:inherit;cursor:text;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;resize:none;text-align:inherit;text-shadow:inherit;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.preview-canvas-shell.is-drag .text-overlay-box.is-selected{cursor:grabbing}.preview-canvas-shell.is-resize .text-overlay-box.is-selected{cursor:nwse-resize}.text-resize-handle{position:absolute;width:14px;height:14px;border:2px solid #f3f3f3;border-radius:999px;background:#181818;box-shadow:0 0 0 1px #0c0c0cb3,0 6px 18px #00000047}.text-resize-handle.nw{top:-7px;left:-7px;cursor:nwse-resize}.text-resize-handle.ne{top:-7px;right:-7px;cursor:nesw-resize}.text-resize-handle.sw{bottom:-7px;left:-7px;cursor:nesw-resize}.text-resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.status-bar{border-top:1px solid rgba(245,245,245,.055)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.screenshot-slot:focus-within{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:940px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.control-panel{border-right:0;border-bottom:1px solid rgba(245,245,245,.055);overflow:visible}.preview-panel{height:100dvh;min-height:560px}}@media(max-height:780px)and (min-width:941px){.control-panel{gap:6px;padding-top:12px;padding-bottom:8px}.brand-row{gap:9px}.brand-mark{width:42px;height:56px}.iphone-logo{width:40px;height:54px}h1{font-size:20px}.brand-row p,.preview-toolbar span,.status-bar{font-size:12px}.section-heading svg{width:14px;height:14px}.screen-count-grid{gap:5px}.screen-count-button{min-height:34px;flex-direction:row;gap:6px;padding:0 8px}.screen-count-icon{width:30px;height:22px}.template-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.template-button{aspect-ratio:1 / 1;padding:3px}.template-selected-icon{top:3px;right:3px;width:16px;height:16px}.background-grid{gap:5px}.generate-button{min-height:34px}.background-button{min-height:68px;padding:5px;font-size:10.5px}.background-swatch{width:14px;height:14px}.background-image-thumb{height:34px;border-radius:8px}.prompt-summary{min-height:24px}.action-row{grid-template-columns:72px 38px minmax(0,1fr);gap:6px}.scale-select select,.export-button,.copy-button{min-height:34px;height:34px}.copy-button{width:38px}.reset-button{min-height:28px}.preview-toolbar,.status-bar{padding-top:10px;padding-bottom:10px}}@media(max-width:560px){.control-panel,.preview-toolbar,.status-bar{padding-left:16px;padding-right:16px}.control-panel{gap:16px}.device-grid,.background-grid,.hand-grid,.action-row{grid-template-columns:1fr}.copy-button{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}