@font-face{font-family:'SB Sans Display';src:url('assets/fonts/SBSansDisplay-Regular.otf');font-weight:400}@font-face{font-family:'SB Sans Display';src:url('assets/fonts/SBSansDisplay-SemiBold.otf');font-weight:600}@font-face{font-family:'SB Sans Text';src:url('assets/fonts/SBSansText-Regular.otf');font-weight:400}@font-face{font-family:'SB Sans Text';src:url('assets/fonts/SBSansText-Medium.otf');font-weight:500}@font-face{font-family:'SB Sans Text';src:url('assets/fonts/SBSansText-Semibold.otf');font-weight:600}
*{box-sizing:border-box}html{background:#141716}body{margin:0;background:#141716;color:#fff;font-family:'SB Sans Display',Arial,sans-serif}button,input{font:inherit}.is-hidden{display:none!important}
body:before{content:'';position:fixed;top:50%;left:50%;width:1032px;height:976px;pointer-events:none;background:url('assets/figma/service-background.png') center/cover no-repeat;transform:translate(-50%,-50%)}
.app{position:relative;min-height:100vh}.header,.step-header,.hint,.waiting{display:none}.flow{min-height:100vh}.step{background:transparent}
/* Empty state */
body:not(.has-icons) .result-step{display:none}body:not(.has-icons) .upload-step{display:grid;min-height:100vh;place-items:center;padding:24px}body:not(.has-icons) .dropzone{display:flex;width:532px;min-height:176px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;border:1.22px dashed rgba(255,255,255,.2);border-radius:44px;background:rgba(255,255,255,.1);text-align:center;cursor:pointer;backdrop-filter:blur(18px)}
.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-arrow{display:none}.dropzone strong{font-size:32px;line-height:32px;font-weight:600}.dropzone small{font-size:24px;line-height:25px;font-weight:400}.dropzone.is-dragging{border-color:#fff;background:rgba(255,255,255,.16)}
body:not(.has-icons) .icon-list,body:not(.has-icons) .batch-download{display:none!important}
/* Loaded layout */
body.has-icons .flow{display:grid;width:1086px;grid-template-columns:355px 711px;gap:26px;align-items:start;margin:0 auto;padding:113px 0 132px}body.has-icons .upload-step{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}body.has-icons .dropzone{order:2;display:flex;width:355px;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;border:1.22px dashed rgba(255,255,255,.2);border-radius:36px;background:rgba(255,255,255,.1);color:#fff;text-align:center;cursor:pointer;backdrop-filter:blur(16px)}body.has-icons .dropzone strong,body.has-icons .dropzone small{font-size:16px;line-height:16px;font-weight:400}body.has-icons .dropzone small{opacity:.5}.icon-list{order:1;display:flex;max-height:calc(100vh - 285px);flex-direction:column;gap:16px;overflow:auto}.icon-list-item{position:relative;display:grid;width:355px;grid-template-columns:59px 1fr 18px;gap:12px;align-items:center;padding:24px 28px;border:1px solid transparent;border-radius:36px;background:rgba(40,40,40,.7);cursor:pointer;backdrop-filter:blur(16px)}.icon-list-item.is-active{border-color:#fff}.icon-list-item img{width:59px;height:59px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.12)}.icon-list-item strong,.icon-list-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 16px/16px 'SB Sans Display'}.icon-list-item small{margin-top:4px;opacity:.5}.icon-list-item button{border:0;background:none;color:rgba(255,255,255,.5);font-size:20px;cursor:pointer}
.result-step,.result{display:flex;flex-direction:column;gap:16px}.editor-settings,.format-block{width:711px;padding:44px;border:0;border-radius:36px;background:rgba(40,40,40,.7);box-shadow:none;backdrop-filter:blur(16px)}.format-block{display:flex;flex-direction:column;gap:40px}.format-title{display:block;margin:0}.format-title span{display:block;color:#fff;font-size:16px;line-height:16px}.format-title h3{max-width:590px;margin:16px 0 0;color:#fff;font-size:32px;line-height:32px;font-weight:600}.format-title>strong{display:none}
.editor-settings{display:grid;grid-template-columns:312px 262px;gap:40px 49px}.editor-settings .format-title{grid-column:1/-1}.editor-settings .format-title span{display:none}.editor-settings .format-title h3{margin:0}.content-fields{display:flex!important;grid-column:1;flex-direction:column;gap:24px;margin:0}.content-fields label{display:flex;flex-direction:column;gap:10px}.content-fields label:nth-child(3){order:-1}.content-fields span,.hex-color-setting>label{color:rgba(255,255,255,.5);font:400 16px/16px 'SB Sans Display'}.content-fields input{width:100%;padding:16px 20px;border:1px solid rgba(255,255,255,.31);border-radius:14px;background:transparent;color:#fff;font:400 20px/20px 'SB Sans Display';outline:none}.content-fields small{display:none}.hex-color-setting{grid-column:2;display:flex;align-self:stretch;flex-direction:column;align-items:stretch;gap:16px;margin:0;padding:0;border:0;background:transparent}.hex-color-setting:before{content:'Исходя из него, будет высчитан цвет для прогресса, фона и градиента';margin-top:-4px;color:rgba(255,255,255,.5);font:400 12px/13px 'SB Sans Display'}.hex-color-setting>div{position:relative;display:grid;min-height:146px;flex:1;place-items:center;border-radius:14px;overflow:hidden}.color-preview{position:absolute;inset:0}.color-preview input{width:100%;height:100%;border:0;opacity:0;cursor:pointer}.hex-color-setting code{position:relative;padding:12px;border-radius:12px;background:#222323;color:#fff;font:400 18px/18px 'SB Sans Display'}.hex-color-setting button{display:none}
/* Preview fields */
.preview-stage,.format-theme-grid{display:grid;grid-template-columns:287px 287px;gap:36px}.preview-stage--secondary{margin-top:-16px}.theme-preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #656565;border-radius:14px}.theme-preview>span{display:none}.theme-preview--light{background:#fff}.theme-preview--dark{border-color:#4d4d4d;background:#1e1e1e}.preview-stage{min-height:221px}.gift{--card-background:rgba(255,255,255,.2);position:relative;width:112px;height:112px;overflow:hidden;border-radius:12px;background:var(--card-background);transform:scale(1.392857)}.gift h3{position:absolute;z-index:2;top:10px;left:10px;display:-webkit-box;width:94px;margin:0;overflow:hidden;color:#000;font:500 13px/18px 'SB Sans Text';letter-spacing:-.299px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gift--dark h3{color:#fff}.gift--status{width:160px}.gift--status .status-copy{position:absolute;z-index:2;top:10px;left:10px;width:102px}.gift--status .status-copy h3{position:static;width:102px}.progress{display:block;width:92px;height:3px;margin-top:8px;border-radius:4px;background:rgba(0,0,0,.12)}.progress i{display:block;width:55%;height:100%;border-radius:inherit;background:var(--progress-color)}.gift canvas{position:absolute;bottom:0;left:0;width:112px;height:67px}.gift--status canvas{right:0;left:auto}.discount{position:absolute;z-index:3;bottom:10px;left:10px;display:flex;min-width:47px;height:24px;align-items:center;justify-content:center;padding:2px 6px;border-radius:100px;background:#fff;color:#000;font:500 18px/24px 'SB Sans Text'}.discount--locked{gap:4px}.lock-icon{display:flex}.format-block--large .preview-stage--secondary{display:none}
.format-theme-grid .theme-preview{min-height:141px}.category-cell{display:flex;width:359px;height:76px;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:20px;background:#fff;transform:scale(1.0377)}.category-cell--dark{background:#1e1e1e}.cell-left,.cell-right{display:flex;align-items:center}.cell-left{gap:10px}.cell-right{gap:9px}.small-image-frame{width:44px;height:44px;overflow:hidden;border-radius:12px}.small-image-frame canvas{width:72px;height:72px;transform:translate(-14px,-14px)}.cell-name{color:#000;font:500 15px/20px 'SB Sans Text'}.category-cell--dark .cell-name{color:#fff}.info-icon,.checkbox-icon{display:flex;color:#fff}.format-theme-grid--long .theme-preview{min-height:175px}.long-card{--long-background:rgba(255,255,255,.2);position:relative;width:57.4px;height:74px;overflow:hidden;border-radius:16px;background:var(--long-background);transform:scale(1.48916)}.long-card canvas{position:absolute;top:0;left:-24px;width:105px;height:56px}.long-badge{position:absolute;bottom:6px;left:6px;display:grid;width:45.4px;height:24px;place-items:center;border-radius:100px;background:#fff;color:#000;font:500 13px 'SB Sans Text'}
.format-theme-grid--drawer{grid-template-columns:287px 287px}.drawer-theme{min-height:194px}.drawer-card{--drawer-rgb:240,55,73;position:relative;display:flex;width:375px;height:254px;flex-direction:column;overflow:hidden;border-radius:28px;background:#fff;transform:scale(.765333)}.drawer-card--dark{background:#1e1e1e}.drawer-top{width:375px;height:150px;flex:0 0 150px}.drawer-copy{position:relative;z-index:2;display:flex;width:375px;height:104px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center}.drawer-copy h3,.drawer-copy p{width:100%;margin:0}.drawer-copy h3{color:#000;font:600 24px/28px 'SB Sans Display'}.drawer-copy p{color:rgba(0,0,0,.55);font:500 13px/18px 'SB Sans Text';letter-spacing:-.299px}.drawer-card--dark h3{color:rgba(255,255,255,.74)}.drawer-card--dark p{color:rgba(255,255,255,.55)}.drawer-gradient{position:absolute;z-index:1;top:0;left:0;width:375px;height:140px;overflow:hidden;border-radius:28px 28px 0 0;background:linear-gradient(183.128deg,rgba(var(--drawer-rgb),.2) 3.5754%,rgba(var(--drawer-rgb),0) 65.616%)}.drawer-gradient canvas{position:absolute;top:5px;left:0;width:375px;height:140px}
/* Controls */
.placement-controls,.small-placement-controls{display:grid;grid-template-columns:1fr 1fr;gap:42px 36px;margin:0;padding:0;border:0;background:transparent}.placement-controls label,.small-placement-controls label{min-width:0;color:rgba(255,255,255,.5);font:400 16px/16px 'SB Sans Display'}.placement-controls label>span,.small-placement-controls label>span{display:flex;justify-content:space-between}.placement-controls output,.small-placement-controls output{color:rgba(255,255,255,.5)}input[type=range]{width:100%;height:29px;margin:16px 0 0;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:24px;background:rgba(255,255,255,.2)}input[type=range]::-webkit-slider-thumb{width:29px;height:29px;margin-top:-13px;appearance:none;border:0;border-radius:50%;background:#fff;box-shadow:none}.format-exports{display:none}
/* Fixed downloads */
#downloadCurrentAll,#downloadBatch{position:fixed;z-index:20;bottom:20px;height:56px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:#fff;color:#141716;font:600 16px 'SB Sans Display';cursor:pointer;box-shadow:0 12px 40px rgba(0,0,0,.35)}#downloadCurrentAll{left:calc(50% - 355px);width:345px}#downloadBatch{right:calc(50% - 355px);width:345px}.batch-download{order:3}.editor-settings #downloadCurrentAll{display:block}
.download-dock:empty{display:none}body:not(.has-icons) .download-dock{display:none}
@media(max-width:1120px){body.has-icons .flow{width:calc(100% - 32px);grid-template-columns:300px minmax(0,711px);gap:16px}.icon-list-item,body.has-icons .dropzone{width:300px}.editor-settings,.format-block{width:100%}}
@media(max-width:820px){body.has-icons .flow{display:block;width:calc(100% - 24px);padding:20px 0 110px}body.has-icons .upload-step{position:static;margin-bottom:16px}.icon-list{max-height:none}.icon-list-item,body.has-icons .dropzone{width:100%}.editor-settings,.format-block{padding:24px;border-radius:28px}.content-fields{display:flex!important;flex-direction:column}.hex-color-setting{margin-top:24px}.preview-stage,.format-theme-grid,.format-theme-grid--drawer{grid-template-columns:1fr}.theme-preview{min-height:221px}#downloadCurrentAll,#downloadBatch{bottom:10px;width:calc(50% - 16px);font-size:12px}#downloadCurrentAll{left:10px}#downloadBatch{right:10px}}
@media(max-width:580px){body:not(.has-icons) .dropzone{width:calc(100vw - 32px);min-height:150px;padding:28px;border-radius:32px}.dropzone strong{font-size:24px;line-height:25px}.dropzone small{font-size:17px;line-height:19px}.format-title h3{font-size:25px;line-height:26px}.preview-stage,.format-theme-grid{gap:16px}.drawer-card{transform:scale(.7)}.content-fields{margin-top:28px}}
.format-block--list .format-theme-grid{grid-template-columns:1fr;gap:24px}.format-block--list .theme-preview{width:623px}.format-block--list .category-cell{flex:0 0 359px}.drawer-card{flex:0 0 375px}
.drawer-theme{height:194px;min-height:194px}.drawer-theme .drawer-card{position:absolute}
@media(max-width:820px){.format-block--list .theme-preview{width:100%}.drawer-theme{height:221px}}
.color-help{display:block;color:rgba(255,255,255,.5);font:400 12px/12px 'SB Sans Display'}.hex-color-setting:before{display:none}.hex-color-setting{gap:12px}.hex-color-setting>div{margin-top:4px}
.format-block--list .theme-preview--light{background:#f5f5f5}.format-block--list .theme-preview--dark{background:#000}
.drawer-theme{height:161px;min-height:161px}.drawer-theme .drawer-copy p{display:none}.drawer-theme .drawer-card{top:0}.drawer-card--dark .drawer-copy h3{color:rgba(255,255,255,.74)}
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#fff 0 var(--range-progress,50%),rgba(255,255,255,.2) var(--range-progress,50%) 100%)}
@media(min-width:1121px){body.has-icons .flow{margin-left:calc(50vw - 543px);margin-right:0}}
.content-fields input{height:52px}.placement-controls,.small-placement-controls{row-gap:40px}.placement-controls label,.small-placement-controls label{height:50px}input[type=range]{height:4px;margin-top:30px}
.icon-list{overflow-x:hidden}.icon-list-item{height:107px}.icon-list-item>div{min-width:0}body.has-icons .dropzone{height:116px;min-height:116px}
/* Unscaled canvas previews: export geometry and on-screen geometry are identical. */
.gift,.category-cell,.long-card,.drawer-card{transform:none}
.format-theme-grid--drawer{grid-template-columns:1fr;gap:24px}
.format-theme-grid--drawer .drawer-theme{width:623px;height:286px;min-height:286px}
.drawer-theme .drawer-card{position:relative;top:auto}
.drawer-theme .drawer-copy p{display:block}
.drawer-card--dark .drawer-copy h3{color:#fff}
@media(max-width:820px){.format-theme-grid--drawer .drawer-theme{width:100%}}
.small-image-frame canvas{transform:none}
.content-fields input{transition:border-color .15s ease}
.content-fields input:hover{border-color:rgba(255,255,255,.48)}
.content-fields input:focus{border-color:rgba(255,255,255,.72)}
.hex-color-setting{display:flex;height:282px;align-self:auto;gap:0}
.hex-color-setting>label{width:251px;height:16px;flex:0 0 16px}
.hex-color-setting .color-help{width:251px;height:24px;flex:0 0 24px;margin-top:12px;line-height:12px}
.hex-color-setting>div{min-height:0;height:214px;flex:0 0 214px;margin-top:16px;place-items:initial}
.hex-color-setting code{position:absolute;top:20px;left:19px;padding:12px;background:rgba(34,35,35,.8);font-weight:400}
.format-block--large .preview-stage{width:260px;min-height:112px;grid-template-columns:112px 112px;gap:36px}
.format-block--large .theme-preview{width:112px;height:112px;min-height:112px;border:0;border-radius:12px}
.format-block--large .gift h3{width:102px;max-width:102px;height:36px;font-family:'SB Sans Text',Arial,sans-serif;font-size:13px;font-weight:500;line-height:18px;letter-spacing:-.299px}
.format-block--large .discount{top:78px;bottom:auto;left:10px;width:44px;min-width:44px;height:24px;padding:2px 6px;gap:4px;font-family:'SB Sans Text',Arial,sans-serif;font-size:13px;font-weight:500;line-height:18px;letter-spacing:-.299px}
.format-block--large .preview-stage{width:484px;min-height:224px;grid-template-columns:224px 224px;gap:36px}
.format-block--large .theme-preview{width:224px;height:224px;min-height:224px;align-items:flex-start;justify-content:flex-start;border-radius:24px}
.format-block--large .gift{transform:scale(2);transform-origin:top left}
.format-block--list .format-theme-grid{width:359px;height:176px;grid-template-columns:359px;grid-template-rows:76px 76px;gap:24px}
.format-block--list .theme-preview{width:359px;height:76px;min-height:76px;border:0;border-radius:20px}
.format-block--list .category-cell{width:359px;height:76px;flex:0 0 359px;padding:8px 16px;border-radius:20px}
.format-block--list .cell-left{gap:10px;min-width:0}
.format-block--list .cell-name{margin:0;font-family:'SB Sans Text',Arial,sans-serif;font-size:15px;font-weight:500;line-height:20px;letter-spacing:-.345px;white-space:nowrap}
.format-block--list .cell-right{gap:6px;align-self:stretch}
.format-block--list .info-icon{display:flex;width:36px;height:44px;align-items:center;justify-content:center}
.format-block--list .info-icon svg{width:16px;height:16px}
.format-block--list .checkbox-icon{display:flex;width:24px;height:24px;align-items:center;justify-content:center}
.format-block--list .checkbox-icon svg{width:24px;height:24px}
.format-block--list .format-theme-grid{width:538.5px;height:252px;grid-template-columns:538.5px;grid-template-rows:114px 114px;gap:24px}
.format-block--list .theme-preview{width:538.5px;height:114px;min-height:114px;align-items:flex-start;justify-content:flex-start;border-radius:30px}
.format-block--list .category-cell{transform:scale(1.5);transform-origin:top left}

/* Format 3: exact 57.4 × 74 composition from Figma, displayed through a ×2 loupe. */
.long-format .format-theme-grid--long{width:269.6px;height:148px;grid-template-columns:114.8px 114.8px;gap:40px}
.long-format .format-theme-grid--long .theme-preview{width:114.8px;height:148px;min-height:148px;align-items:flex-start;justify-content:flex-start;border:0;border-radius:32px}
.long-format .long-card{transform:scale(2);transform-origin:top left}

/* Format 4: exact drawer canvas from Figma; gradient color stays data-driven. */
.drawer-format .format-theme-grid--drawer{width:375px;height:512px;grid-template-columns:375px;grid-template-rows:236px 236px;gap:40px}
.drawer-format .drawer-theme{position:relative;width:375px;height:236px;min-height:236px;align-items:flex-start;justify-content:flex-start;overflow:visible;border:0;border-radius:28px 28px 0 0}
.drawer-format .drawer-theme::before{content:'';position:absolute;z-index:4;top:-12px;left:172px;width:32px;height:4px;border-radius:20px;background:rgba(255,255,255,.47)}
.drawer-format .drawer-card{position:relative;width:375px;height:236px;flex:0 0 375px;overflow:hidden;border-radius:28px 28px 0 0;transform:none}
.drawer-format .drawer-top{width:375px;height:150px;flex:0 0 150px}
.drawer-format .drawer-copy{width:375px;height:86px;flex:0 0 86px;gap:8px;padding:16px}
.drawer-format .drawer-copy h3{font:600 24px/28px 'SB Sans Display';color:#000}
.drawer-format .drawer-copy p{font:500 13px/18px 'SB Sans Text';letter-spacing:-.299px;color:rgba(0,0,0,.55)}
.drawer-format .drawer-card--dark .drawer-copy h3{color:#fff}
.drawer-format .drawer-card--dark .drawer-copy p{color:rgba(255,255,255,.55)}
.drawer-format .drawer-gradient{width:375px;height:150px;border-radius:28px 28px 0 0;background:linear-gradient(192.1144deg,rgba(var(--drawer-rgb),.2) 7.3568%,rgba(var(--drawer-rgb),0) 61.684%)}
.drawer-format .drawer-gradient canvas{top:5px;left:0;width:375px;height:140px}

/* Format 4 preview loupe ×0.78: both themes in one row, export geometry unchanged. */
.drawer-format .format-theme-grid--drawer{width:605px;height:184.08px;grid-template-columns:292.5px 292.5px;grid-template-rows:184.08px;gap:20px}
.drawer-format .drawer-theme{width:292.5px;height:184.08px;min-height:184.08px;border-radius:21.84px 21.84px 0 0}
.drawer-format .drawer-theme::before{top:-9.36px;left:134.16px;width:24.96px;height:3.12px;border-radius:15.6px}
.drawer-format .drawer-card{transform:scale(.78);transform-origin:top left}

/* Loaded sidebar from Figma 1615:8959. */
body.has-icons .upload-step{gap:16px}
body.has-icons .icon-list{order:1;gap:16px;max-height:calc(100vh - 297px);overflow-x:hidden}
body.has-icons .icon-list-item{width:355px;height:76px;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;padding:16px 28px;border:1px solid transparent;border-radius:36px;background:rgba(40,40,40,.7)}
body.has-icons .icon-list-item.is-active{border-color:#fff}
body.has-icons .icon-list-item img{width:44px;height:44px;border-radius:11.932px;background:rgba(255,255,255,.12);object-fit:contain}
body.has-icons .icon-list-item strong,body.has-icons .icon-list-item small{font:400 16px/16px 'SB Sans Display'}
body.has-icons .icon-list-item small{margin-top:4px;opacity:.5}
body.has-icons .icon-list-item button{width:18px;height:20px;padding:0;border:0;background:url('assets/figma/remove-icon.svg') center/18px 20px no-repeat;font-size:0;opacity:1}
body.has-icons .dropzone{order:2;width:355px;height:68px;min-height:68px;padding:28px;border:0;border-radius:36px;background:rgba(40,40,40,.7);backdrop-filter:blur(16px)}
body.has-icons .dropzone strong{font-size:0;line-height:20px}
body.has-icons .dropzone strong::after{content:'Загрузить ещё';font:400 20px/20px 'SB Sans Display'}
body.has-icons .dropzone small{display:none}
body.has-icons #downloadBatch{position:static;order:3;width:355px;height:68px;padding:24px 20px;border:0;border-radius:36px;background:#fff;color:#000;font:400 20px/20px 'SB Sans Display';box-shadow:none;cursor:pointer}

/* Format order: list first, large cards second. */
.editor-settings{order:0}
.format-block--list{order:1}
.format-block--large{order:2}
.long-format{order:3}
.drawer-format{order:4}

/* Quiet interaction states for sidebar tabs and actions. */
body.has-icons .icon-list-item,body.has-icons .dropzone,body.has-icons #downloadBatch{transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
body.has-icons .icon-list-item:not(.is-active):hover,body.has-icons .dropzone:hover,body.has-icons .dropzone.is-dragging{background:rgba(54,54,54,.78)}
body.has-icons .icon-list-item:hover{transform:none}
body.has-icons #downloadBatch:hover{background:#f1f1f1;transform:translateY(-1px)}
body.has-icons .icon-list-item button{transition:opacity .16s ease,transform .16s ease}
body.has-icons .icon-list-item button:hover{opacity:.65;transform:scale(1.06)}

/* Active sidebar tab uses the same soft surface highlight, without an outline. */
body.has-icons .icon-list-item.is-active{border-color:transparent;background:rgba(54,54,54,.78)}

/* Large-card variants: four magnified previews in one horizontal rail. */
.format-block--large .large-preview-scroll{display:flex;width:623px;gap:36px;overflow-x:auto;overflow-y:hidden;padding:0;cursor:grab;user-select:none;scrollbar-width:none;-ms-overflow-style:none}
.format-block--large .large-preview-scroll::-webkit-scrollbar{display:none;width:0;height:0}
.format-block--large .large-preview-scroll.is-dragging{cursor:grabbing}
.format-block--large .large-preview-scroll>.preview-stage{flex:0 0 auto}
.format-block--large .preview-stage--secondary{display:grid;width:676px;min-height:224px;grid-template-columns:320px 320px;gap:36px;margin-top:0}
.format-block--large .preview-stage--secondary .theme-preview{width:320px;height:224px;min-height:224px;align-items:flex-start;justify-content:flex-start;border:0;border-radius:24px}

/* Progress-card source geometry from Figma 1604:14568, then inherited ×2 loupe. */
.format-block--large .gift--status{width:160px;height:112px;border-radius:12px}
.format-block--large .gift--status .status-copy{top:10px;left:10px;display:flex;width:102px;flex-direction:column;gap:8px}
.format-block--large .gift--status .status-copy h3{width:102px;height:auto;min-height:36px;margin:0}
.format-block--large .gift--status .progress{width:74px;height:6px;margin:0;overflow:hidden;border-radius:1000px;background:#fff}
.format-block--large .gift--status .progress i{width:35px;height:6px;border-radius:1000px;background:var(--progress-color)}
.format-block--large .gift--status canvas{right:0;bottom:0;left:auto;width:112px;height:67px}
.format-block--large .gift--status .discount--locked{top:78px;left:10px;width:auto;min-width:0;height:24px;gap:2px;padding:2px 8px;border-radius:100px}
.format-block--large .gift--status .lock-icon{display:flex;width:16px;height:16px;align-items:center;justify-content:center;color:#000}
.format-block--large .gift--status .lock-icon svg{width:10px;height:12px;flex:none}