:root{--bg:#101b15;--panel:#1b2b20;--line:#43553f;--ink:#f2f5e9;--muted:#c3cfb9;--lime:#d8edb5;font:16px Arial,Helvetica,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-size:16px;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}body button,body input:not([type=checkbox]):not([type=radio]):not([type=color]),body select,body summary{font-size:16px!important;min-height:44px}body button{padding:10px 14px;line-height:1.3}body p,body li,body .hint,body small,body output,body .eyebrow,body .pill,body .tag,body label,body .panel-title>span,body #dirty,body #slot-count{font-size:14px!important;line-height:1.5;color:var(--muted)}body label{margin:14px 0 8px}body input[type=color]{height:44px;min-width:44px}body input[type=range]{min-height:44px}body input[type=checkbox],body input[type=radio]{width:20px;height:20px;min-height:20px;flex-shrink:0;accent-color:var(--lime)}body .check,body .file-button,body .upload{min-height:44px}body .check{gap:10px}body a:focus-visible,body button:focus-visible,body summary:focus-visible{outline:3px solid #e3f5bc;outline-offset:3px}body button:disabled{opacity:1;color:#c1cab9;background:#293327;border-color:#54624c;cursor:not-allowed}.shop-header{height:66px;min-height:66px;position:sticky;top:0;z-index:5;padding:6px max(24px,calc((100vw - 1160px)/2));display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid var(--line);background:#101b15}.shop-brand{font:600 18px Arial;text-decoration:none;letter-spacing:.3px;line-height:1.2}.shop-brand span{display:block;font-size:14px;color:#c3cfb9;font-weight:400;margin-top:3px}.header-actions{display:flex;gap:10px;align-items:center}.header-actions button{font-size:14px!important;padding:8px 12px}.steps{display:flex;max-width:1160px;margin:auto;gap:18px;padding:8px 0;min-height:60px}.steps a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;color:#d9e5cd;text-decoration:none;font-size:16px;min-height:44px;padding:6px;border-bottom:2px solid #526246}.steps b{background:#2c402c;color:var(--lime);width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:14px;flex-shrink:0}.steps a:hover{background:#ffffff06}.shop-main{max-width:1160px;padding:0;margin:auto}.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin:3px 0 7px}.shop-heading h1{font:32px/1.1 Georgia,serif;font-weight:400;letter-spacing:-.8px;margin:0}.shop-heading>span{font-size:14px;color:#d8e6c9}.style-picker{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#69815b #18251a;padding:3px 3px 9px;align-items:stretch}.style-option{position:relative;flex:1;min-width:112px;max-width:150px;display:grid;grid-template-rows:55px 22px 21px;gap:0;text-align:left;padding:0!important;overflow:hidden;border-radius:8px;background:#1b2a20;border:1px solid #4b5c43}.style-option img{width:100%;height:55px;object-fit:cover;display:block}.style-option>strong{font-size:14px;line-height:22px;padding:0 8px;font-weight:500;white-space:nowrap}.style-option>span{font-size:14px;line-height:21px;padding:0 8px;color:#c3cfb9}.style-option[data-tier=free]>span{color:#dcf4af}.style-option[aria-pressed=true]{border:2px solid var(--lime);background:#31422a}.style-option[aria-pressed=true] img{height:54px}.first-screen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;padding-top:8px;padding-bottom:20px;align-items:start}#preview-stage{padding:0 20px 5px;border:1px solid #3d5037;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#35452d,#18271b 75%);min-width:0}body .previews{display:flex;flex-direction:row;align-items:start;justify-content:center;gap:38px;padding:5px 0 8px}body .previews figure{width:178px;max-width:178px;min-width:0;margin:0}body .preview-label{min-height:44px;padding:6px 0!important;font-size:14px!important;gap:7px;color:#e9f2dd}body .preview-label>span{font-size:14px;color:#c0d1ad}body .preview-label small{display:none}body .device-frame{border-radius:27px;padding:4px;box-shadow:0 12px 25px #0004}body .device-frame canvas{border-radius:22px}body .hardware{top:11px}body .previews[data-family=laptop],body .previews[data-family=desktop]{flex-direction:column;align-items:center;gap:22px}body .previews[data-family=laptop] figure,body .previews[data-family=desktop] figure{width:96%;max-width:620px}body .previews[data-family=laptop] .device-frame,body .previews[data-family=desktop] .device-frame{padding:7px 7px 14px;border-radius:6px}body .previews[data-family=laptop] canvas,body .previews[data-family=desktop] canvas{border-radius:0}.download-panel{padding:17px 18px;border:1px solid #657d51;border-radius:10px;background:#1c2c20;min-width:0}.download-panel h2{font:26px/1.1 Georgia;margin:12px 0 16px;font-weight:400}.tier-badge{font-size:14px;color:#e6f8c4;font-weight:700;min-height:22px}.tier-badge.locked{color:#ffd2b2}.download-panel .export-card{padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch;border:0;background:transparent;gap:10px}.download-panel .export-card>label{max-width:none;width:100%;font-size:14px!important;margin:0 0 3px}.download-panel .export-card select{font-size:16px!important;margin-top:6px}.download-panel #export-main{width:100%;font-size:16px!important;min-height:48px}.download-panel #export-main:disabled{background:#323c2b;color:#dde7d2;border-color:#71865b}.download-panel .pack-link{display:block;border:1px solid #a9ca82;color:#effbd9;padding:12px;margin:12px 0 0;border-radius:6px;font-size:16px;font-weight:600;min-height:48px;text-decoration:none;line-height:1.3}.download-panel.locked .pack-link{background:var(--lime);color:#20341a}.download-panel #all-styles{width:100%;margin-top:9px;color:#e0efca;min-height:44px}.download-panel .text-action{width:100%;margin:9px 0 0;border:0;text-decoration:underline;color:#e3f3cc;font-size:14px!important}.download-panel .hint{margin:10px 0 0;color:#c5d2bc}.personalize{margin:16px 0 0;border:1px solid var(--line);border-radius:9px;background:#19271d;padding:0}.personalize>summary{display:flex;align-items:center;gap:10px;padding:14px 18px;min-height:54px;font-size:18px!important;list-style:none;color:#f0f5e5}.personalize>summary:before{display:none}.personalize>summary:after{content:'+';margin-left:auto;font-size:24px}.personalize[open]>summary:after{content:'−'}.personalize>summary b{font-size:16px;color:var(--lime)}.personalize>summary>span{color:#c1cfb6;font-size:14px;font-weight:400}.quick-controls{padding:0 18px 15px;display:flex;flex-wrap:wrap;align-items:end;gap:10px;border-bottom:1px solid var(--line)}.quick-controls>label{flex:1;min-width:235px}.quick-controls button{font-size:14px!important}.editing-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 18px 18px}.editing-tools aside{padding:15px 0;border:0!important;display:block}.editing-tools .panel-title{margin-bottom:15px}.editing-tools .panel-title h2{font-size:18px}.editing-tools details{padding-top:12px;margin-top:17px}.editing-tools summary{padding:6px 0;font-size:16px!important}.editing-tools .tool-row{flex-wrap:wrap}.editing-tools .tool-row button{font-size:14px!important;min-width:115px}.editing-tools input,.editing-tools select{font-size:16px!important}.editing-tools .icon-choice{min-height:90px;font-size:14px!important}.editing-tools .icon-choice input{width:20px;height:20px}.editing-tools .icons-section{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.editing-tools .xy label{font-size:14px!important}.editing-tools .layer-row button{font-size:16px!important;min-height:44px;white-space:normal}.editing-tools .layer-row small{font-size:14px!important}.editing-tools .hint{color:#c4d1b9}.editing-tools .palettes button{font-size:14px!important;padding-top:30px!important}.editing-tools .palettes button:before{top:7px}.editing-tools .upload{padding:16px}.editing-tools .upload strong{font-size:16px}.editing-tools .upload small{font-size:14px}.editing-tools .screen-tabs{gap:8px}.editing-tools .screen-tabs button{font-size:16px!important;padding:9px}.editing-tools #dim-value{font-size:14px!important}.editing-tools .empty-selection{font-size:16px;line-height:1.5}#extra-tools{padding:0 18px 18px}#character-panel{padding-top:0;border:0}#character-panel>summary{padding:10px 0}#discovery{margin-top:10px;padding:0;border-top:0}#discovery .concepts{grid-template-columns:repeat(3,1fr);gap:15px}#discovery .concepts article{padding:15px}#discovery .concepts h3{font-size:23px}#discovery .eyebrow{font-size:14px!important}.shop-footer{max-width:1160px;margin:28px auto 0;padding:18px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:14px;color:#c0ceb5}.recovery-banner{padding:12px 15px;border-radius:8px;margin:10px 0;font-size:14px;flex-wrap:wrap}.recovery-banner>span{font-size:14px}#pack-notice{margin:8px 0;font-size:14px;color:#e0edc9}body dialog{max-width:92vw;width:700px;padding:24px;line-height:1.5;background:#1c2d21}body dialog h2{font:30px Georgia;color:#f1f6e8}body dialog p,body dialog li{font-size:16px!important;color:#d1dec6}body dialog button{font-size:16px!important}body .dialog-close{float:right;min-width:44px;min-height:44px;font-size:25px!important}body #library{width:830px}body .library-actions{gap:10px;flex-wrap:wrap}body .library-actions button{font-size:16px!important}body #next-slot-note,body #current-slot{font-size:14px;color:#ccd9c1}body #current-slot{flex-basis:100%}body .project-row{padding:15px 0}body .project-row strong{font-size:16px}body .project-row small{font-size:14px!important}body .project-row button{font-size:14px!important;min-height:44px}body .backup{margin-top:20px}body .backup button,body .backup .file-button{font-size:16px!important}.backup .tool-row{flex-wrap:wrap}body .overwrite-choice{min-height:55px;font-size:16px!important}body #toast{font-size:16px;line-height:1.5;max-width:90vw;background:#e1f3bf;color:#18311c}body #email-form label{font-size:16px!important}body #email-form input{width:100%;min-height:48px;padding:12px}body #email-form button{width:100%;margin-top:16px}body #selection-dialog{width:900px}body #selection-dialog .selection-toolbar label{font-size:14px!important}body #selection-dialog .hint{font-size:14px!important}body #selection-dialog .tool-row{flex-wrap:wrap}body #cutout-dialog .cutout-list{grid-template-columns:repeat(2,1fr)}body .cutout-card strong{font-size:16px}body .cutout-card button{font-size:14px!important;min-height:44px}.pack-destination{display:block;margin:15px 0;overflow-wrap:anywhere;min-height:44px}.files-summary{font-size:16px!important;min-height:44px;cursor:pointer}#recovery-history-list .project-row{display:block}#recovery-history-list button{margin-top:10px}#history-status{font-size:14px;color:#cedcc2}@media(max-width:1210px){.steps,.shop-main,.shop-footer{margin-left:24px;margin-right:24px}.shop-header{padding-left:24px;padding-right:24px}}@media(max-width:700px){html{scroll-padding-top:70px}.shop-header{height:64px;min-height:64px;padding:5px 14px;gap:6px}.shop-brand{font-size:16px;width:115px;flex-shrink:0}.shop-brand span{font-size:14px}.header-actions{gap:5px;justify-content:end;flex:1}.header-actions button{font-size:14px!important;padding:6px;min-height:44px;white-space:nowrap}body #slot-count{font-size:14px!important}.steps{margin:0 14px;padding:5px 0;gap:8px;min-height:54px}.steps a{font-size:14px;padding:3px;gap:5px;line-height:1.2;text-align:left}.steps b{width:22px;height:22px;font-size:14px}.shop-main{margin:0 14px}.shop-heading{min-height:40px;margin:1px 0 5px;gap:5px}.shop-heading h1{font-size:26px}.shop-heading>span{display:none}.style-picker{gap:8px;padding-bottom:8px}.style-option{min-width:98px;width:98px;flex:0 0 98px;grid-template-rows:48px 22px 21px;max-width:none}.style-option img{height:48px}.style-option[aria-pressed=true] img{height:47px}.style-option>strong{font-size:14px;padding:0 6px}.style-option>span{font-size:14px;padding:0 6px}.first-screen{display:flex;flex-direction:column;gap:14px;padding-top:6px;padding-bottom:6px}#preview-stage{width:100%;padding:0 12px 4px}body .previews{gap:20px;padding:0 0 7px}body .previews figure{width:140px;max-width:140px}body .preview-label{min-height:44px;font-size:14px!important;padding:6px 0!important;gap:5px}body .preview-label>span{display:none}body .device-frame{border-radius:24px;padding:3px}body .device-frame canvas{border-radius:20px}.download-panel{width:100%;padding:16px}.download-panel h2{font-size:25px;margin:8px 0 15px}.download-panel .export-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;align-items:end}.download-panel .export-card>label{margin:0}.download-panel #export-main{height:auto;min-height:48px;padding:12px 6px}.download-panel .pack-link{margin-top:10px}.download-panel #all-styles{margin-top:8px}.personalize{margin-top:14px}.personalize>summary{font-size:18px!important;flex-wrap:wrap;padding:12px;gap:7px}.personalize>summary>span{font-size:14px}.editing-tools{display:flex;flex-direction:column;gap:0;padding:0 14px 14px}.quick-controls{padding:0 14px 14px;gap:8px}.quick-controls label{width:100%;min-width:0}.quick-controls button{flex:1;min-width:140px}.editing-tools aside{padding:12px 0}.editing-tools .inspector{border-top:1px solid var(--line)!important}.editing-tools .inspector #layer-controls{width:100%}#extra-tools{padding:0 14px 14px}#discovery .concepts{display:flex;flex-direction:column}.shop-footer{margin:22px 14px 0;padding:15px 0;gap:15px;font-size:14px}.shop-footer>span:last-child{max-width:170px;text-align:right}body dialog{padding:20px}body #library{max-width:94vw}body dialog h2{font-size:27px}body .library-actions{flex-direction:column;align-items:stretch}body .library-actions button{width:100%}body .project-row .actions{gap:8px}body .project-row button{flex:1;min-width:110px}body #current-slot{flex-basis:auto}body #cutout-dialog .cutout-list{grid-template-columns:1fr}.selection-toolbar{gap:10px}body #toast{bottom:12px;width:calc(100vw - 28px);max-width:none;text-align:left;padding:13px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.beta-badge{display:inline-block;border:1px solid #a9c184;border-radius:5px;padding:2px 6px;color:#d8edb5;font:12px/1.4 Arial;vertical-align:middle;letter-spacing:.4px}.studio-tagline{margin:7px 0 0;color:#c3cfb9}.shop-heading{min-height:84px}.shop-brand{white-space:nowrap}.buy-link{display:block;text-align:center;padding:11px;border:1px solid #657d51;border-radius:6px;min-height:44px;color:#e0efca;text-decoration:none}.shop-header{height:auto;min-height:76px}.shop-footer{flex-wrap:wrap}.shop-footer a{min-height:44px;display:flex;align-items:center}.shop-heading h1{font-size:32px}.header-actions{flex-shrink:0}@media(max-width:700px){.shop-header{position:relative;flex-wrap:wrap;min-height:112px;justify-content:center;padding:9px 14px}.shop-brand{width:auto;text-align:center;flex-basis:100%;font-size:16px}.shop-brand span{font-size:14px}.header-actions{flex:0 1 auto;justify-content:center}.shop-heading{min-height:82px}.shop-heading h1{font-size:25px}.shop-heading>div{min-width:0}.studio-tagline{font-size:14px!important}.previews{gap:12px!important}.previews figure{width:calc((100vw - 84px)/2)!important;max-width:140px!important}.download-panel .export-card{grid-template-columns:1fr}.project-row{min-width:0;flex-wrap:wrap}.project-row>div{min-width:0}.project-row strong,.project-row small{overflow-wrap:anywhere}.shop-footer{gap:5px}.shop-footer>span:last-child{text-align:left;max-width:none}.personalize>summary{font-size:16px!important}.personalize>summary>span{flex-basis:100%}}

/* Beta 5.01 four-step guide */
.studio-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:12px;padding-bottom:12px}.studio-steps a{justify-content:flex-start;align-items:flex-start;text-align:left;min-width:0;padding:8px 5px;gap:10px}.studio-steps b{margin-top:2px}.studio-steps span{min-width:0}.studio-steps strong{display:block;font-size:15px;line-height:1.35;font-weight:600}.studio-steps small{display:block;margin-top:5px;color:#c3cfb9;font-size:14px!important;line-height:1.4}.pack-link[aria-disabled=true],.buy-link[aria-disabled=true]{cursor:not-allowed}.studio-steps a:focus-visible{outline-offset:-3px}@media(max-width:700px){.studio-steps{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:10px;padding:9px 2px;scrollbar-width:thin;scrollbar-color:#69815b #18251a}.studio-steps a{flex:0 0 224px;scroll-snap-align:start;min-height:96px;box-sizing:border-box;padding:8px 6px;gap:9px}.studio-steps strong{font-size:14px}.studio-steps small{font-size:14px!important}.shop-heading h1 .beta-badge{font-size:11px}}

/* Creator tools, phase 4-8 */
.discovery-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:6px 0 13px}.discovery-bar .hint{margin:0}.make-mine{padding:16px 18px;border-bottom:1px solid var(--line)}.make-mine h2{font:24px Georgia;margin:0 0 12px}.personal-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.personal-fields label{margin:0;min-width:0}.personal-fields input,.personal-fields select{width:100%;min-width:0}.make-mine button{margin-top:12px}.vibe-tool{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.vibe-tool .file-button{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #657d51;border-radius:6px;cursor:pointer}#vibe-swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}#vibe-swatches img{object-fit:cover;border-radius:6px}.palette-chip{width:40px;height:40px;border:1px solid #ddd;border-radius:50%}#export-matching{margin-top:12px}.mockup-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:10px 0}.mockup-controls button{font-size:14px!important}.device-frame{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 160ms ease-out;transform-style:preserve-3d}.live-phone{position:absolute;inset:4px;pointer-events:none;overflow:hidden;border-radius:22px;color:#fff;text-align:center;text-shadow:0 1px 5px #000a}.live-date{position:absolute;top:12%;left:3%;right:3%;font:11px Arial}.live-time{position:absolute;top:16%;left:0;right:0;font:36px/1.1 Arial;letter-spacing:-1px}.sample-notification{position:absolute;top:34%;left:7%;right:7%;border-radius:8px;padding:9px 8px;background:#f4f7eddd;color:#1c2a20;text-shadow:none;text-align:left}.sample-notification strong{display:block;font:10px/1.3 Arial;font-weight:bold}.sample-notification span{display:block;font:10px/1.3 Arial;margin-top:3px}.live-off .live-phone,#previews[data-family=laptop] .live-phone,#previews[data-family=desktop] .live-phone{display:none}@media(max-width:700px){.personal-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.make-mine{padding:14px}.live-time{font-size:29px}.live-date{font-size:9px}.sample-notification{padding:7px 5px}.sample-notification strong,.sample-notification span{font-size:9px}.discovery-bar{gap:7px}.discovery-bar .hint{font-size:14px!important}.mockup-controls{gap:5px}.mockup-controls button{padding:9px;min-width:0;font-size:13px!important}}@media(prefers-reduced-motion:reduce){.device-frame{transform:none!important;transition:none!important}}

/* Daily offer, share and Zipp */
.daily-offer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto;max-width:540px}.daily-offer strong{font-size:14px;color:#e5f4c8}.daily-offer .hint{flex-basis:100%;margin:0;font-size:14px}button.daily-style{border-color:#e8cb8b}#share-panel{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}#share-panel summary{font-size:16px;min-height:44px;cursor:pointer}#share-panel button{min-height:44px}#share-preview{display:block;width:100%;max-width:270px;height:auto;margin:12px auto;border-radius:9px}#share-panel .tool-row{flex-wrap:wrap}#share-status{font-size:14px;overflow-wrap:anywhere}.zipp-rail{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;max-width:1160px;margin:0 auto 8px;padding:8px 14px;border:1px solid #4b613f;border-radius:10px;background:#20301f;position:relative}.zipp-picture{position:relative;width:68px;height:82px}.zipp-avatar{width:64px;height:80px;object-fit:contain;transform-origin:50% 85%;animation:zipp-wave 1.8s ease-in-out 1}.zipp-wave{position:absolute;right:-7px;top:0;font-size:25px;animation:zipp-wave 1.8s ease-in-out 1;transform-origin:65% 90%}.zipp-advice strong{font-size:14px;color:#f0f6df}.zipp-advice p{font-size:14px!important;margin:3px 0;max-width:760px}.zipp-rail button{font-size:14px!important}.zipp-step-bubble{display:block;background:#31452c;border-radius:7px;padding:6px;margin-top:7px;color:#e1edd2;font-size:14px;line-height:1.35}.zipp-rail.cheering .zipp-avatar{animation:zipp-cheer 650ms ease-in-out 2}#zipp-show{display:block;margin:0 max(24px,calc((100vw - 1160px)/2)) 12px;font-size:14px!important}#beta-version{color:#dbeac7;white-space:nowrap}@keyframes zipp-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}70%{transform:rotate(6deg)}}@keyframes zipp-cheer{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-4px) rotate(-5deg)}}@media(max-width:1210px){.zipp-rail{margin-left:24px;margin-right:24px}}@media(max-width:700px){.daily-offer{width:100%;margin-left:0;max-width:none}.daily-offer button{font-size:14px!important}.zipp-rail{margin-left:14px;margin-right:14px;padding:8px;grid-template-columns:54px minmax(0,1fr) 66px;gap:7px}.zipp-picture{width:52px;height:64px}.zipp-avatar{width:52px;height:56px}.zipp-wave{font-size:19px;right:-3px}.zipp-rail button{font-size:13px!important;padding:7px 4px;min-height:44px}.zipp-step-bubble{font-size:14px}.shop-heading h1{font-size:24px}#zipp-show{margin-left:14px}.discovery-bar .hint{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.zipp-avatar,.zipp-wave,.zipp-rail.cheering .zipp-avatar{animation:none!important;transform:none!important}}

/* Keep the phones visible without shrinking controls or helper text. */
@media(max-width:700px){.shop-header{min-height:64px;flex-wrap:nowrap;justify-content:space-between;padding:6px 14px;gap:8px}.shop-brand{flex-basis:auto;white-space:normal;text-align:left;max-width:86px}.shop-brand span{display:none}.header-actions{gap:5px}.header-actions button{padding:8px;font-size:14px!important}.studio-steps{padding:5px 2px}.studio-steps a{min-height:78px;padding:5px 6px}.studio-steps .zipp-step-bubble{display:none}.zipp-rail{margin-bottom:3px;padding:5px 8px;min-height:64px}.zipp-picture{height:52px}.zipp-avatar{height:50px}.zipp-advice p{line-height:1.25!important}.shop-heading{min-height:68px;margin:0 0 3px}.studio-tagline{margin-top:5px}.discovery-bar{margin:3px 0 6px;gap:5px}.discovery-bar>span.hint{display:none}.daily-offer{gap:4px}.daily-offer strong{flex:1;min-width:110px}.daily-offer button{max-width:160px;padding:7px}.style-option{grid-template-rows:42px 22px 21px}.style-option img,.style-option[aria-pressed=true] img{height:42px}#preview-stage{padding-left:10px;padding-right:10px}#daily-note{margin:7px 0;text-align:center}}

@media(max-width:700px){.studio-steps a{height:78px!important;min-height:78px!important}.studio-steps{min-height:0}.shop-heading{min-height:58px}.style-picker{padding-bottom:4px}}
@media(max-width:375px){.previews figure{width:112px!important;max-width:112px!important}.shop-heading h1{font-size:22px}.shop-heading{min-height:54px}}
@media(min-width:701px){.studio-steps{padding-top:5px;padding-bottom:5px;min-height:0}.studio-steps a{min-height:70px;padding-top:5px;padding-bottom:5px}.zipp-rail{padding:4px 12px;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;min-height:56px}.zipp-picture{width:44px;height:48px}.zipp-avatar{width:42px;height:48px}.zipp-wave{font-size:20px;right:-5px}.shop-heading{min-height:60px}.style-option{grid-template-rows:42px 22px 21px}.style-option img,.style-option[aria-pressed=true] img{height:42px}.discovery-bar{margin-top:3px;margin-bottom:7px}body .previews figure{width:140px;max-width:140px}.daily-offer{max-width:600px}.studio-steps .zipp-step-bubble{display:none}.studio-steps a:focus .zipp-step-bubble{display:block}}
@media(min-width:701px){.live-time{font-size:26px;white-space:nowrap}}@media(max-width:375px){.live-time{font-size:22px;white-space:nowrap}.sample-notification{top:36%}}
.editor-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0}.editor-toolbar .tool-row{gap:6px}.editor-toolbar>span{font-size:14px;color:var(--muted)}.editor-toolbar label.check{margin:0;min-height:44px}.editor-toolbar details{flex-basis:100%;border:1px solid var(--line);border-radius:7px;padding:0 12px}.editor-toolbar summary,.screen-options summary{cursor:pointer;min-height:44px;padding:11px 0;font-size:14px!important}.editor-toolbar ol{margin:0 0 12px;padding-left:22px;font-size:14px;max-height:150px;overflow:auto}.screen-options{border:1px solid var(--line);border-radius:8px;padding:0 14px;margin:0 0 8px}.screen-options summary span{font-size:14px;color:#d9e9c8;display:inline}.screen-options>button{margin:0 0 8px}.screen-options label{display:block}.custom-dimensions,.safe-fields{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.custom-dimensions label,.safe-fields label{flex:1;min-width:110px}.custom-dimensions input,.safe-fields input{width:100%;min-width:0}.screen-options .hint{margin:6px 0 10px}.screen-options details{border-top:1px solid var(--line);padding-bottom:7px}#font-sample{display:block;margin-top:8px;font-size:24px;color:#f0f5e5;overflow-wrap:anywhere}.layer-row{grid-template-columns:44px 35px minmax(0,1fr) auto!important}.layer-grip{padding:3px!important;min-width:44px;touch-action:none;cursor:grab}.layer-row.dragging-layer{opacity:.7}.layer-row.drop-target{outline:2px solid #d8edb5;outline-offset:-2px}.zoom-handle{position:absolute;bottom:8px;right:8px;width:44px;height:44px;min-width:44px;border-radius:50%;padding:0!important;background:#13291eeb;color:#e7f7d5;border:2px solid #d8edb5;touch-action:none;z-index:3;cursor:nwse-resize}.showing-before canvas{pointer-events:none}.showing-before .live-phone{opacity:.65}.browser-draft{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);padding:9px;border-radius:7px;margin:8px 0}.browser-draft>span{flex:1;min-width:160px;font-size:14px;overflow-wrap:anywhere}#autosave-list-section{margin:16px 0;border-bottom:1px solid var(--line);padding-bottom:12px}#crop-stage{position:relative;width:100%;max-width:640px;margin:18px auto;background:#0e1913;line-height:0;touch-action:none}#crop-source{width:100%;max-height:55vh;object-fit:fill;display:block;pointer-events:none}#crop-box{position:absolute;outline:2px solid #e8ffc3;box-shadow:0 0 0 100vmax #07130a88;clip-path:inset(-23px);cursor:move;touch-action:none}#crop-box button{position:absolute;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:2px solid #f0ffdb;background:#52763be0;border-radius:9px;touch-action:none}#crop-box button[data-crop-corner=nw]{left:0;top:0;transform:translate(-30%,-30%)}#crop-box button[data-crop-corner=ne]{right:0;top:0;transform:translate(30%,-30%)}#crop-box button[data-crop-corner=sw]{left:0;bottom:0;transform:translate(-30%,30%)}#crop-box button[data-crop-corner=se]{right:0;bottom:0;transform:translate(30%,30%)}#visual-crop{overflow:hidden;max-width:740px;width:94vw}#crop-stage{overflow:visible}.editor-toolbar button{font-size:14px!important}.device-frame canvas{touch-action:none}
@media(max-width:700px){.editor-toolbar{gap:5px}.editor-toolbar button{padding:7px 9px}.editor-toolbar #compare-label{flex:1;text-align:right}.editor-toolbar .check{font-size:14px!important}.screen-options{padding:0 10px}.screen-options>summary{line-height:1.35}.screen-options summary span{display:block}.layer-row{grid-template-columns:44px 26px minmax(0,1fr)!important}.layer-row>small{grid-column:2/4}.custom-dimensions,.safe-fields{gap:7px}#visual-crop{padding:18px}#crop-source{max-height:46vh}}

#crop-source{max-height:none;height:auto}#visual-crop{max-height:96vh;overflow:auto}.screen-options input{color:var(--ink)}

.editor-toolbar>details{margin:0}.editor-toolbar{border-top:1px solid var(--line);margin-top:8px;text-align:left}.screen-options{background:#17251b;text-align:left}.editor-toolbar .history{margin:0}
/* V5.04: persistent preview + six focused tool panels. */
body{padding-bottom:100px}.shop-header{position:sticky;top:0;z-index:35}.shop-main{max-width:1360px;padding:0 24px}.studio-steps,.zipp-rail{max-width:1312px}.shop-heading{margin:12px 0}.shop-heading>span{display:none}#studio-workspace{display:grid;grid-template-columns:minmax(360px,1fr) minmax(380px,1fr);gap:24px;align-items:start;margin:14px 0 24px}#persistent-preview{position:sticky;top:88px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:0 4px 8px}#preview-expand{display:none}#preview-stage{padding:0 12px 12px}#preview-stage .previews{gap:22px!important}#preview-stage .previews figure{width:170px;max-width:170px}#studio-controls{min-width:0}#studio-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:sticky;top:76px;z-index:10;background:var(--bg);padding:6px 0 12px}#studio-tabs button{font-size:14px!important;min-height:44px;padding:10px 4px}#studio-tabs button[aria-selected=true]{background:#d8edb5;color:#152317;border-color:#d8edb5}.studio-panel{min-width:0;border:1px solid #43553f;border-radius:12px;padding:18px;background:#19281e}.studio-panel h2{font:28px/1.2 Georgia,serif;margin:0 0 12px}.studio-panel h3{font-size:18px}.studio-panel .style-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}.studio-panel .style-option{width:100%;max-width:none;min-width:0;grid-template-rows:90px 26px 24px}.studio-panel .style-option img,.studio-panel .style-option[aria-pressed=true] img{height:90px}.studio-panel .style-option[data-tier=premium]>span:before{content:'🔒 ';font-size:12px}.studio-panel .discovery-bar .hint{display:none}.studio-panel .daily-offer{margin:0;width:100%;max-width:none;justify-content:space-between}.studio-panel .daily-offer strong{font-size:14px}.studio-panel .editing-tools{grid-template-columns:1fr;padding:0 12px}.studio-panel .quick-controls{padding:0 12px 12px}.studio-panel .personalize{margin-top:14px}.studio-panel .personalize>summary{padding:10px 12px}.studio-panel #extra-tools{padding:0 12px 12px}.studio-panel .personal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-panel .make-mine{padding:16px 0 0}.studio-panel .personal-fields label{font-size:14px!important}.studio-panel #text-edit-fields{padding:12px 0}.studio-panel #download-panel{border:0;padding:0;background:none}.studio-panel .editor-toolbar{padding:8px 0;margin:8px 0}.studio-panel #screen-options{padding:0 10px}.studio-panel #icon-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-panel .icons-section{margin-top:18px}.studio-panel .discovery-bar{margin-bottom:15px}#main-toolbar{position:fixed;z-index:50;bottom:0;left:0;right:0;display:flex;gap:12px;align-items:center;justify-content:center;padding:12px 24px max(12px,env(safe-area-inset-bottom));background:#102017f5;backdrop-filter:blur(14px);border-top:1px solid #6a8057;box-shadow:0 -6px 24px #0005}#main-toolbar button{min-height:48px;font-size:15px!important;white-space:nowrap}#fixed-history{display:flex;gap:6px}#main-toolbar #export-main{min-width:175px;max-width:280px}#toolbar-state{font-size:14px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-brand{display:none}.pack-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.pack-card{min-width:0;border:1px solid #506547;border-radius:10px;overflow:hidden;background:#142019}.pack-card>button{width:100%;white-space:normal;font-size:14px!important;min-height:55px;padding:8px;border:0;border-radius:0}.pack-card>button[aria-pressed=true]{background:#d8edb5;color:#142619}.pack-icon-preview{display:grid;grid-template-columns:repeat(2,1fr);padding:12px;gap:8px;justify-items:center;background:radial-gradient(circle at 50% 20%,#42616a,#1b2436)}.pack-icon-preview img{width:54px;height:54px}.layout-card>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.layout-colours{display:flex;gap:9px;flex-wrap:wrap;align-items:end}.layout-colours label{flex:1;min-width:100px}.layout-colours .buy-link{width:100%}.buy-link[aria-disabled=true]{opacity:.8;cursor:not-allowed;border-style:dashed}.draw-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.draw-heading h2{flex:1;font-size:25px}#draw-done{display:none}.draw-screen{display:flex;align-items:end;gap:10px}.draw-screen label{flex:1}.draw-screen select{width:100%}#draw-stage{position:relative;margin:12px auto;width:100%;max-width:350px;max-height:640px;overflow:hidden;border:1px solid #69805c;border-radius:8px;background:repeating-conic-gradient(#26342b 0 25%,#1b2820 0 50%) 50%/20px 20px;touch-action:none}#draw-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0}#draw-canvas{touch-action:none;cursor:crosshair}#brush-bar{display:flex;gap:8px;align-items:end;flex-wrap:wrap}#brush-bar label{min-width:70px;flex:1;margin:0;font-size:14px!important}#brush-bar select,#brush-bar input[type=range]{width:100%;min-width:0}#brush-bar input[type=color]{width:44px}#recent-colours{display:flex;gap:5px;overflow-x:auto;max-width:100%;flex-basis:100%;padding:6px 0}.paint-swatch{width:44px;min-width:44px;min-height:44px;border:2px solid #c9d8c1!important;border-radius:50%;padding:0!important}#draw-status{font-size:14px}body.drawing-fullscreen{overflow:hidden}body.drawing-fullscreen #panel-draw{position:fixed;inset:0;z-index:100;border-radius:0;display:flex;flex-direction:column;padding:12px 18px 80px;overflow:hidden}body.drawing-fullscreen #draw-stage{flex:1;min-height:0;max-height:none;width:auto;max-width:100%;align-self:center;margin:8px auto;height:calc(100dvh - 310px)}body.drawing-fullscreen #main-toolbar{z-index:120}body.drawing-fullscreen #draw-done{display:block}body.drawing-fullscreen #draw-fullscreen{display:none}body.drawing-fullscreen .draw-help{display:none}.studio-steps a[aria-current=step]{border-bottom-color:#d8edb5;background:#d8edb50b}.shop-footer{margin-bottom:10px}#preview-stage #daily-note{font-size:14px}.studio-panel .screen-tabs button{font-size:14px!important}#toast{z-index:80;bottom:90px}.studio-panel .icon-choice input{min-width:20px}
@media(min-width:701px) and (max-width:1000px){#studio-workspace{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:14px}.shop-main{padding:0 16px}#preview-stage .previews figure{width:130px;max-width:130px}#preview-stage .previews{gap:12px!important}#toolbar-state{display:none}}
@media(max-width:700px){body{padding-top:272px;padding-bottom:155px}.shop-header{position:fixed;top:0;left:0;right:0;height:64px;z-index:45}.shop-main{padding:0 12px}.shop-heading{display:none}.studio-steps{margin:0 12px;min-height:0}.studio-steps a{height:74px!important;min-height:74px!important}.zipp-rail{margin-top:5px;margin-bottom:10px}.zipp-picture{height:44px}.zipp-avatar{height:44px}.zipp-advice p{font-size:14px!important}#studio-workspace{display:block;margin:0}#persistent-preview{position:fixed;top:68px;left:8px;right:8px;height:198px;z-index:30;background:#122219f5;backdrop-filter:blur(12px);border:1px solid #688357;border-radius:12px;padding:4px 8px;box-shadow:0 5px 18px #0007}.preview-heading{height:44px;padding:0;align-items:center}.preview-heading strong{font-size:14px}#preview-expand{display:block;font-size:14px!important;min-height:44px;padding:6px 10px}#preview-stage{border:0;background:none;padding:0}#preview-stage .previews{gap:20px!important;padding:0!important;align-items:start}#preview-stage .previews figure{width:54px!important;max-width:54px!important}#preview-stage .preview-label{padding:0!important;min-height:24px;height:24px;font-size:14px!important;white-space:nowrap;overflow:visible;justify-content:center}#preview-stage .preview-label>span{display:none}#preview-stage .preview-label small{display:none}#preview-stage .device-frame{border-radius:10px;padding:2px}#preview-stage .device-frame canvas{border-radius:8px}#preview-stage .live-phone{inset:2px;border-radius:8px}#preview-stage .live-date{display:none}#preview-stage .live-time{font-size:11px;letter-spacing:0;top:14%;white-space:nowrap}#preview-stage .sample-notification{display:none}#preview-stage .hardware{top:5px;width:15px;height:4px}#preview-stage .zoom-handle{display:none}#preview-stage .mockup-controls,#preview-stage #daily-note{display:none}.preview-expanded{padding-top:470px}.preview-expanded #persistent-preview{height:398px}.preview-expanded #preview-stage .previews figure{width:126px!important;max-width:126px!important}.preview-expanded #preview-stage .live-time{font-size:22px}#studio-tabs{position:fixed;bottom:0;left:0;right:0;top:auto;z-index:60;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:4px 4px max(4px,env(safe-area-inset-bottom));background:#102017;border-top:1px solid #6a8057}#studio-tabs button{border:0;border-radius:6px;min-width:0;min-height:64px;padding:4px 2px;font-size:14px!important;white-space:normal;line-height:1.2}#main-toolbar{bottom:74px;padding:5px 8px;gap:6px;justify-content:space-between;z-index:55}#main-toolbar button{font-size:14px!important;min-height:44px;padding:7px 9px}#main-toolbar #export-main{min-width:105px;max-width:145px;white-space:normal;line-height:1.15}#fixed-history{gap:4px}#fixed-history button{font-size:0!important;width:44px;padding:0}#undo:before{content:'↶';font-size:22px}#redo:before{content:'↷';font-size:22px}#toolbar-state{display:none}.studio-panel{padding:14px}.studio-panel .personal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-panel .quick-controls>label{min-width:100%}.studio-panel .editing-tools{padding:0 6px}.pack-gallery{gap:8px}.pack-icon-preview{padding:8px;gap:5px}.pack-icon-preview img{width:48px;height:48px}#toast{bottom:140px}body.drawing-fullscreen #persistent-preview,body.drawing-fullscreen #studio-tabs{display:none}body.drawing-fullscreen #main-toolbar{bottom:0}body.drawing-fullscreen #panel-draw{padding:8px 12px 65px}body.drawing-fullscreen #draw-stage{height:calc(100dvh - 300px);width:auto;max-width:100%;max-height:none;flex:1}body.drawing-fullscreen .draw-heading h2{font-size:21px;margin:0}body.drawing-fullscreen .draw-screen{min-height:44px}body.drawing-fullscreen .draw-screen label{margin:0}body.drawing-fullscreen #draw-status{display:none}#brush-bar{gap:6px}#brush-bar>button{display:none}#brush-bar label{min-width:60px;font-size:14px!important}#brush-bar input[type=range]{min-height:44px}#brush-bar select{padding:6px;font-size:14px!important}.draw-heading{min-height:44px}#draw-done{font-size:14px!important}.layout-colours .buy-link{font-size:14px!important}.shop-footer{padding:18px 12px;gap:8px;flex-wrap:wrap}.preview-expanded #preview-stage .sample-notification{display:block;font-size:9px}.preview-expanded #preview-stage .sample-notification span{display:none}}
@media(prefers-reduced-motion:reduce){#persistent-preview,#main-toolbar{scroll-behavior:auto;transition:none}}

@media(min-width:701px) and (max-height:850px){#preview-stage .previews figure{width:140px;max-width:140px}}
@media(max-width:700px){#preview-stage .preview-label{font-size:0!important}#preview-stage .preview-label:after{content:'Lock';font-size:14px}#preview-stage .preview-label[data-screen=home]:after{content:'Home'}}

@media(max-width:700px){#main-toolbar{bottom:calc(74px + env(safe-area-inset-bottom))}body{padding-bottom:calc(155px + env(safe-area-inset-bottom))}body.drawing-fullscreen #main-toolbar{bottom:0;padding-bottom:max(5px,env(safe-area-inset-bottom))}body.drawing-fullscreen #panel-draw{padding-bottom:calc(65px + env(safe-area-inset-bottom))}}

@media(max-width:700px){html{scroll-padding-top:280px;scroll-padding-bottom:160px}html:has(body.preview-expanded){scroll-padding-top:470px}}
/* V5.04.01 polish */
.buy-link[aria-disabled=true],.pack-link[aria-disabled=true],.pack-destination[aria-disabled=true],.download-panel .pack-link[aria-disabled=true],.download-panel.locked .pack-link[aria-disabled=true]{opacity:.45!important;cursor:not-allowed;border-style:dashed;filter:grayscale(.6)}
.preview-actions{display:flex;gap:6px}#preview-hide{display:none}
@media(min-width:701px){#studio-workspace{gap:14px!important;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr)!important}#persistent-preview{position:sticky;top:76px;align-self:start}}
@media(max-width:700px){#preview-hide{display:block;font-size:14px!important;min-height:44px;padding:6px 10px}.preview-expanded{padding-top:400px}.preview-expanded #persistent-preview{height:330px;max-height:40vh}.preview-expanded #preview-stage .previews figure{width:100px!important;max-width:100px!important}html:has(body.preview-expanded){scroll-padding-top:400px}body.preview-hidden{padding-top:126px}body.preview-hidden #persistent-preview{height:52px}body.preview-hidden #preview-stage{display:none}html:has(body.preview-hidden){scroll-padding-top:130px}}