body{background:#f4f3f8}.top{max-width:none;height:58px;padding:10px 24px;background:#fff;border-bottom:1px solid #e5e1ed}.maker-shell{max-width:1680px;height:calc(100dvh - 58px);min-height:720px;padding:16px 24px 8px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:10px}.maker-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.maker-heading h1{font-size:26px;letter-spacing:-.7px;margin:0;line-height:1.2}.maker-heading .eyebrow{font-size:10px;margin-bottom:3px}.maker-heading .lead{font-size:13px;margin:5px 0 0}.header-actions{display:flex;align-items:center;gap:8px}.header-actions button,.header-actions .action{font-size:12px;min-height:40px;padding:9px 13px;border-radius:10px}.maker-toolbar{display:flex;align-items:center;gap:18px;background:white;border:1px solid #e5e0ec;border-radius:12px;padding:8px 12px}.store-switch{display:flex;gap:5px;margin:0}.store-switch button{font-size:12px;padding:7px 13px;min-height:36px}.output-format label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;white-space:nowrap}.output-format select{padding:7px;border:1px solid #ddd5e8;border-radius:8px;max-width:300px;background:white;font-size:12px}.quality-tag{margin-left:auto;font-size:11px;font-weight:750;color:#37745f;white-space:nowrap}.studio-layout{min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px}.studio-sidebar{background:#fff;border:1px solid #e0dbe9;border-radius:16px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.editor-tabs{display:flex;padding:8px;gap:5px;border-bottom:1px solid #eee9f5;flex-shrink:0}.editor-tabs button{flex:1;padding:9px 4px;min-height:40px;border:0;border-radius:9px;font-size:12px;white-space:nowrap;background:#f5f3f8}.editor-tabs button[aria-selected=true]{color:#fff;background:#7044dc}.tool-panel,.tool-panel.controls{display:block;border:0;border-radius:0;padding:17px;overflow-y:auto;min-width:0;min-height:0}.tool-panel[hidden]{display:none!important}.tool-panel h2{font-size:17px;margin:0 0 5px}.panel-help{font-size:12px;line-height:1.55;margin:0 0 16px;color:#72647e}.tool-panel.controls label{font-size:12px;display:grid;gap:6px;margin:0 0 14px}.tool-panel.controls input:not([type=checkbox]),.tool-panel.controls select{min-height:39px;padding:8px;font-size:12px}.tool-panel.controls input[type=color]{height:38px;padding:3px}.tool-panel.controls input[type=range]{min-height:24px;padding:0}.tool-panel.controls .file{padding:12px;background:#f9f7fe;border:1px dashed #b6a4db;border-radius:12px}.tool-panel.controls .file input{font-size:11px;padding:5px;max-width:100%}.tool-panel.controls button{width:100%;font-size:12px;padding:9px;min-height:38px;margin-bottom:10px}.tool-panel .hint{font-size:11px;line-height:1.55}.store-styles{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}.store-styles button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:7px;gap:0;min-width:0;width:100%;border:2px solid transparent;border-radius:12px;background:#f7f5fb;overflow:hidden}.store-styles button[aria-pressed=true]{border-color:#7545df;background:#eee7ff}.store-styles canvas{display:block;width:100%;height:auto;border-radius:6px;pointer-events:none}.store-styles span{display:block;position:static;font-size:12px;font-weight:800;padding:8px 4px 3px;text-align:left;line-height:1.3}.preview-workspace{background:#fff;border:1px solid #e0dbe9;border-radius:16px;min-width:0;min-height:0;padding:12px 16px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.preview-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:32px}.preview-toolbar strong{font-size:13px}.preview-toolbar span{font-size:11px;color:#756780;margin-left:auto}.preview-toolbar button{font-size:11px;padding:6px 10px;min-height:32px}.store-canvas{position:relative;flex:1;min-height:160px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#f0edf8,#e9e6f0);border:1px solid #e7e2ee;border-radius:12px;overflow:hidden;padding:14px}.store-canvas canvas{display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 7px 22px #21152d26;image-rendering:auto}.store-canvas.inspect{overflow:auto;display:block}.store-canvas.inspect canvas{max-width:none;max-height:none;height:1050px;width:auto;margin:auto}.upload-empty{position:absolute;inset:0;background:#f5f3fa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.upload-empty[hidden]{display:none}.empty-icon{height:48px;width:48px;border-radius:15px;display:grid;place-items:center;background:#e8dfff;color:#7044d7;font-size:30px}.upload-empty h2{font-size:19px;margin:13px 0 5px}.upload-empty p{font-size:12px;margin:0 0 16px}.upload-empty button{font-size:13px;padding:10px 18px}.upload-empty small{margin-top:10px;font-size:10px;color:#7c6d89}.sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.sequence-heading strong{font-size:12px}.sequence-heading strong span{font-size:10px;font-weight:600;color:#7c7087;margin-left:8px}.sequence-actions{display:flex;gap:5px}.sequence-actions button{font-size:10px;padding:5px 8px;min-height:30px;border-radius:7px}.campaign-preview{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;flex:0 0 136px;padding:4px 4px 7px;min-width:0;align-items:stretch}.campaign-preview:empty{flex-basis:0;padding:0}.campaign-preview button{display:flex!important;flex-direction:column!important;align-items:center;justify-content:flex-start;gap:4px;flex:0 0 70px;width:70px;min-width:70px;max-width:70px;height:124px;padding:4px;border:2px solid transparent;border-radius:9px;background:#f7f5fa;overflow:hidden}.campaign-preview canvas{display:block;flex:0 0 auto;width:auto!important;max-width:58px!important;height:94px!important;object-fit:contain;box-shadow:none}.campaign-preview span{display:block;position:static;flex:0 0 auto;font-size:9px;line-height:12px;margin:0;white-space:nowrap;font-weight:800}.campaign-preview button[aria-pressed=true]{border-color:#7947ff;background:#f0e8ff;outline:none}.preview-workspace>.hint{font-size:10px;margin:0;line-height:1.4;flex-shrink:0}.preview-workspace>.status{font-size:11px;margin:0;min-height:16px;line-height:1.4;flex-shrink:0}.download-row{display:flex;justify-content:flex-end;flex-shrink:0}.download-row button{font-size:11px;min-height:32px;padding:6px 12px}.store-help{font-size:11px;color:#675b73}.store-help summary{cursor:pointer}.store-help .info{margin-top:8px;padding:15px;font-size:12px}.maker-shell>.footer{padding:0;margin:0;font-size:10px;gap:18px}.maker-shell>.footer span{margin-left:auto}#screenStrip[hidden]{display:none!important}@media(max-width:1000px){.maker-shell{padding:12px}.studio-layout{grid-template-columns:270px minmax(0,1fr)}.quality-tag{display:none}.header-actions .action,.header-actions #saveStoreProject{display:none}.maker-heading h1{font-size:22px}.output-format select{max-width:220px}}@media(max-width:700px){.top{height:50px;padding:8px 12px}.maker-shell{height:auto;min-height:calc(100dvh - 50px);padding:12px 10px;gap:10px;display:flex;flex-direction:column}.maker-heading{gap:8px;align-items:center}.maker-heading h1{font-size:19px;max-width:220px;letter-spacing:-.5px}.maker-heading .eyebrow{font-size:8px}.maker-heading .lead{display:none}.header-actions #downloadStorePack{font-size:11px;padding:8px;max-width:115px;line-height:1.25;min-height:44px}.maker-toolbar{flex-wrap:wrap;padding:8px;gap:8px}.store-switch{flex:1}.store-switch button{flex:1;font-size:11px}.output-format{flex:1 0 100%;width:100%}.output-format label{justify-content:space-between}.output-format select{max-width:none;width:78%}.studio-layout{display:flex;flex-direction:column;gap:10px}.studio-sidebar{max-height:310px;flex:0 0 auto}.editor-tabs{padding:5px}.tool-panel,.tool-panel.controls{padding:12px;max-height:245px;overflow:auto}.tool-panel.controls{display:block;grid-template-columns:none}.tool-panel h2{font-size:15px}.panel-help{font-size:11px;margin-bottom:10px}.tool-panel.controls label{margin-bottom:10px}.tool-panel.controls .file{padding:8px}.store-styles{display:flex;overflow:auto;gap:10px;padding:4px 2px 10px}.store-styles button{flex:0 0 190px;width:190px}.preview-workspace{padding:10px;min-height:530px}.preview-toolbar{gap:6px}.preview-toolbar strong{font-size:11px}.preview-toolbar span{font-size:9px}.preview-toolbar button{font-size:10px;min-height:30px;padding:5px}.store-canvas{flex:none;height:350px;min-height:200px;padding:10px}.campaign-preview{flex-basis:126px}.sequence-heading{align-items:flex-start;gap:4px}.sequence-heading strong span{display:block;margin-left:0}.sequence-actions{gap:3px}.sequence-actions button{font-size:9px;padding:5px;min-height:30px}.store-help{margin-top:4px}.maker-shell>.footer{font-size:10px}.maker-shell>.footer span{width:100%;margin:0}.store-canvas.inspect canvas{height:1100px}}
.output-format{display:flex;gap:12px;align-items:center}.output-format .export-type-label select{max-width:135px}@media(max-width:700px){.output-format{flex-wrap:wrap;gap:7px}.output-format label{flex:1 0 100%}.output-format .export-type-label{flex:1 0 100%}.output-format .export-type-label select{max-width:none;width:78%}}
.advanced-controls{border-top:1px solid #e6e0ed;margin-top:8px;padding-top:12px}.advanced-controls summary{cursor:pointer;font-size:12px;font-weight:800;padding:4px 0 14px;color:#6342ac}.advanced-controls label{margin-top:12px!important}
.device-selector{display:flex;gap:2px;padding:3px;border:1px solid #ddd5e9;border-radius:9px;background:#f5f2fa;flex-shrink:0}.device-selector button{border:0;background:transparent;min-height:27px;padding:4px 10px;font-size:10px;border-radius:6px;color:#71627f}.device-selector button[aria-pressed=true]{background:white;color:#6036ba;box-shadow:0 1px 5px #2d18391a}.device-preview{position:relative;flex:0 0 auto;padding:8px;border:1px solid #2b243a;background:#211a2d;border-radius:26px;box-shadow:0 12px 30px #28193a30;overflow:hidden}.device-preview.tablet{border-radius:19px;background:#24202c}.device-preview.artboard{padding:0;border:0;border-radius:3px;background:white}.store-canvas .device-preview canvas,.store-canvas.inspect .device-preview canvas{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;border-radius:17px;margin:0;box-shadow:none}.store-canvas .device-preview.tablet canvas{border-radius:11px}.store-canvas .device-preview.artboard canvas{border-radius:0}.store-canvas.inspect .device-preview{margin:14px auto}.preview-toolbar{flex-wrap:wrap}.preview-toolbar>span{white-space:nowrap}@media(max-width:700px){.device-selector button{padding:4px 8px;font-size:10px}.preview-toolbar>span{order:5;width:100%;margin:0;text-align:center}.preview-toolbar #previewZoom{margin-left:auto}.preview-toolbar strong{margin-right:auto}.device-preview{border-radius:22px}.device-preview.tablet{border-radius:15px}.store-canvas{height:370px}}

.asset-selector{display:flex;gap:8px}.asset-selector button{display:flex;flex-direction:column;gap:1px;align-items:flex-start;justify-content:center;padding:8px 18px;min-height:47px;border-radius:10px;font-size:12px;line-height:1.35;flex:1;background:#fff}.asset-selector button small{font-size:9px;font-weight:600;color:#82728f}.asset-selector button[aria-pressed=true]{border-color:#8761e1;background:#eee7ff;color:#6037bc}.asset-selector button[hidden],.device-selector[hidden]{display:none!important}@media(max-width:700px){.asset-selector{gap:5px}.asset-selector button{padding:8px 9px;font-size:11px}.asset-selector button small{font-size:8px}}
.campaign-preview{flex-basis:102px}.campaign-preview button{height:89px;flex-basis:56px;min-width:56px;max-width:56px;width:56px;padding:3px;gap:3px}.campaign-preview canvas{height:64px!important;max-width:45px!important}.campaign-preview span{font-size:9px;line-height:10px}.preview-workspace>.status:empty{display:none}.header-actions #downloadStore{font-size:11px;white-space:nowrap}@media(max-width:700px){.header-actions #downloadStore{display:none}.preview-workspace{min-height:500px}.campaign-preview{flex-basis:102px}}
@media(max-width:700px){.header-actions{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#ffffffed;border-top:1px solid #e3dced;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #2417350a;gap:8px}.header-actions #downloadStore{display:inline-flex;flex:1;font-size:11px;min-height:44px;max-width:none}.header-actions #downloadStorePack{flex:1;font-size:12px;min-height:44px;max-width:none}.maker-shell{padding-bottom:82px}.maker-heading h1{max-width:none}}
/* Reserve the preview's own height; the viewport grid must never squeeze it. */
@media(min-width:701px){.maker-shell{height:auto;min-height:calc(100dvh - 58px);grid-template-rows:auto auto auto auto auto auto}.studio-layout{align-items:start}.preview-workspace{overflow:visible;min-height:0}.studio-sidebar{height:calc(clamp(540px,65dvh,760px) + 214px);position:sticky;top:12px}.store-canvas{flex:0 0 auto;height:clamp(540px,65dvh,760px);min-height:540px;padding:16px}.preview-toolbar{min-height:36px}.campaign-preview{flex:0 0 102px}}
@media(max-width:700px){.store-canvas{height:480px;min-height:480px}.preview-workspace{min-height:0;overflow:visible}}