.mobile-device-note,.mobile-edit-shortcut,.mobile-pair-step,.mobile-step-picker,.mobile-text-placement{display:none}.pad-item,.pad-surface{position:relative}.pad-touch-targets{inset:0;width:100%;height:100%;overflow:visible;touch-action:pan-y}.pad-center-guide,.pad-touch-targets{position:absolute;pointer-events:none}.pad-center-guide{z-index:2;left:50%;top:0;bottom:0;width:1px;background:#737373;box-shadow:1px 0 #fff9}.steps-creator{background:#fff;min-height:100dvh}.steps-creator .site-header{border:0}.steps-creator .shell{max-width:1440px;padding:24px 40px 48px}.steps-creator #kreator{scroll-margin-top:24px}.steps-creator #kreator .project-heading-bar{margin:0 0 20px;padding:0;border:0}.steps-creator #kreator .preview-actions{gap:8px}.steps-creator #kreator .preview-top{flex-wrap:wrap;gap:8px}.project-file-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,600px);align-items:center;gap:8px}.project-file-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;min-width:0;padding:10px 14px;border:1px solid transparent;background:transparent;color:#525252;font:500 13px/1.4 var(--font);white-space:nowrap}.project-file-button:hover:not(:disabled){background:#f5f5f5;color:#111}.project-file-button:focus-visible{outline:2px solid #171717;outline-offset:3px}.project-reset-confirmation .dialog-actions{margin-top:32px}@media (max-width:1100px){.steps-creator #kreator .project-heading-bar{flex-wrap:wrap;gap:16px}}@media (max-width:1100px) and (pointer:coarse),(max-width:700px){.steps-creator #kreator .project-file-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.steps-creator #kreator .project-file-button{min-width:0;gap:8px;padding:12px 8px;font-size:12px;min-height:48px}}.steps-creator #kreator .editable-project-name{font-size:18px}.steps-navigation{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-bottom:32px}.steps-desktop-navigation{display:contents}.mobile-project-menu{display:none}.steps-navigation button{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 0;border:0;border-bottom:1px solid #e5e5e5;background:#fff;text-align:left;font-size:13px;color:#737373}.steps-navigation button>span{font-size:10px;color:#a3a3a3}.steps-navigation button[aria-current=step]{border-color:#111;color:#111;font-weight:500}.steps-navigation button:disabled{opacity:.35}.steps-creator #kreator .workbench{grid-template-columns:minmax(0,1fr) 400px;gap:64px;align-items:start}.steps-creator #kreator .editor-panel{border:0;padding:0;background:#fff}.steps-creator #kreator .preview-panel{top:20px;background:#fff;border:0}.steps-creator #kreator .view-controls{padding:0;border:0}.steps-creator #kreator .pad-switch button{border-radius:0;background:#fff}.steps-creator #kreator .pad-switch button[aria-pressed=true]{box-shadow:inset 0 -1px #111}.steps-layer-fieldset{border:0;min-width:0;padding:0;margin:0}.steps-layers .layer-select{font-size:13px}.steps-creator .focus-panel-heading h2{font-size:26px;letter-spacing:-.035em}.steps-creator #kreator .editor-body{padding:24px 0}.steps-creator #kreator .product-scroll{--pad-width:310px;min-height:0;height:440px;background:#fff;overscroll-behavior:auto}.steps-creator #kreator .product-stage.is-pair{--pad-width:250px}.steps-creator #kreator .product-stage{padding-block:12px 24px}.steps-creator #kreator .workspace-hint{border:0;text-align:center;font-size:10px;padding:4px 0}.steps-creator #kreator .element-toolbar{border:0;margin:0;min-height:44px;padding:4px 0;gap:6px}.steps-creator #kreator .element-toolbar .icon-button{width:44px;min-height:44px;border:0}.steps-pad-caption{justify-content:space-between;gap:16px;color:#737373}.steps-pad-caption,.steps-pad-caption button{display:flex;align-items:center;min-height:44px;font-size:11px}.steps-pad-caption button{gap:8px;padding:8px 0}.steps-creator #kreator .steps-layers{padding:0;border:0;margin-top:12px}.steps-layers h2{margin:0;padding:0 0 12px;border-bottom:1px solid #e5e5e5;font-size:13px;font-weight:500}.steps-layers .layer-list{max-height:220px;overflow-y:auto;scrollbar-width:thin}.steps-layers .locked-logo{display:flex;align-items:center;justify-content:space-between;min-height:40px;width:100%;padding:8px 12px;border:0;background:#fff;color:#737373;font-size:11px;text-align:left}.steps-layers .layer-row{border:0;border-bottom:1px solid #f5f5f5;min-height:40px}.steps-layers .layer-row button{min-height:40px}.steps-creator #kreator .step-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;margin:0;padding-top:12px;gap:16px}.steps-creator #kreator .step-navigation .primary-button{grid-column:2;max-width:none}.steps-creator #kreator .step-navigation button{position:relative;width:100%;min-height:48px;padding:12px 32px;justify-content:center;font:500 13px/20px var(--font)}.steps-creator #kreator .step-navigation button svg{position:absolute}.steps-creator #kreator .step-navigation .secondary-button svg{left:14px}.steps-creator #kreator .step-navigation .primary-button svg{right:14px}.steps-creator #kreator .focus-draft-status{border:0;margin-top:32px;padding:0}.steps-creator #kreator .layouts,.steps-creator #kreator .size-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;justify-content:stretch}.steps-creator #kreator .layouts{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-creator #kreator button.steps-choice-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:20px;min-height:172px;height:172px;padding:16px 8px;background:#fff;color:#111;font-size:14px;font-weight:500;border:1px solid #e5e5e5;box-shadow:none;text-align:center}.steps-creator #kreator button.steps-choice-card[aria-pressed=true]{border-color:#111}.steps-creator #kreator .steps-choice-label{margin:0;font:inherit;line-height:20px;overflow-wrap:anywhere}.steps-creator #kreator .layout-card .steps-choice-label{display:flex;align-items:center;justify-content:center;min-height:40px}.steps-creator #kreator button.layout-card.steps-choice-card{min-height:244px;height:244px;gap:12px}.steps-size-shape{width:64px;overflow:visible}.steps-creator #kreator .collection-setup .field-label{display:none}.steps-creator #kreator .layout-art{flex:0 0 152px;width:100%;height:152px;background:transparent}.steps-creator #kreator .layout-art>:is(svg,img){width:124px;max-width:100%;height:152px;object-fit:contain}.steps-creator #kreator .layout-categories{border:0;gap:20px}.steps-creator #kreator .layout-categories button{border:0;border-bottom:1px solid #e5e5e5;padding-inline:0;background:#fff;color:#737373;font-weight:400;text-align:left}.steps-creator #kreator .layout-categories button[aria-pressed=true]{border-color:#111;color:#111}.steps-data-tabs{display:flex;gap:24px;margin-top:20px}.steps-data-tabs button{min-height:44px;border-bottom:1px solid transparent;font-size:13px;color:#737373}.steps-data-tabs button[aria-pressed=true]{border-color:#111;color:#111}.steps-creator #kreator .range-control{width:100%;max-width:none;margin-block:24px}.steps-creator #kreator .range-control>span{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%}.steps-creator #kreator .range-control output{flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}.steps-creator #kreator .range-control input[type=range]{width:100%;margin-inline:0;height:32px;background:transparent;border-radius:0}.steps-creator #kreator .range-control input::-webkit-slider-runnable-track{height:3px;border-radius:0}.steps-creator #kreator .range-control input::-webkit-slider-thumb{margin-top:-7px;width:17px;height:17px;border:3px solid #fff}.steps-creator #kreator .range-control input::-moz-range-track{height:3px;border-radius:0}.steps-creator #kreator .range-control input::-moz-range-thumb{width:11px;height:11px}.steps-creator #kreator .photo-adjustment{border:0}.steps-creator #kreator .inspector{border:0;padding-top:0}.steps-creator #kreator .photo-quality-note{border:0;background:transparent;padding:0}.steps-creator #kreator .photo-quality-note p{max-width:34ch}.steps-creator #kreator .focus-extra-options{border:0}.steps-creator #kreator .logo-options button{min-height:88px}.steps-creator #kreator .logo-options img{max-width:88px}.steps-creator #kreator .hint{font-size:12px}.steps-creator #kreator .editor-panel .full-width{min-height:48px;padding:12px 16px;font-size:13px}.steps-creator #kreator[data-tool=graphics] .editor-body>.panel-title{display:none}.steps-creator #kreator[data-tool=graphics] .text-list{margin:0 0 16px}.steps-creator #kreator[data-tool=graphics] .text-list:empty{display:none}.steps-creator #kreator .element-add-actions{grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 16px}.steps-creator #kreator .element-add-actions .full-width{margin:0;justify-content:center;gap:12px;text-align:center}.steps-creator #kreator .element-add-actions svg{flex:0 0 18px;width:18px;height:18px}.steps-creator #kreator .swatch-group{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px 28px;padding:5px;min-width:0}.steps-creator #kreator .custom-color,.steps-creator #kreator .swatch-group>button{flex:0 0 38px;width:38px;min-height:38px;height:38px;padding:0;border:1px solid #d4d4d4;border-radius:50%}.steps-creator #kreator .swatch-group>button[aria-pressed=true]{outline:1px solid #111;outline-offset:3px}.steps-creator #kreator .swatch-group>button>svg{display:none}.steps-creator #kreator .custom-color span{background:#fff;font-size:20px}.background-library{margin-bottom:28px}.background-library>.full-width{justify-content:center;gap:10px}.background-library-panel{padding:16px;background:#fafafa;border:1px solid #e5e5e5}.background-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.background-library-heading h3{margin:0;font-size:14px;font-weight:500}.background-library-heading .icon-button{width:44px;height:44px}.background-library-panel>p{margin:4px 0 20px;font-size:12px;line-height:1.7;color:#737373}.background-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;list-style:none;padding:0;margin:0}.background-library-placeholder{display:grid;place-items:center;aspect-ratio:4/3;background:#f0f0f0;color:#b0b0b0}.background-library-grid li>span{display:block;margin-top:8px;font-size:11px;color:#737373}@media (max-width:1100px) and (min-width:701px){.steps-creator .shell{padding-inline:24px}.steps-creator #kreator .workbench{grid-template-columns:minmax(0,1fr) 350px;gap:32px}.steps-navigation{gap:12px}.steps-navigation button{font-size:12px;gap:6px}}@media (max-width:1100px) and (pointer:coarse),(max-width:700px){.steps-creator #kreator .preview-top{flex-wrap:wrap;justify-content:flex-start}.steps-creator #kreator .preview-top>.secondary-button:not(.focus-save){order:4;width:100%}.steps-creator .shell{padding:16px 16px 32px}.steps-navigation{display:flex;overflow-x:auto;gap:20px;margin-bottom:24px;background:#fff;position:sticky;top:0;z-index:20;scrollbar-width:thin}.steps-navigation button{flex:0 0 auto;gap:8px;min-height:52px}.steps-creator #kreator .workbench{display:flex;flex-direction:column;gap:32px}.steps-creator #kreator .preview-panel{position:relative;top:auto}.steps-creator #kreator .editor-panel{width:100%}.steps-creator #kreator .product-scroll{--pad-width:230px;height:330px}.steps-creator #kreator .product-stage.is-pair{--pad-width:150px}.steps-creator #kreator .range-control input[type=range]{height:44px}.steps-creator #kreator .steps-layers .layer-list{max-height:180px}.steps-creator .focus-panel-heading h2{font-size:24px}.steps-creator #kreator .swatch-group{gap:10px}.steps-creator #kreator .custom-color,.steps-creator #kreator .swatch-group>button{position:relative;margin:3px}.steps-creator #kreator .swatch-group>button:before{content:"";position:absolute;inset:-3px}}.steps-creator #kreator .creator-add-button{margin:0 0 12px;background:#fafafa;border-color:#e5e5e5}.steps-creator #kreator .photo-quality-note{margin:0 0 24px}.steps-creator #kreator .photo-quality-note .quality-link{padding:0;min-height:32px;font-size:11px}.photo-item{position:relative;min-width:0}.steps-creator #kreator .photo-item .photo-row{width:100%;padding-right:48px;text-align:left}.steps-creator #kreator .photo-item .photo-row>span{white-space:nowrap}.photo-remove{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:grid;place-items:center;width:32px;min-height:32px;background:#fff;color:#737373;opacity:0}.photo-item:focus-within .photo-remove,.photo-item:hover .photo-remove{opacity:1}.replace-photo{margin-top:8px;font-size:12px}.photo-position-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:12px}.photo-position-actions .text-button{display:inline-flex;align-items:center;gap:8px;margin:0;min-height:40px;padding-inline:0;font-size:12px}.photo-swap-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:12px;color:#525252}.photo-swap-prompt button{font-size:12px}.steps-creator #kreator .photo-row[data-swap-target=true]{border-style:dashed;background:#fafafa}.photo-row[draggable=true]{cursor:grab}.photo-row[data-swap-target=true]{cursor:pointer}.steps-creator #kreator .text-list{margin-block:12px 24px}.steps-creator #kreator :is(.layout-card,.size-picker button,.logo-options button,.text-effects button,.text-list button,.photo-row):hover:not(:disabled){background:#fafafa;border-color:#e5e5e5;box-shadow:none}.steps-creator #kreator :is(.layout-card,.size-picker button,.logo-options button,.text-effects button,.text-list button,.photo-row)[aria-pressed=true]:hover:not(:disabled){border-color:#111}.steps-data-tabs button:hover:not(:disabled),.steps-navigation button:hover:not(:disabled){box-shadow:none;color:#111}.steps-creator :is(.secondary-button,.creator-add-button):hover:not(:disabled){background:#f5f5f5;box-shadow:none}.steps-creator .primary-button:hover:not(:disabled){background:#292929;box-shadow:none}.pair-preview-navigation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.pair-preview-navigation p{margin:0;color:#737373;font-size:12px;line-height:1.6}.pair-preview-navigation .zoom-controls{flex-shrink:0}.pair-touch-hint{display:none}.pair-pan-viewport{overflow:auto;height:max(240px,calc(92dvh - 300px));background:#fafafa;cursor:grab;touch-action:none;overscroll-behavior:contain;user-select:none}.pair-pan-viewport[data-dragging=true]{cursor:grabbing}.pair-pan-viewport .dialog-pair{max-width:none;padding:24px}.pair-pan-viewport canvas{pointer-events:none}.pair-preview-footer{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-top:24px}.pair-preview-edit-actions,.pair-preview-submit{display:flex;gap:12px}.pair-preview-submit{flex-direction:column;align-items:end}.pair-preview-submit p{margin:0;font-size:12px;line-height:1.6;color:#737373}.pair-preview-footer button{min-height:48px;font:500 13px/20px var(--font)}@media (hover:none){.photo-remove{opacity:1}}@media (max-width:1100px) and (pointer:coarse),(max-width:700px){.steps-creator #kreator .photo-list{grid-template-columns:minmax(0,1fr)}.photo-remove{opacity:1;width:44px;min-height:44px}.steps-creator #kreator .step-navigation .primary-button{max-width:none}.pair-preview-navigation{align-items:start;gap:12px}.pair-preview-navigation p{max-width:none;font-size:11px}.pair-touch-hint{display:inline}.pair-desktop-hint{display:none}.pair-pan-viewport{height:max(240px,calc(92dvh - 360px))}.pair-pan-viewport .dialog-pair{gap:16px;padding:16px}.pair-preview-footer{display:flex;flex-direction:column;align-items:stretch}.pair-preview-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pair-preview-edit-actions button{padding-inline:8px;font-size:12px}.pair-preview-submit{align-items:stretch}.pair-preview-submit p{font-size:11px}.steps-creator .creator-dialog .icon-button,.steps-creator .creator-dialog .zoom-controls button{min-width:44px;min-height:44px}.steps-creator #kreator .editor-panel{overflow:visible}.steps-creator #kreator input:not([type=range]):not([type=color]),.steps-creator #kreator textarea{font-size:16px}.steps-creator #kreator .flag-results button,.steps-creator #kreator .font-groups button,.steps-creator #kreator .icon-button,.steps-creator #kreator .layer-actions button,.steps-creator #kreator .layer-handle,.steps-creator #kreator .pad-switch button,.steps-creator #kreator .steps-data-tabs button,.steps-creator #kreator .text-list button,.steps-creator #kreator .zoom-controls button{min-height:44px}.steps-creator #kreator .layer-actions button,.steps-creator #kreator .layer-handle{min-width:44px}.steps-creator #kreator .steps-layers .layer-row button,.steps-creator #kreator .steps-layers .locked-logo{min-height:44px}.steps-creator #kreator .steps-layers .layer-row>button:not(.layer-select){min-width:44px}.steps-creator #kreator .custom-color,.steps-creator #kreator .swatch-group>button{min-width:40px;min-height:40px}.steps-creator #kreator .preview-actions .icon-button,.steps-creator #kreator .zoom-controls button{min-width:44px}.steps-creator #kreator .view-controls{flex-wrap:wrap;gap:8px}.steps-creator #kreator .element-toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:8px 0}.steps-creator #kreator .element-toolbar .icon-button{width:100%;min-width:0}.steps-creator #kreator .product-scroll{--pad-width:min(300px,calc(100vw - 64px));height:auto;overflow-x:auto;overscroll-behavior:auto}.steps-creator #kreator .product-stage{min-height:0}.steps-creator #kreator canvas.interactive-pad{touch-action:pan-y}.mobile-device-note{display:block;margin:0 0 20px;font-size:11px;line-height:1.6;color:#737373}.mobile-text-placement{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0 24px}.mobile-text-placement button{display:flex;gap:10px;justify-content:center;align-items:center;min-height:44px;font-size:13px}.mobile-edit-shortcut{display:block;margin:8px auto;padding:8px 24px;min-height:44px;font-size:14px}.steps-creator #kreator .project-heading-bar{gap:8px;margin-bottom:16px}.steps-creator #kreator .preview-top{position:relative;display:flex;flex-wrap:nowrap;width:auto;gap:8px}.steps-creator #kreator .preview-actions{gap:4px}.steps-creator #kreator .project-file-actions{display:none}.steps-creator #kreator .mobile-project-menu{display:block;position:static}.mobile-project-menu summary{list-style:none;display:flex;align-items:center;gap:8px;padding:12px;min-height:44px;font-size:13px;cursor:pointer}}@media (max-width:1100px) and (pointer:coarse),(max-width:700px){.mobile-project-menu summary::-webkit-details-marker{display:none}.mobile-project-menu>div{position:absolute;right:0;top:100%;z-index:40;width:220px;padding:8px;border:1px solid #e5e5e5;background:white;box-shadow:0 8px 20px #0000000d}.mobile-project-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;min-height:48px;text-align:left;font-size:14px}.steps-creator .steps-navigation,.steps-desktop-navigation{display:none}.steps-creator #kreator .editor-panel,.steps-creator #kreator .preview-panel{scroll-margin-top:16px}.steps-creator #kreator .workbench{gap:32px}.steps-creator #kreator .step-navigation{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:8px;position:sticky;bottom:0;z-index:4;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:#fff}.steps-creator #kreator .step-navigation button{min-height:48px;font-size:14px}.steps-creator #kreator .step-navigation .primary-button{grid-column:3}.mobile-step-picker{display:grid;grid-column:2;grid-row:1;position:relative;place-items:center;min-height:48px;font-size:12px;color:#737373}.mobile-step-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:pointer}.mobile-step-picker:focus-within{outline:2px solid #171717;outline-offset:2px}.mobile-pair-step{display:block;text-align:center;font-size:12px;color:#737373}.steps-creator #kreator .focus-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.steps-creator #kreator .focus-panel-preview{position:static;flex-shrink:0;order:2}.steps-creator #kreator .mobile-preview-shortcut{margin-top:20px;border:0;background:#f7f7f7}}