@font-face{font-family:Coiny;src:url(/fonts/Coiny-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Baloo\ 2 ExtraBold;src:url(/fonts/Baloo2-Variable.ttf) format("truetype");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Be Vietnam Pro ExtraBold Italic;src:url(/fonts/BeVietnamPro-ExtraBoldItalic.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Paytone One;src:url(/fonts/PaytoneOne-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Bungee;src:url(/fonts/Bungee-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Story Script;src:url(/fonts/StoryScript-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Lobster;src:url(/fonts/Lobster-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-Variable.ttf) format("truetype");font-style:normal;font-weight:300 800;font-display:swap}@font-face{font-family:Lexend Deca;src:url(/fonts/LexendDeca-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Cormorant;src:url(/fonts/Cormorant-Variable.ttf) format("truetype");font-style:normal;font-weight:300 800;font-display:swap}@font-face{font-family:Rowdies;src:url(/fonts/Rowdies-Bold.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Dela Gothic One;src:url(/fonts/DelaGothicOne-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Yeseva One;src:url(/fonts/YesevaOne-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Vina Sans;src:url(/fonts/VinaSans-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Pattaya;src:url(/fonts/Pattaya-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Cherry Bomb One;src:url(/fonts/CherryBombOne-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Protest Riot;src:url(/fonts/ProtestRiot-Regular.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}:root{--ink:#1c1b1f;--paper:#faf6f0;--panel:#fff;--line:#e7e1d8;--coral:#ff4b3e;--teal:#0fc2b0;--gold:#ffc23a;--muted:#8b8378;--slide-ratio:4/5;--canvas-w:1536}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}.page{display:flex;min-height:100vh;flex-wrap:wrap;--tools-w:300px;--slides-w:104px;--header-h:56px}.page[data-step="2"]{--tools-w:328px}.page[data-step="3"],.page[data-step="4"]{--tools-w:380px}.editor-header{display:flex;flex:1 1 100%;align-items:center;gap:16px;min-height:var(--header-h);padding:8px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.editor-header .editor-brand{flex:0 1 auto;min-width:0}.editor-header .editor-brand h1{font-size:15px;margin:0;line-height:1.15;overflow-wrap:anywhere}.editor-header .editor-brand span{display:block;margin-top:1px;color:#0877b8;font-size:10px;font-weight:700}.editor-steps{display:flex;flex:1 1 auto;align-items:stretch;justify-content:center;min-width:0;gap:0}.editor-step{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:4px 6px;border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.editor-step-index{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:999px;background:#efeae3;color:var(--muted);font-size:11px;font-weight:800}.editor-step-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;text-align:left}.editor-step-copy strong{font-size:13px;font-weight:800;color:var(--ink)}.editor-step-copy em{color:var(--muted);font-size:10px;font-style:normal}.editor-step-rule{width:28px;height:1px;margin:0 4px 0 8px;background:var(--line)}.editor-step.is-active .editor-step-index,.editor-step.is-done .editor-step-index{background:var(--coral);color:#fff}.editor-step.is-done .editor-step-index{background:var(--teal)}.editor-step.is-active .editor-step-copy strong{color:var(--coral)}.editor-header-actions{display:flex;flex:0 0 auto;gap:8px}.editor-header-actions>a,.editor-header-actions>button{border:0;border-radius:8px;padding:8px 10px;background:var(--coral);color:#fff;font:inherit;font-size:11px;font-weight:750;cursor:pointer;text-decoration:none}.editor-header-actions>a{display:inline-flex;align-items:center;background:#171717}.editor-header-actions>button.logout-button{background:#fff;color:var(--muted);border:1px solid var(--line)}.tools-col{flex:1 1 300px;max-width:var(--tools-w);flex-direction:column;border-left:1px solid var(--line);background:var(--panel)}.tools-col,.tools-step{display:flex;min-height:0}.tools-step{flex:1 1 auto;flex-direction:column;gap:12px;margin:0;padding:16px 16px 8px;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain}.tools-heading h2,.tools-heading.compact h2{margin:0;color:var(--ink);font-size:15px}.tools-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.tools-heading.compact{margin-top:4px}.tools-block{display:flex;flex-direction:column;gap:8px}.tools-advanced{margin:4px 0 0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fbf9f6}.tools-advanced summary{cursor:pointer;color:#5c574f;font-size:12px;font-weight:750}.tools-advanced .controls-panel-stack,.tools-advanced .slide-deck-importer{margin-top:10px}.tools-nav{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 8px;border-top:1px solid var(--line);background:var(--panel)}.tools-nav .primary{flex:1 1;padding:11px 12px;font-size:13px}.tools-nav .ghost,button.ghost{flex:0 0 auto;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.tools-col .slide-manager,.tools-col .watermark-settings{margin-top:0}.page[data-step="2"] .text-inspector{margin-bottom:0}.export-actions{display:flex;gap:8px}.export-actions .primary,.export-actions .secondary{flex:1 1;padding:11px 10px;font-size:12px}.canvas-hint{flex:0 0 auto;margin:0;color:#0877b8;font-size:11px;font-weight:600;text-align:center}.slides-col{display:flex;flex:0 0 var(--slides-w);width:var(--slides-w);max-width:var(--slides-w);min-height:0;flex-direction:column;border-right:1px solid var(--line);background:#f4f1ea}.slide-filmstrip-heading{display:flex;flex:0 0 auto;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 12px 8px}.slide-filmstrip-heading strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.slide-filmstrip-heading span{color:var(--muted);font-size:10px;font-weight:700}.slide-filmstrip-list{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:8px;padding:0 10px 16px;overflow-y:auto;overscroll-behavior:contain;outline:none}.slide-filmstrip-item{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:6px;gap:6px;align-items:start}.slide-filmstrip-item em{padding-top:18px;color:var(--muted);font-size:10px;font-style:normal;font-weight:800;text-align:right}.slide-filmstrip-item.active em{color:var(--coral)}.slide-filmstrip-thumb{display:block;width:100%;padding:0;border:2px solid transparent;border-radius:8px;background:#ddd;overflow:hidden;cursor:pointer}.slide-filmstrip-thumb img{display:block;width:100%;aspect-ratio:var(--slide-ratio);object-fit:cover;background:#ccc}.slide-filmstrip-item.active .slide-filmstrip-thumb{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,75,62,.18)}.slide-filmstrip-actions{position:absolute;right:4px;bottom:4px;z-index:1;display:none;gap:2px}.slide-filmstrip-item:focus-within .slide-filmstrip-actions,.slide-filmstrip-item:hover .slide-filmstrip-actions{display:flex}.slide-filmstrip-actions button{width:18px;height:18px;padding:0;border:0;border-radius:4px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;line-height:18px;cursor:pointer}.slide-filmstrip-actions button:disabled{opacity:.35;cursor:default}.slide-filmstrip-new{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;padding:10px 8px;border:1px dashed #cfc6b8;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:750;cursor:pointer}.slide-filmstrip-new em{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#fff;color:var(--ink);font-style:normal;font-weight:800}.slide-filmstrip-new.active{border-style:solid;border-color:var(--coral);background:#fff7f6;color:var(--coral)}.slide-filmstrip-empty{margin:4px 2px 0;color:var(--muted);font-size:10px;line-height:1.45}.preview-notice{flex:0 0 auto;width:100%;max-width:none;margin:0 0 8px}.preview-col{flex:1 1 460px;padding:12px 16px 16px;display:flex;flex-direction:column;align-items:center;min-width:0;background:#f3efe8}.inspector-col{display:none}.canvas-pane,.preview-workspace{display:flex;width:100%;flex-direction:column;align-items:center}.canvas-fit{width:100%}.canvas-stack{display:flex;width:100%;flex-direction:column;align-items:stretch}h1{font-size:24px;margin:0 0 6px}h1,h2{font-family:inherit}h2{font-size:16px;margin:0 0 12px;color:var(--coral)}.sub{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 28px}.editor-topbar{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin:-8px -4px 12px;padding:12px;border:1px solid #dbe7f0;border-radius:12px;background:#f7fbfe;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 7px 18px rgba(32,61,78,.08)}.editor-brand{display:flex;min-width:0;align-items:center;gap:10px;grid-column:1/-1}.editor-brand svg{flex:0 0 auto}.editor-topbar h1{font-size:18px;margin:0}.editor-topbar span{display:block;margin-top:2px;color:#0877b8;font-size:10px;font-weight:700}.editor-topbar>button{border:0;border-radius:8px;padding:8px 10px;background:var(--coral);color:#fff;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.editor-topbar>button.logout-button{background:#fff;color:var(--muted);border:1px solid var(--line)}.editor-topbar select{grid-column:1/-1}.editor-topbar .preset-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;grid-gap:7px;gap:7px}.editor-topbar .preset-actions select{grid-column:1/-1;min-width:0}.editor-topbar .preset-actions button{border:0;border-radius:8px;padding:8px 10px;background:#0877b8;color:#fff;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.editor-topbar .preset-actions button:disabled{opacity:.4;cursor:default}.preset-visibility{grid-column:1/-1;position:relative}.preset-visibility summary{padding:7px 9px;border:1px solid #c9dfec;border-radius:8px;background:#fff;color:#285268;font-size:10px;font-weight:750;cursor:pointer;list-style-position:inside}.preset-visibility-panel{display:grid;grid-gap:4px;gap:4px;margin-top:6px;padding:9px;max-height:220px;overflow-y:auto;border:1px solid #dbe7f0;border-radius:9px;background:#fff;box-shadow:0 8px 18px rgba(32,61,78,.1)}.preset-visibility-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px;color:var(--ink);font-size:10px}.editor-topbar .preset-actions .preset-visibility-heading button{padding:4px 7px;background:#eef7fc;color:#0877b8}.preset-visibility-panel label{display:flex;align-items:center;gap:7px;margin:0;padding:5px 6px;border-radius:6px;color:#4a4640;font-size:10px;font-weight:600;cursor:pointer}.preset-visibility-panel label:hover{background:#f2f8fb}.preset-visibility-panel input{width:15px;height:15px;margin:0;accent-color:#0877b8}.editor-topbar .preset-visibility-panel span{display:inline;margin:0;color:inherit;font-size:inherit;font-weight:inherit}.editor-notice{display:flex;justify-content:space-between;gap:8px;margin:-5px 0 12px;padding:8px 10px;border-radius:8px;background:#effaf5;color:#34725a;font-size:10px}.editor-notice button{border:0;background:transparent;color:inherit;cursor:pointer}.quick-nav{position:-webkit-sticky;position:sticky;top:78px;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin:0 0 18px;padding:5px;border:1px solid var(--line);border-radius:11px;background:hsla(0,0%,100%,.94);box-shadow:0 5px 15px rgba(39,35,29,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-nav a{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;border-radius:7px;color:#5f5a53;font-size:11px;font-weight:750;text-decoration:none}.quick-nav a:hover{background:#fff3f1;color:#d83e33}.quick-nav span{min-width:18px;padding:2px 5px;border-radius:999px;background:#f1ede7;font-size:9px;text-align:center}.editor-section{scroll-margin-top:130px;margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(42,36,28,.045)}.editor-section.primary-section{border-color:#eadbd3}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-heading>span{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:9px;background:#fff0ee;color:var(--coral);font-size:12px;font-weight:850}.section-heading h2{margin:0;color:var(--ink);font-size:15px}.section-heading p{margin:2px 0 0;color:var(--muted);font-size:10px}section{margin-bottom:30px}label{display:block;font-size:12.5px;font-weight:600;margin:12px 0 5px;color:#4a4640}input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;padding:9px 11px;border:1.5px solid var(--line);border-radius:9px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--ink)}input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none;border-color:var(--coral)}input[type=file]{width:100%;font:inherit;font-size:12px;color:var(--muted)}.watermark-settings{margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbf9f5}.watermark-settings label:first-child{margin-top:0}.watermark-preview{display:block;width:auto;max-width:120px;max-height:64px;margin-top:8px;object-fit:contain;border-radius:6px}.logo-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.logo-library button{min-width:0;padding:7px;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font:inherit;font-size:9px;cursor:pointer}.logo-library button.active{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,75,62,.12)}.logo-library img{display:block;width:100%;height:52px;margin-bottom:5px;object-fit:contain}.autosave-note{margin:10px 2px 0;color:#5f7460;font-size:11px}input[type=range]{width:100%;accent-color:var(--coral)}.row2{display:flex;gap:10px}.row2>div{flex:1 1}.dropzone{border:1.5px dashed #ef938b;border-radius:12px;padding:25px 14px;text-align:center;cursor:pointer;background:linear-gradient(145deg,#fff8f6,#fffdfb);display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:600}.dropzone:hover{border-color:var(--coral);background:#fff3f1}.dropzone-sub{font-size:11.5px;font-weight:500;color:var(--muted)}.thumbgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:12px}.thumb{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#eee;cursor:pointer}.thumb.is-selected{box-shadow:0 0 0 2px var(--coral)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-idx{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:5px}.thumb-actions{position:absolute;bottom:3px;right:3px;display:flex;gap:2px}.thumb-actions button{background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:5px;font-size:10px;padding:2px 5px;cursor:pointer}.thumb-actions button:disabled{opacity:.3;cursor:default}.layout-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.layout-option{border:1.5px solid var(--line);border-radius:10px;padding:8px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ink)}.layout-option.active{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,75,62,.15)}.layout-thumb-svg{width:100%;aspect-ratio:4/5;height:auto;display:block;overflow:hidden;border-radius:6px}.layout-thumb-css{width:100%;aspect-ratio:1;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.slide-deck-importer{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.slide-deck-importer>span{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;text-align:center}.slide-deck-actions{display:flex;gap:8px}.slide-deck-actions button{flex:1 1;min-height:36px;border:1px solid #c9dfec;border-radius:8px;background:#fff;color:#0877b8;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.slide-deck-actions button.accent{border-color:#0877b8;background:#0877b8;color:#fff}.slide-deck-actions button:disabled{opacity:.55;cursor:default}.hint-inline{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.swatches{display:flex;gap:8px;margin-top:4px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--ink)}.text-settings{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbf9f5}.text-settings-primary{margin-top:0;border-color:#cdeaff;background:#fafdff}.section-label{font-size:13px;font-weight:800;color:var(--ink)}.optional{float:right;color:var(--muted);font-size:10px;font-weight:500}.text-style-picker{display:grid;grid-gap:10px;gap:10px;margin-bottom:8px}.text-style-group-label{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.text-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.text-style-grid.is-label{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;padding-right:0}.text-layer-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin:10px 0 5px}.text-layer-tabs button{padding:7px 5px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font:inherit;font-size:10px;font-weight:700;cursor:pointer}.text-layer-tabs button.active{border-color:#16a3ff;background:#edf8ff;color:#0877b8}.active-text-field input{border-color:#16a3ff;box-shadow:0 0 0 2px rgba(22,163,255,.1)}.selected-layer-editor{margin-top:12px;padding:11px;border:1px solid #cdeaff;border-radius:9px;background:#f4fbff}.selected-layer-editor strong{display:block;color:#0877b8;font-size:11px}.text-style-option{min-width:0;padding:6px 5px 7px;border:1.5px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer;font:inherit;font-size:10px;font-weight:700;line-height:1.2;text-align:center}.text-style-option.active{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,75,62,.12)}.text-style-option.has-frame-fill{border-color:rgba(0,0,0,.08)}.text-style-option.has-frame-fill .text-style-preview{border-radius:6px}.text-style-option:hover{border-color:#ef938b}.text-style-preview{display:block;width:100%;height:44px;margin-bottom:5px;overflow:visible}.text-style-preview path{filter:none}.style-description{min-height:31px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.color-fields{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;flex-wrap:wrap}.color-fields>.rgba-color-field,.color-fields>label{flex:1 1 100%;margin-top:0}.rgba-color-field{display:grid;grid-gap:6px;gap:6px}.rgba-color-top{position:relative;display:flex;align-items:center;gap:8px}.rgba-swatch{position:relative;flex:0 0 auto;width:38px;height:31px;padding:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#cfcfcf 25%,transparent 0),linear-gradient(-45deg,#cfcfcf 25%,transparent 0),linear-gradient(45deg,transparent 75%,#cfcfcf 0),linear-gradient(-45deg,transparent 75%,#cfcfcf 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;cursor:pointer}.rgba-swatch-fill{position:absolute;inset:0;pointer-events:none}.rgba-color-top code{color:var(--muted);font-size:10px}.rgba-compact{position:relative;gap:5px}.rgba-compact .rgba-swatch{width:28px;height:24px}.rgba-picker{position:fixed;z-index:400;width:248px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(20,28,36,.22)}.rgba-picker-sv{position:relative;height:148px;border-radius:10px;overflow:hidden;cursor:crosshair;touch-action:none}.rgba-picker-tools{display:flex;align-items:center;gap:8px;margin-top:10px}.rgba-picker-eyedrop,.rgba-picker-preview{width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff}.rgba-picker-eyedrop{display:grid;place-items:center;cursor:pointer}.rgba-picker-eyedrop svg{width:16px;height:16px;fill:#4a4640}.rgba-picker-preview{position:relative;overflow:hidden;background-image:linear-gradient(45deg,#cfcfcf 25%,transparent 0),linear-gradient(-45deg,#cfcfcf 25%,transparent 0),linear-gradient(45deg,transparent 75%,#cfcfcf 0),linear-gradient(-45deg,transparent 75%,#cfcfcf 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.rgba-picker-preview span{position:absolute;inset:0}.rgba-picker-sliders{display:grid;flex:1 1;min-width:0;grid-gap:8px;gap:8px}.rgba-picker-alpha,.rgba-picker-hue{position:relative;height:12px;border-radius:999px;cursor:pointer;touch-action:none}.rgba-picker-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.rgba-picker-alpha{overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#cfcfcf 25%,transparent 0),linear-gradient(-45deg,#cfcfcf 25%,transparent 0),linear-gradient(45deg,transparent 75%,#cfcfcf 0),linear-gradient(-45deg,transparent 75%,#cfcfcf 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.rgba-picker-alpha-fill{position:absolute;inset:0;pointer-events:none}.rgba-picker-thumb{position:absolute;top:50%;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 1px rgba(0,0,0,.28);transform:translate(-50%,-50%);pointer-events:none}.rgba-picker-thumb.is-sv{width:16px;height:16px}.rgba-picker-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;margin-top:10px}.rgba-picker-channels label{display:grid;grid-gap:3px;gap:3px;margin:0;color:var(--muted);font-size:10px;font-weight:800;text-align:center}.rgba-picker-channels input{width:100%;min-width:0;padding:6px 4px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stroke-color-label{display:inline-flex;align-items:center;gap:6px}.stroke-color-label input{width:auto;margin:0}.corner-radius-editor{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.corner-radius-all label{margin-bottom:4px}.corner-radius-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.corner-radius-grid label{margin:0;font-size:11px}.corner-radius-grid input[type=range]{width:100%;margin-top:4px}.color-input-wrap{display:flex;align-items:center;gap:7px;margin-top:5px}input[type=color]{width:38px;height:31px;padding:2px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.color-input-wrap code{color:var(--muted);font-size:10px}.quick-colors{display:flex;gap:6px;margin-top:9px}.quick-colors button{width:21px;height:21px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line);cursor:pointer}.quick-colors button.active{box-shadow:0 0 0 2px #0877b8}.bg-strip-wrap{display:flex;align-items:center;gap:6px;margin-bottom:12px}.bg-strip{display:flex;gap:8px;min-width:0;flex:1 1;overflow-x:auto;padding:4px 2px;scroll-snap-type:x mandatory;scrollbar-width:none}.bg-strip::-webkit-scrollbar{display:none}.bg-strip-grid,.bg-strip-nav{flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid #e4e6eb;border-radius:50%;background:#fff;color:#050505;font-size:18px;line-height:1;cursor:pointer}.bg-strip-grid{display:grid;place-items:center}.bg-strip-grid svg{width:16px;height:16px;fill:#050505}.bg-swatch{position:relative;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#e4e6eb;cursor:pointer;scroll-snap-align:start}.bg-swatch canvas{display:block;width:100%;height:100%}.bg-swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #1877f2}.bg-swatch-none-icon{position:absolute;inset:16%}.bg-swatch.custom{display:grid;place-items:center;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.bg-swatch.custom input{width:22px;height:22px;padding:0;border:2px solid #fff;border-radius:6px;background:transparent;cursor:pointer}.bg-gallery{margin-bottom:12px;padding:8px 4px 4px;border:1px solid #eadbd3;border-radius:12px;background:#fff}.bg-gallery-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:10px}.bg-gallery-header strong{text-align:center;font-size:15px}.bg-gallery-back{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#e4e6eb;color:#050505;font-size:16px;cursor:pointer}.bg-gallery section+section{margin-top:14px}.bg-gallery h3{margin:0 4px 8px;font-size:13px}.bg-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-gap:8px;gap:8px}.bg-gallery-grid .bg-swatch{flex:none;width:auto;height:auto;aspect-ratio:1;border-radius:16px}.toggles{margin-top:14px}.checkline{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;margin:8px 0;cursor:pointer;color:var(--ink)}.checkline input{width:16px;height:16px;accent-color:var(--coral)}.preview-stage{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:none}.preview-stage canvas{width:100%;border-radius:16px;box-shadow:0 18px 48px rgba(28,27,31,.18);background:#111}.canvas-frame{position:relative;width:100%;overflow:visible;container-type:inline-size;container-name:promo-canvas}.canvas-frame canvas{display:block;width:100%;height:auto}.canvas-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;border-radius:16px;color:#aaa;font-size:13px;text-align:center;pointer-events:none}.layer-overlay{--layer-chrome-outset:8px;box-sizing:border-box;border:0;border-radius:calc(var(--layer-radius-tl, 4) * 100cqw / var(--canvas-w)) calc(var(--layer-radius-tr, 4) * 100cqw / var(--canvas-w)) calc(var(--layer-radius-br, 4) * 100cqw / var(--canvas-w)) calc(var(--layer-radius-bl, 4) * 100cqw / var(--canvas-w));touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:move}.layer-overlay,.layer-overlay:after{position:absolute;pointer-events:none}.layer-overlay:after{content:"";inset:calc(-1 * var(--layer-chrome-outset));border:2px dashed #16a3ff;border-radius:calc(var(--layer-radius-tl, 0) * 100cqw / var(--canvas-w) + var(--layer-chrome-outset)) calc(var(--layer-radius-tr, 0) * 100cqw / var(--canvas-w) + var(--layer-chrome-outset)) calc(var(--layer-radius-br, 0) * 100cqw / var(--canvas-w) + var(--layer-chrome-outset)) calc(var(--layer-radius-bl, 0) * 100cqw / var(--canvas-w) + var(--layer-chrome-outset))}.layer-overlay.is-editing,.layer-overlay.is-empty{pointer-events:auto}.layer-overlay.is-editing{cursor:text}.layer-overlay.is-editing:after{border-style:solid}.page:has(.corner-radius-editor:focus-within) .layer-overlay .layer-center-mark,.page:has(.corner-radius-editor:focus-within) .layer-overlay .layer-handle,.page:has(.corner-radius-editor:hover) .layer-overlay .layer-center-mark,.page:has(.corner-radius-editor:hover) .layer-overlay .layer-handle{visibility:hidden;pointer-events:none}.layer-center-mark{width:22px;height:22px;padding:0;border:2px solid #fff;border-radius:50%;background:#16a3ff;box-shadow:0 0 0 1px rgba(0,0,0,.28);pointer-events:auto;cursor:move;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:none}.layer-center-mark,.layer-center-mark:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.layer-center-mark:after{content:"";width:8px;height:8px;border-radius:1px;background:#fff}.layer-center-mark.is-snapped{background:var(--coral)}.snap-guide{position:absolute;z-index:4;pointer-events:none;background:#16a3ff;box-shadow:0 0 0 1px hsla(0,0%,100%,.7)}.snap-guide.is-center{background:var(--coral)}.snap-guide-v{top:0;bottom:0;width:1px;transform:translateX(-50%)}.snap-guide-h{left:0;right:0;height:1px;transform:translateY(-50%)}.layer-handle{position:absolute;width:16px;height:16px;padding:0;border:2px solid #fff;border-radius:3px;background:#16a3ff;box-shadow:0 1px 4px rgba(0,0,0,.35);pointer-events:auto;touch-action:none}.layer-handle:before{content:"";position:absolute;inset:-10px}.layer-handle.nw{left:calc(-1 * var(--layer-chrome-outset, 0px));cursor:nwse-resize}.layer-handle.n,.layer-handle.nw{top:calc(-1 * var(--layer-chrome-outset, 0px));transform:translate(-50%,-50%)}.layer-handle.n{left:50%;width:22px;height:10px;cursor:ns-resize}.layer-handle.ne{top:calc(-1 * var(--layer-chrome-outset, 0px));cursor:nesw-resize}.layer-handle.e,.layer-handle.ne{right:calc(-1 * var(--layer-chrome-outset, 0px));transform:translate(50%,-50%)}.layer-handle.e{top:50%;width:10px;height:22px;cursor:ew-resize}.layer-handle.se{right:calc(-1 * var(--layer-chrome-outset, 0px));bottom:calc(-1 * var(--layer-chrome-outset, 0px));transform:translate(50%,50%);cursor:nwse-resize}.layer-handle.s{left:50%;width:22px;height:10px;cursor:ns-resize}.layer-handle.s,.layer-handle.sw{bottom:calc(-1 * var(--layer-chrome-outset, 0px));transform:translate(-50%,50%)}.layer-handle.sw{cursor:nesw-resize}.layer-handle.sw,.layer-handle.w{left:calc(-1 * var(--layer-chrome-outset, 0px))}.layer-handle.w{top:50%;width:10px;height:22px;transform:translate(-50%,-50%);cursor:ew-resize}.layer-handle.rotate{left:50%;top:calc(-1 * var(--layer-chrome-outset, 0px) - 28px);width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);cursor:-webkit-grab;cursor:grab}.layer-handle.rotate:active{cursor:-webkit-grabbing;cursor:grabbing}.layer-handle.rotate:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:16px;background:#16a3ff;transform:translateX(-50%);inset:auto;box-shadow:none;border:0}.layer-overlay.is-photo{pointer-events:none}.layer-inline-editor{display:block;width:100%;height:100%;margin:0;border:0;outline:none;resize:none;overflow:hidden;text-align:center;white-space:pre-wrap;word-break:break-word;font-weight:800;line-height:1.18;font-size:calc(var(--layer-font) * 100cqw / var(--canvas-w));padding:calc(var(--layer-pad-y) * 100cqw / var(--canvas-w)) calc(var(--layer-pad-x) * 100cqw / var(--canvas-w));background:transparent;caret-color:currentColor}.preview-stage canvas.editable-canvas{cursor:move;touch-action:none}.canvas-tip{margin:-7px 0 0;color:#0877b8;font-size:11px;font-weight:600}.btnrow{width:100%;display:flex;gap:10px}button.primary{flex:1 1;background:var(--coral);color:#fff;border:none;padding:13px 16px;border-radius:11px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;letter-spacing:.3px}button.primary:hover{background:#e83c2f}button.primary:disabled{opacity:.5;cursor:default}button.secondary{flex:1.25 1;border:1px solid #171717;border-radius:11px;background:#fff;color:#171717;padding:12px 10px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}button.secondary:disabled{opacity:.45;cursor:default}.slide-manager{width:100%;max-width:none;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.slide-manager:target{animation:slide-manager-flash 1.6s ease}@keyframes slide-manager-flash{0%{box-shadow:0 0 0 0 rgba(117,131,90,.35);border-color:#75835a}to{box-shadow:0 0 0 12px transparent;border-color:var(--line)}}.slide-manager-heading,.slide-manager-heading>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.publish-format{display:flex;gap:4px;margin-top:12px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#f7f3ec}.publish-format button{flex:1 1;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.publish-format button.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(30,27,22,.08)}.video-publish-handoff{margin-top:10px}.slide-manager-heading h2{margin:0}.slide-manager-heading span{color:var(--muted);font-size:10px}.publish-tiktok,.slide-manager-heading>button{border:0;border-radius:8px;background:#111;color:#fff;padding:8px 11px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.publish-tiktok:disabled,.slide-manager-heading>button:disabled{opacity:.45;cursor:default}.download-slides{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid #75835a;border-radius:9px;background:#fff;color:#4b5d3c;font:inherit;font-size:11px;font-weight:800;cursor:pointer;text-align:center;text-decoration:none;box-sizing:border-box}.download-slides:hover{background:#f4f7ef}.download-slides:disabled{opacity:.5;cursor:default}.slide-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:12px}.slide-strip>div{position:relative;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#eee}.slide-strip>div.cover{border-color:#16a3ff}.slide-strip>div.editing{border-color:var(--coral);box-shadow:0 0 0 2px var(--coral)}.slide-strip .editing-badge{position:absolute;left:3px;right:3px;bottom:24px;z-index:1;padding:2px 5px;border-radius:4px;background:var(--coral);color:#fff;font-size:9px;font-weight:800;letter-spacing:.02em;text-align:center;pointer-events:none}.slide-strip img{display:block;width:100%;aspect-ratio:var(--slide-ratio);object-fit:cover}.slide-strip img[role=button]{cursor:pointer}.slide-edit-hint{margin:9px 0 -4px;color:#0877b8}.slide-strip>div>span{position:absolute;right:3px;bottom:3px;display:flex;gap:2px}.slide-strip button{border:0;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;font-size:9px;cursor:pointer}.slide-strip button:disabled{opacity:.35}.slide-strip .cover-button{position:absolute;top:3px;left:3px;padding:3px 5px}.tiktok-publish-form{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.connected-account{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#effaf5;color:#34725a;font-size:11px}.connected-account img{width:30px;height:30px;border-radius:50%;object-fit:cover}.connected-account span{flex:1 1;min-width:0}.connected-account button{border:0;background:transparent;color:#6d8078;font:inherit;font-size:9px;text-decoration:underline;cursor:pointer}.field-count{float:right;color:var(--muted);font-size:9px;font-weight:500}.form-guidance{margin:5px 0 8px;color:var(--muted);font-size:10px;line-height:1.45}.publish-tiktok{width:100%;margin-top:10px;padding:11px;background:#111}.check-publish-status{width:100%;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:11px;cursor:pointer}.api-message{margin:8px 0 0;color:#34725a;font-size:11px;line-height:1.45}.api-message.error{color:#b43a35}.publish-complete-notice{margin:10px 0;padding:10px 12px;border:1px solid #bfe8d3;border-radius:9px;background:#effaf5;color:#247653;font-size:11px;font-weight:650;line-height:1.45}.publish-progress{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fbfaf7}.publish-progress-title{display:flex;align-items:center;justify-content:space-between;font-size:11px}.publish-progress-title span{color:var(--muted);font-size:9px}.publish-progress ol{max-height:270px;margin:9px 0 0;padding:0;overflow:auto;list-style:none}.publish-progress li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;grid-gap:7px;gap:7px;align-items:start;padding:6px 0;border-top:1px dashed #e5e0d8;font-size:10px}.publish-progress li:first-child{border-top:0}.publish-progress .progress-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#7094c5}.publish-progress li.success .progress-dot{background:#28a56b}.publish-progress li.error .progress-dot{background:#d94d43}.publish-progress li>div{min-width:0}.publish-progress li strong{font-size:10px}.publish-progress li p{margin:2px 0;line-height:1.4;color:#625d55}.publish-progress li code,.publish-progress li small{display:block;margin-top:3px;overflow-wrap:anywhere;color:#756f66;font-size:9px}.publish-progress li time{color:#999087;font-size:8px;white-space:nowrap}.publish-progress progress{display:block;width:100%;height:5px;margin-top:4px;accent-color:var(--coral)}.checkline.consent{padding:9px;border-radius:8px;background:#faf7ee;font-size:11px;line-height:1.4}.legal-links{display:flex;gap:14px;padding:8px 16px 12px;border-top:1px solid var(--line)}.legal-links a{color:#687680;font-size:10px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#fff 0,#f5f1e9 68%)}.auth-page form{width:min(390px,100%);padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(30,27,22,.12)}.auth-page form>p{color:var(--muted);font-size:12px;line-height:1.5}.auth-page form>button{width:100%;margin-top:14px;padding:11px;border:0;border-radius:9px;background:#171717;color:#fff;font:inherit;font-weight:700;cursor:pointer}.auth-page form>button:disabled{opacity:.45}.auth-page .auth-error{color:#b43a35}.auth-page form>div{display:flex;justify-content:center;gap:14px;margin-top:17px}.auth-page a{color:#687680;font-size:10px}.auth-page .site-logo{margin-bottom:18px}.auth-page h1{margin:0 0 8px;font-size:22px}.site-logo{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.site-logo svg{flex:0 0 auto;border-radius:10px}.site-logo span{display:grid;grid-gap:1px;gap:1px}.site-logo strong{font-size:14px;letter-spacing:-.02em}.site-logo em{color:var(--muted);font-size:11px;font-style:normal;font-weight:600}.site-footer,.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;width:min(1080px,calc(100% - 40px));margin:0 auto}.site-header{padding:22px 0 8px}.site-footer nav,.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.site-footer a,.site-header a{color:#4f4b45;font-size:13px;font-weight:700;text-decoration:none}.site-header-cta{padding:9px 14px;border-radius:999px;background:#1c1b1f;color:#fff!important}.site-footer{padding:28px 0 48px;border-top:1px solid var(--line);margin-top:24px}.site-footer p{max-width:420px;color:var(--muted);font-size:12px;line-height:1.6}.marketing{min-height:100vh;background:radial-gradient(circle at top,#fff 0,var(--paper) 55%)}.marketing-hero,.marketing-section{width:min(1080px,calc(100% - 40px));margin:0 auto}.marketing-hero{padding:42px 0 24px}.marketing-kicker{color:#b43a35;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.marketing-hero h1{max-width:16ch;margin:8px 0 16px;font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.04em}.marketing-lead{max-width:62ch;color:#4f4b45;font-size:16px;line-height:1.6}.marketing-lead.vi{color:var(--muted);font-size:14px}.marketing-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 36px}.marketing-button{display:inline-flex;align-items:center;padding:12px 16px;border-radius:12px;background:var(--coral);color:#fff;font-size:14px;font-weight:800;text-decoration:none}.marketing-button.ghost,.marketing-section .marketing-actions a{background:#fff;color:var(--ink);border:1px solid var(--line);padding:12px 16px;border-radius:12px;font-weight:800;text-decoration:none}.marketing-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.marketing-preview-panel{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(28,27,31,.06)}.marketing-preview-panel span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.marketing-preview-panel strong{display:block;margin:6px 0 14px;font-size:20px}.marketing-preview-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:88px 52px;grid-gap:8px;gap:8px}.marketing-preview-grid i{display:block;border-radius:12px;background:#ff4b3e}.marketing-preview-grid i:nth-child(2){background:#0fc2b0}.marketing-preview-grid i:nth-child(3){background:#ffc23a}.marketing-preview-grid i:nth-child(4){background:#1c1b1f}.marketing-preview-panel ul{margin:0;padding-left:18px;color:#4f4b45;font-size:14px;line-height:1.7}.marketing-section{padding:18px 0 10px}.marketing-section h2{margin:0 0 8px;font-size:28px}.marketing-section>p{color:var(--muted)}.marketing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:14px;gap:14px;margin:22px 0 10px}.marketing-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.marketing-grid h3{margin:0 0 8px;font-size:16px}.marketing-grid p{margin:0;color:#4f4b45;font-size:13px;line-height:1.6}.marketing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin:22px 0 0;padding:0;list-style:none;counter-reset:step}.marketing-steps li{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.marketing-steps li:before{counter-increment:step;content:"0" counter(step);display:block;margin-bottom:10px;color:var(--coral);font-size:12px;font-weight:800}.marketing-steps strong{display:block;margin-bottom:6px}.marketing-steps span{color:#4f4b45;font-size:13px;line-height:1.6}.legal-page{padding:24px 20px 40px}.legal-page article{width:min(780px,100%);margin:0 auto;padding:38px 44px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(30,27,22,.07)}.legal-brand{display:flex;align-items:center;gap:14px;margin-bottom:8px}.legal-brand svg{flex:0 0 auto;border-radius:12px}.legal-brand p{margin:0;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.legal-brand h1{margin:4px 0 0;font-size:30px}.legal-page h2{margin:28px 0 8px;color:var(--ink);font-size:17px}.legal-page li,.legal-page p{color:#4f4b45;font-size:13px;line-height:1.75}.legal-page li+li{margin-top:6px}.legal-page .legal-date{color:var(--muted)}.legal-page a{color:#0877b8}@media (max-width:600px){.legal-page article{padding:24px 20px}}@media (max-width:900px){body,html{overflow:auto}.page{height:auto;overflow:visible;flex-direction:column;flex-wrap:nowrap}.editor-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.editor-steps{flex:1 1 100%;order:3;justify-content:space-between}.editor-step-copy em,.editor-step-rule{display:none}.editor-header-actions{margin-left:auto}.preview-col{order:2;width:100%;max-width:none;padding:10px 12px 12px}.tools-col{order:3;flex:1 1 auto;border-left:0}.slides-col,.tools-col{max-width:none;width:100%;border-top:1px solid var(--line)}.slides-col{order:4;flex:1 1 100%;border-right:0}.slide-filmstrip-list{flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:0 12px 12px}.slide-filmstrip-item,.slide-filmstrip-new{flex:0 0 92px;width:92px}.slide-filmstrip-new{flex-direction:column;justify-content:center;margin-top:0}.slide-filmstrip-empty{flex:0 0 160px}.canvas-stack{width:min(100%,520px);margin:0 auto}.preview-stage .canvas-frame{width:100%;aspect-ratio:4/5}}