.ad-preview-controls{display:flex;align-items:center;gap:9px;flex:none}.ad-preview-controls .ad-segmented{width:auto}.ad-preview-controls .ad-segmented button{min-height:32px;padding:5px 10px;white-space:nowrap}.ad-preview-viewport{display:flex;align-items:safe center;justify-content:safe center;overflow:auto;min-width:0;min-height:0;overscroll-behavior:auto}.ad-preview-surface{flex:none;max-width:none!important;max-height:none!important}.ad-preview-viewport:focus-visible{outline:2px solid var(--ad-ui-action, #ffed1f);outline-offset:-2px}@font-face{font-family:Barlow GX Semi Condensed;src:url(/tools/guide-studio/assets/BarlowGX-SemiCondensed-Dcx5bQC4.ttf) format("truetype");font-weight:22 188;font-style:normal;font-display:block}.ad-title{font-family:Barlow GX Normal,Barlow,Arial,sans-serif;font-weight:141;font-size:var(--ad-ui-t-title, 24px);line-height:.95;letter-spacing:-.03em;margin:0;text-wrap:balance}.ad-section-title{font-weight:141;font-size:var(--ad-ui-t-section, 15px);line-height:1.1;letter-spacing:-.02em;margin:0}.ad-name{font-family:Barlow GX Normal,Barlow,Arial,sans-serif;font-weight:168;font-size:var(--ad-ui-t-name, 15px);line-height:1.12;text-transform:uppercase;letter-spacing:0}.ad-meta{font-family:Barlow GX Semi Condensed,Barlow Semi Condensed,Barlow GX Normal,sans-serif;font-weight:96;font-size:var(--ad-ui-t-meta, 13px);line-height:1.2;letter-spacing:-.02em;color:var(--ad-ui-muted, #74746d);font-variant-numeric:tabular-nums}.ad-meta b,.ad-meta strong{font-weight:116;color:var(--ad-ui-ink, #1f201c)}.ad-body{font-weight:71;font-size:var(--ad-ui-t-body, 14px);line-height:1.5}.ad-num{font-variant-numeric:tabular-nums}.ad-ui,.ad-rail,.ad-inspector,.ad-dialog,.ad-toast{font-family:Barlow GX Normal,Barlow,Arial,sans-serif;font-size:var(--ad-ui-ui-size, 14px);color:var(--ad-ui-ink, #1f201c)}.ad-eyebrow{display:block;font-family:Barlow GX Normal,Barlow,Arial,sans-serif;font-weight:166;font-size:var(--ad-ui-t-eyebrow, 11px);letter-spacing:.1em;text-transform:uppercase;color:var(--ad-ui-muted, #74746d)}.ad-muted,.ad-hint{color:var(--ad-ui-muted, #74746d)}.ad-hint{display:block;font-size:var(--ad-ui-size-small, 12px);line-height:1.5;margin:6px 0 0}.ad-hint--ok{color:var(--ad-ui-success, #4f6a2e)}.ad-hint--warn{color:var(--ad-ui-warning, #9a6a0a)}.ad-hint--bad{color:var(--ad-ui-danger, #a5513a)}.ad-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ad-ui-control, 36px);padding:0 14px;border:1px solid var(--ad-ui-line, #d6d6cf);border-radius:var(--ad-ui-radius, 6px);background:var(--ad-ui-panel, #fbfbf7);color:var(--ad-ui-ink, #1f201c);font:inherit;font-weight:600;font-size:var(--ad-ui-ui-size, 14px);line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ad-btn:hover{background:#f0f0ea;border-color:#c3c3bb}.ad-btn:disabled{opacity:.4;cursor:default}.ad-btn svg{width:16px;height:16px;flex-shrink:0}.ad-btn--primary{background:var(--ad-ui-action, #ffed1f);border-color:var(--ad-ui-action, #ffed1f);color:#101010}.ad-btn--primary:hover{background:#f5e31c;border-color:#f5e31c}.ad-btn--dark{background:var(--ad-ui-chrome, #101010);border-color:var(--ad-ui-chrome, #101010);color:var(--ad-ui-chrome-ink, #f0f0f0)}.ad-btn--dark:hover{background:#2a2a2a;border-color:#2a2a2a}.ad-btn--quiet{background:transparent;border-color:transparent}.ad-btn--quiet:hover,.ad-btn--quiet.active,.ad-btn--quiet[aria-pressed=true]{background:#10101012;border-color:transparent}.ad-btn--icon{width:var(--ad-ui-control, 36px);padding:0}.ad-btn--icon.ad-btn--sm{width:30px}.ad-btn--sm{min-height:30px;padding:0 10px;font-size:var(--ad-ui-size-small, 12px)}.ad-btn--danger{color:var(--ad-ui-danger, #a5513a)}.ad-btn--link{display:inline;min-height:0;padding:0;border:0;background:transparent;font-weight:600;font-size:var(--ad-ui-size-small, 12px);color:var(--ad-ui-muted, #74746d);text-decoration:underline;text-underline-offset:3px}.ad-btn--link:hover{background:transparent;color:var(--ad-ui-ink, #1f201c)}.ad-btn:focus-visible,.ad-field input:focus-visible,.ad-field textarea:focus-visible,.ad-field select:focus-visible,.ad-segmented button:focus-visible,.ad-chip:focus-visible,.ad-switch input:focus-visible+.ad-switch__track,.ad-check input:focus-visible{outline:2px solid var(--ad-ui-action, #ffed1f);outline-offset:2px}.ad-dark .ad-btn:focus-visible{outline-color:var(--ad-ui-action, #ffed1f)}.ad-field{display:block;margin:0 0 16px}.ad-field>span,.ad-label{display:block;font-size:var(--ad-ui-t-label, 12px);font-weight:116;margin:0 0 7px;color:var(--ad-ui-ink, #1f201c);text-transform:none;letter-spacing:0}.ad-field input:not([type=checkbox]):not([type=radio]):not([type=range]),.ad-field textarea,.ad-field select,.ad-input{display:block;width:100%;min-height:var(--ad-ui-control, 36px);padding:8px 11px;border:1px solid var(--ad-ui-line, #d6d6cf);border-radius:var(--ad-ui-radius, 6px);background:#fff;color:var(--ad-ui-ink, #1f201c);font:inherit;font-size:var(--ad-ui-ui-size, 14px);line-height:1.4;transition:border-color .15s}.ad-field textarea{resize:vertical}.ad-field input:hover,.ad-field textarea:hover,.ad-input:hover{border-color:#c3c3bb}.ad-field input:focus,.ad-field textarea:focus,.ad-field select:focus,.ad-input:focus{outline:2px solid var(--ad-ui-action, #ffed1f);outline-offset:1px;border-color:#c3c3bb}.ad-field input::placeholder,.ad-field textarea::placeholder{color:#a4a99a}.ad-field small{display:block;margin-top:6px;font-size:var(--ad-ui-size-small, 12px);line-height:1.5;color:var(--ad-ui-muted, #74746d)}.ad-field--locked{opacity:.55}.ad-field--big textarea{font-size:21px;font-weight:600;line-height:1.12}.ad-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ad-count{font-variant-numeric:tabular-nums}.ad-count--over{color:var(--ad-ui-danger, #a5513a)}.ad-range{display:block;margin:0 0 16px}.ad-range>span{display:flex;align-items:center;justify-content:space-between;font-size:var(--ad-ui-size-small, 12px);font-weight:600;margin:0 0 6px}.ad-range output{font-variant-numeric:tabular-nums;font-weight:400;color:var(--ad-ui-muted, #74746d)}.ad-range input[type=range]{display:block;width:100%;height:14px;margin:0;accent-color:var(--ad-ui-chrome, #101010);cursor:pointer}.ad-range.ad-field--locked{filter:grayscale(1)}.ad-range.ad-field--locked input{cursor:default}.ad-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;cursor:pointer;font-size:var(--ad-ui-ui-size, 14px);font-weight:600}.ad-switch small{display:block;font-weight:400;font-size:var(--ad-ui-size-small, 12px);color:var(--ad-ui-muted, #74746d);margin-top:2px}.ad-switch input{position:absolute;opacity:0;width:1px;height:1px}.ad-switch__track{position:relative;flex-shrink:0;width:34px;height:20px;border-radius:10px;background:#c9c9c0;transition:background .15s}.ad-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.ad-switch input:checked+.ad-switch__track{background:var(--ad-ui-chrome, #101010)}.ad-switch input:checked+.ad-switch__track:after{transform:translate(14px);background:var(--ad-ui-action, #ffed1f)}.ad-switch input:disabled+.ad-switch__track{opacity:.4}.ad-check{display:flex;align-items:flex-start;gap:9px;margin:0 0 12px;font-size:var(--ad-ui-ui-size, 14px);cursor:pointer}.ad-check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--ad-ui-chrome, #101010);flex-shrink:0}.ad-check small{display:block;font-size:var(--ad-ui-size-small, 12px);color:var(--ad-ui-muted, #74746d)}.ad-segmented{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--ad-ui-line, #d6d6cf);border-radius:var(--ad-ui-radius, 6px);background:#eceee6}.ad-segmented--full{display:flex;flex-wrap:wrap}.ad-segmented--full button{flex:1 1 auto;min-width:0}.ad-segmented button{flex:1;min-height:28px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--ad-ui-muted, #74746d);font:inherit;font-size:var(--ad-ui-size-small, 12px);font-weight:600;white-space:nowrap;cursor:pointer}.ad-segmented button:hover{color:var(--ad-ui-ink, #1f201c)}.ad-segmented button.active,.ad-segmented button[aria-pressed=true],.ad-segmented input:checked+span{background:#fff;color:var(--ad-ui-ink, #1f201c);box-shadow:0 1px 3px #00000014}.ad-segmented button:disabled{opacity:.35;cursor:default}.ad-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 11px;border:1px solid var(--ad-ui-line, #d6d6cf);border-radius:999px;background:#fff;color:var(--ad-ui-ink, #1f201c);font:inherit;font-size:var(--ad-ui-size-small, 12px);font-weight:600;cursor:pointer}.ad-chip.active,.ad-chip[aria-pressed=true],.ad-chip:has(input:checked){background:var(--ad-ui-chrome, #101010);border-color:var(--ad-ui-chrome, #101010);color:var(--ad-ui-chrome-ink, #f0f0f0)}.ad-chip input{position:absolute;opacity:0;width:1px;height:1px}.ad-chip:has(input:focus-visible){outline:2px solid var(--ad-ui-action, #ffed1f);outline-offset:2px}.ad-chip em{font-style:normal;font-weight:400;opacity:.7}.ad-chips{display:flex;flex-wrap:wrap;gap:7px}.ad-rail{background:var(--ad-ui-panel, #fbfbf7);border-right:1px solid var(--ad-ui-line, #d6d6cf)}.ad-inspector{background:var(--ad-ui-panel, #fbfbf7);border-left:1px solid var(--ad-ui-line, #d6d6cf)}.ad-stage{background:var(--ad-ui-workspace, #e8e8e3);background-image:radial-gradient(rgba(16,16,16,.12) .6px,transparent .6px);background-size:9px 9px}.ad-rail-head{display:flex;justify-content:space-between;gap:6px}.ad-rail-head .ad-eyebrow{color:var(--ad-ui-ink, #1f201c)}.ad-inspector-head{padding:22px 23px 18px;border-bottom:1px solid var(--ad-ui-line, #d6d6cf);display:flex;align-items:center;justify-content:space-between;gap:10px}.ad-inspector-head h1,.ad-inspector-head h2{font-weight:141;font-size:var(--ad-ui-t-title, 24px);letter-spacing:-.03em;line-height:.95;margin:6px 0 0;text-wrap:balance}.ad-panel{padding:22px 23px;border-bottom:1px solid var(--ad-ui-line, #d6d6cf)}.ad-section{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px}.ad-section h2,.ad-section h3{font-weight:141;font-size:var(--ad-ui-t-section, 15px);line-height:1.1;letter-spacing:-.02em;margin:0}.ad-section>span{font-size:var(--ad-ui-ui-label-size, 11px);color:var(--ad-ui-muted, #74746d)}.ad-rule{border:0;border-top:1px solid var(--ad-ui-line, #d6d6cf);margin:22px 0 18px}.ad-note{padding:12px 14px;border:1px solid var(--ad-ui-line, #d6d6cf);border-radius:var(--ad-ui-radius, 6px);background:#f3f3ec;font-size:var(--ad-ui-size-small, 12px);line-height:1.6;color:var(--ad-ui-ink, #1f201c)}.ad-note--warn{background:#fdf6e3;border-color:#e9d9a6}.ad-note--bad{background:#fbeeea;border-color:#ebc3b8}.ad-note--ok{background:#eef3e4;border-color:#cfdcb6}.ad-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--ad-ui-size-small, 12px);font-weight:600;color:var(--ad-ui-muted, #74746d)}.ad-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ad-status--ok{color:var(--ad-ui-success, #4f6a2e)}.ad-status--warn{color:var(--ad-ui-warning, #9a6a0a)}.ad-status--bad{color:var(--ad-ui-danger, #a5513a)}.ad-empty{display:grid;place-content:center;gap:8px;min-height:260px;padding:32px;text-align:center;border:1px dashed #b8b8b0;border-radius:var(--ad-ui-radius, 6px);color:var(--ad-ui-muted, #74746d)}.ad-empty strong{display:block;font-weight:141;font-size:var(--ad-ui-t-title, 24px);letter-spacing:-.03em;line-height:.95;color:var(--ad-ui-ink, #1f201c)}.ad-list{display:flex;flex-direction:column;gap:9px}.ad-list>button,.ad-list>a{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--ad-ui-line, #d6d6cf);border-radius:var(--ad-ui-radius, 6px);background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:none}.ad-list>button:hover,.ad-list>a:hover{border-color:#9e9e94}.ad-list strong{display:block;font-weight:168;font-size:var(--ad-ui-t-name, 15px);line-height:1.12;text-transform:uppercase}.ad-list small{display:block;margin-top:4px;font-family:Barlow GX Semi Condensed,Barlow Semi Condensed,sans-serif;font-weight:96;font-size:var(--ad-ui-t-meta, 13px);letter-spacing:-.02em;color:var(--ad-ui-muted, #74746d);font-variant-numeric:tabular-nums}.ad-list>*>span:nth-child(2){flex:1;min-width:0}.ad-tag{font-family:Barlow GX Normal,Barlow,Arial,sans-serif;font-weight:166;font-size:var(--ad-ui-t-eyebrow, 11px);letter-spacing:.06em;text-transform:uppercase;color:var(--ad-ui-success, #4f6a2e)}.ad-dialog{padding:0;border:1px solid var(--ad-ui-line, #d6d6cf);border-radius:12px;background:var(--ad-ui-panel, #fbfbf7);color:var(--ad-ui-ink, #1f201c);width:570px;max-width:calc(100vw - 30px);max-height:90dvh;box-shadow:0 20px 120px #10101059}.ad-dialog::backdrop{background:#10101073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ad-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 28px 18px;border-bottom:1px solid var(--ad-ui-line, #d6d6cf)}.ad-dialog__head h2{font-weight:141;font-size:var(--ad-ui-t-dialog, 28px);letter-spacing:-.03em;line-height:.95;margin:6px 0 0;text-wrap:balance}.ad-dialog__body{padding:22px 28px;max-height:65dvh;overflow:auto}.ad-dialog__body .ad-muted{font-size:13px;line-height:1.6;margin:0 0 20px}.ad-dialog__foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid var(--ad-ui-line, #d6d6cf);background:#f4f4ee}.ad-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:100;max-width:560px;padding:13px 22px;border-radius:8px;background:var(--ad-ui-chrome, #101010);color:var(--ad-ui-chrome-ink, #f0f0f0);font-size:13px;line-height:1.5;box-shadow:0 6px 25px #0000002e;animation:ad-toast-in .2s ease}.ad-toast--error{background:#7a3c2a}@keyframes ad-toast-in{0%{opacity:0;bottom:16px}to{opacity:1;bottom:24px}}@media(max-width:670px){.ad-dialog__head,.ad-dialog__body,.ad-dialog__foot{padding-left:20px;padding-right:20px}.ad-toast{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){.ad-btn,.ad-switch__track,.ad-switch__track:after,.ad-toast{transition:none;animation:none}}.ad-masthead .ad-btn--quiet,.ad-masthead .ad-btn--link{color:var(--ad-ui-chrome-ink, #f0f0f0)}.ad-masthead .ad-btn--quiet:hover,.ad-masthead .ad-btn--quiet.active,.ad-masthead .ad-btn--quiet.selected{background:#262626}.ad-masthead .ad-muted,.ad-masthead .ad-hint{color:var(--ad-ui-chrome-muted, #c2c2c2)}.ad-masthead select{background:transparent;border:0;color:var(--ad-ui-chrome-muted, #c2c2c2);font:inherit;font-size:var(--ad-ui-size-small, 12px)}.ad-masthead select option{color:#111}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-500-normal.woff2) format("woff2");font-weight:500;font-display:block}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:block}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:block}@font-face{font-family:Barlow GX Normal;src:url(/tools/guide-studio/fonts/BarlowGX-Normal.ttf) format("truetype");font-weight:22 188;font-style:normal;font-display:block}@font-face{font-family:Barlow GX Condensed;src:url(/tools/guide-studio/fonts/BarlowGX-Condensed.ttf) format("truetype");font-weight:22 188;font-style:normal;font-display:block}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:block}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-700.woff2) format("woff2");font-weight:700;font-display:block}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-800.woff2) format("woff2");font-weight:800;font-display:block}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-900.woff2) format("woff2");font-weight:900;font-display:block}@font-face{font-family:Barlow;src:url(/tools/guide-studio/fonts/barlow-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:block}.locked-field>span{color:#969b8b}.locked-field textarea:disabled{background:#eff0e9;color:#a3a797;border-color:#e0e3d8;resize:none}.choice-field{margin-bottom:18px}.choice-field>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.choice-buttons{display:flex;gap:4px}.choice-buttons button{flex:1;background:#f0f2e9;border:1px solid #dce0d2;border-radius:4px;padding:9px 5px;font-size:11px;font-weight:500;line-height:1.2}.choice-buttons button[aria-pressed=true]{background:#e4e8d8;border-color:#a6ae8d;color:#404b30;font-weight:600}.choice-buttons button:disabled{opacity:.4;cursor:not-allowed}.collage-picker.stacked{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.collage-picker>*{min-height:0}:root{font-family:Barlow,Arial,sans-serif;color:var(--ad-ui-ink,#1f201c);background:var(--ad-ui-workspace,#e8e8e3);font-synthesis:none;--yellow:var(--ad-ui-action,#ffed1f);--border:var(--ad-ui-line,#d6d6cf);--muted:var(--ad-ui-muted,#74746d);--ink:var(--ad-ui-ink,#1f201c)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button{transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible{outline:2px solid #8c8600;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #d3c814;outline-offset:1px}input,textarea,select{min-width:0}button svg{flex-shrink:0}button{color:inherit}a{color:inherit;text-decoration:none}.topbar{height:84px;background:#fbfcf7;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:26px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:19px;font-weight:700;letter-spacing:-.4px}.brand-mark{background:var(--yellow);font-size:22px;font-weight:900;letter-spacing:-1.5px;display:inline-flex;align-items:center;justify-content:center;transform:rotate(-3deg);width:43px;height:42px;border-radius:4px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:3px;font-weight:600}.issue-heading{border-left:1px solid #2a2a2a;padding-left:18px;min-width:150px;flex:1;color:var(--ad-ui-chrome-ink,#f0f0f0)}.issue-heading input{border:0;background:transparent;color:inherit;font-weight:600;font-size:15px;padding:2px 0;width:100%;max-width:280px;border-radius:2px}.save-state{display:flex;align-items:center;gap:4px;color:var(--ad-ui-chrome-muted,#c2c2c2);font-size:11px;margin-top:5px;white-space:nowrap}.save-state svg{width:12px;height:12px;color:#d9d36a}.save-state.failed,.save-state.failed svg{color:#aa442d}.top-actions{display:flex;align-items:center;gap:4px}.top-actions .ad-btn--quiet{font-size:13px;padding:8px;color:var(--ad-ui-chrome-ink,#f0f0f0)}.top-actions .ad-btn--quiet:hover,.top-actions .ad-btn--quiet.selected{background:#1f1f1f;border-color:#333}.top-actions .publish,.top-actions .resolution select{color:var(--ad-ui-chrome-muted,#c2c2c2)}.top-actions .resolution option{color:#111}.workspace{height:calc(100dvh - var(--ad-ui-masthead,64px));display:grid;grid-template-columns:202px minmax(320px,1fr) 330px}.page-rail{background:#f7f8f2;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;padding:24px 16px 12px}.rail-heading{display:flex;justify-content:space-between;gap:6px;padding:0 2px}.rail-heading span:last-child{font-size:10px;color:var(--muted);letter-spacing:0;font-weight:400}#page-list{overflow:auto;min-height:0;padding:2px 4px 4px;scrollbar-width:thin;scrollbar-color:#d2d5c9 transparent}.page-card{display:block;width:100%;border:0;background:transparent;border-radius:5px;text-align:left;padding:7px 8px 10px;margin-bottom:14px}.thumb-wrap{position:relative;width:100%;overflow:hidden;border-radius:2px;box-shadow:0 2px 5px #00000009;outline:1px solid #0000000c;background:#e2e3dc}.page-card canvas{width:100%;height:auto;display:block}.page-card.active{background:#e6e9db}.page-card.active .thumb-wrap{outline:2px solid #aaaF91;outline-offset:3px}.page-card:hover{background:#eceee4}.page-number{position:absolute;bottom:5px;left:5px;background:#ffffffed;color:#252820;font-size:9px;font-weight:700;border-radius:3px;padding:3px 5px;box-shadow:0 1px 3px #0002}.page-card-title{display:block;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-card small{display:block;margin-top:3px}.add-page{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px dashed #c4c9b7;border-radius:5px;font-size:12px;font-weight:600;padding:9px;margin-top:8px}.add-page:hover{background:#eceee4}.add-page svg{width:15px}.rail-bottom{font-size:9px;color:#979b8a;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;margin-top:13px}.small-dot{width:4px;height:4px;display:inline-block;background:#939a81;border-radius:50%}.stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:#e9e9e4;background-image:radial-gradient(#caccbf77 .6px,transparent .6px);background-size:9px 9px}.stage-toolbar{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.stage-toolbar>div{display:flex;align-items:center;gap:4px}.divider{height:17px;border-left:1px solid #c9cdc0;margin:0 10px}.stage-toolbar .ad-btn--quiet{font-size:12px}.stage-toolbar .ad-btn--quiet svg{width:15px}#selection-title{font-size:12px;font-weight:600;color:#6c7062}.artboard-area{flex:1;min-height:0;overflow:auto;padding:5px 36px 18px;display:flex;align-items:center;justify-content:center}.artboard-wrap{height:100%;max-width:100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.artboard-wrap canvas{display:block;max-height:100%;max-width:100%;width:auto;height:auto;aspect-ratio:4/5;box-shadow:0 6px 23px #24261c20;touch-action:none;background:#eee}.artboard-wrap canvas.dragging{cursor:grabbing}.stage-bottom{min-height:48px;flex-shrink:0;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:9px 24px;background:#e9e9e4;border-top:1px solid #d8dccf80;font-size:10px;color:#929887}.stage-bottom>div:last-child{display:flex;align-items:center;gap:16px;white-space:nowrap}.sample-label{padding:4px 7px;border:1px solid #d3d6c7;border-radius:4px;color:#7c806f}.fits,.needs-attention{display:flex;gap:5px;align-items:center;font-size:11px}.fits{color:#68734f}.needs-attention{color:#a25329}.fits svg,.needs-attention svg{width:14px;height:14px;flex-shrink:0}.inspector{background:#fbfcf7;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.inspector-fields{padding:21px 23px 26px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d4d7cb transparent}.body-heading>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.story-body,#import-text{display:block;border:1px solid #d9ddcf;background:#fff;border-radius:5px;padding:10px 11px;font-size:14px;line-height:1.4;width:100%;color:#383c30;resize:vertical;transition:border-color .15s}.story-body::placeholder,#import-text::placeholder{color:#a4a995}.collage-picker{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:17px;height:130px}.collage-picker button{position:relative;border:1px solid transparent;background:#e1e4d9;overflow:hidden;border-radius:3px;padding:0}.collage-picker button.active{outline:2px solid #898f76;outline-offset:1px}.collage-picker img{height:100%;width:100%;object-fit:cover;display:block;opacity:.8}.collage-picker .active img{opacity:1}.collage-picker span{position:absolute;bottom:4px;left:4px;line-height:17px;width:17px;border-radius:2px;background:#fff;font-size:9px;font-weight:700}.inspector-footer{padding:15px;border-top:1px solid var(--border);display:flex;align-items:center;gap:7px;background:#f7f8f1}.inspector-footer>.ad-btn{flex:1;font-size:12px;padding:10px 7px}.inspector-footer svg{width:14px}.resolution select{background:transparent;font-size:11px;border:0;color:#828971;max-width:72px}.top-actions .publish{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#5d6352;padding:8px 6px;white-space:nowrap;cursor:pointer}.top-actions .publish input{width:14px;height:14px;margin:0;accent-color:#656e4f;cursor:pointer}.top-actions .resolution{margin:0 6px 0 4px}.top-actions .resolution select{font-size:12px;color:#5d6352;max-width:none;padding:6px 0}.body-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px}.body-heading>span{margin:0}.body-heading>div{display:flex;gap:3px}.format-button{font-size:12px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;background:#ecede6;border:1px solid #dde0d2;border-radius:4px}.story-body{font-size:13px;line-height:1.5;min-height:150px}.photo-upload{width:100%;height:108px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;background:#eceee5;border:1px dashed #c8cdbb;border-radius:5px;margin-bottom:20px;font-size:12px}.photo-upload img{width:100%;height:100%;object-fit:cover}.photo-upload>span{position:absolute;padding:6px 9px;bottom:8px;right:8px;background:#ffffffef;border-radius:4px;font-size:10px;display:flex;align-items:center;gap:5px}.photo-upload>span svg{width:13px;height:13px}.page-actions{display:flex;justify-content:space-between;gap:4px}.page-actions .ad-btn--quiet{font-size:11px;padding:7px}.page-actions svg{width:14px}.danger{color:#a5513a}.swatches{display:flex;gap:15px;margin-bottom:20px}.swatches label{display:flex;flex-direction:column;gap:7px;align-items:center;font-size:10px;color:#7b826d}.swatches input{width:55px;height:45px;border:1px solid #d5dac7;background:#f0f2e8;border-radius:5px;cursor:pointer;padding:3px}.prototype-note{font-size:10px;line-height:1.7;color:#959c86;border-top:1px solid #dde1d2;margin-top:28px;padding-top:16px;letter-spacing:.1px}.overview.artboard-area{display:block;padding:15px 24px 30px}#overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px;align-content:start;width:100%}.overview-card{padding:0;border:0;background:transparent;text-align:left}.overview-card canvas{width:100%;height:auto;box-shadow:0 3px 10px #272c1820;display:block}.overview-card>div{display:flex;justify-content:space-between;font-size:10px;padding:9px 1px}.overview-state{color:#71815a}.overview-state.invalid{color:#ac6041}.library-icon{width:34px;height:43px;background:#efefdf;display:flex;align-items:center;justify-content:center;border:1px solid #e2e4d8;border-radius:3px}.library-icon.new{background:#33372c;color:#fff}.import-actions{display:flex;justify-content:space-between;margin-bottom:10px}#import-text{min-height:210px;font-size:13px;line-height:1.5;margin-bottom:20px}.review-box ol{padding-left:19px}.review-box li{margin:8px 0}.review-box small{color:#8b9679;display:block;margin-top:2px}.review-box p{font-size:11px;color:#879071;margin:6px 0}.loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.loading h1{font-size:30px;letter-spacing:-.8px}.loading p{color:#7e8671;font-size:14px;max-width:420px}.loading .brand-mark{width:55px;height:55px;font-size:28px}[hidden]{display:none!important}from{opacity:0;bottom:17px}to{opacity:1;bottom:25px}@media(min-width:1600px){.workspace{grid-template-columns:220px minmax(320px,1fr) 360px}.inspector-fields{padding:25px 28px}.page-rail{padding:24px 23px 12px}}@media(max-width:1190px){.topbar{padding:0 16px;gap:15px}.issue-heading{padding-left:15px}.top-actions{gap:1px}.workspace{grid-template-columns:160px minmax(260px,1fr) 300px}.page-rail{padding:22px 10px 12px}.inspector-fields{padding:20px}.artboard-area{padding:5px 23px 16px}.stage-bottom{padding:9px 15px}.stage-bottom>div:last-child{display:none}}@media(max-width:1023px){.top-actions .ad-btn--quiet{font-size:0;padding:9px}.top-actions .ad-btn--quiet svg{width:18px;height:18px}}@media(max-width:850px){.brand small{display:none}.brand>span:last-child{font-size:16px}.topbar{height:70px}.workspace{height:calc(100dvh - 70px);grid-template-columns:115px minmax(220px,1fr) 270px}.page-card{padding:5px}.page-card-title{font-size:12px}.page-card small{font-size:9px}.rail-heading{font-size:8px;letter-spacing:.5px}.rail-heading span:last-child{display:none}.rail-bottom{display:none}.stage-toolbar{padding:0 12px}.stage-toolbar .ad-btn--quiet{font-size:0}.stage-toolbar .ad-btn--quiet svg{width:17px}.stage-toolbar .divider{margin:0 5px}.artboard-area{padding:4px 15px 15px}.top-actions .backup-button{display:none}.inspector-fields{padding:18px}.issue-heading{min-width:110px}.issue-heading input{font-size:13px}.brand-mark{height:35px;width:35px;font-size:19px}.topbar{gap:12px}}@media(max-width:670px){.topbar{padding:11px 14px;gap:12px;height:auto;flex-wrap:wrap}.brand{flex:1}.issue-heading{flex:1;border:0;padding:0}.top-actions{width:100%;justify-content:space-between;border-top:1px solid #e5e8db;padding-top:9px}.top-actions .ad-btn--quiet{font-size:11px;gap:4px}.top-actions .ad-btn--quiet svg{width:14px}.top-actions .ad-btn--primary{font-size:11px;padding:9px}.top-actions .backup-button{display:inline-flex;font-size:0}.workspace{display:grid;height:auto;grid-template-columns:90px minmax(0,1fr);grid-template-rows:500px auto}.page-rail{grid-row:1;padding:16px 6px 10px}.stage{grid-column:2;grid-row:1}.inspector{grid-column:1/-1;grid-row:2;border-top:1px solid var(--border);min-height:500px}.inspector-fields{overflow:visible;padding:20px 25px}.stage-toolbar{height:47px}.stage-bottom{min-height:47px}.fits,.needs-attention{font-size:9px}.page-card-title{font-size:11px}.page-card small{display:none}.add-page{font-size:0;padding:7px}.add-page svg{width:16px}.page-rail #page-list{padding:2px 3px}.artboard-area{padding:5px 12px 14px}.collage-picker{height:190px}.inspector-footer{padding:15px 25px}#overview-grid{grid-template-columns:1fr}.overview.artboard-area{padding:10px 22px 20px}.page-card{margin-bottom:10px}}@media(max-width:670px){.top-actions{flex-wrap:wrap;justify-content:flex-start;gap:4px}.top-actions .ad-btn--primary{margin-left:auto}}.artboard-wrap{position:relative}.bounds-layer{position:absolute;pointer-events:none}.background-box{position:absolute;border:1.5px solid #1590fa;box-shadow:0 0 0 1px #fff8;pointer-events:auto;cursor:move;touch-action:none;background:#168cfa06}.bounds-caption{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:nowrap;background:#126dd7;color:#fff;padding:5px 7px;border-radius:4px;font:11px Barlow,sans-serif;pointer-events:none}.bounds-handle{position:absolute;width:14px;height:14px;border:1.5px solid #147be5;background:#fff;border-radius:2px;padding:0;transform:translate(-50%,-50%);touch-action:none}.bounds-handle.nw{left:0;top:0;cursor:nwse-resize}.bounds-handle.n{left:50%;top:0;cursor:ns-resize}.bounds-handle.ne{left:100%;top:0;cursor:nesw-resize}.bounds-handle.e{left:100%;top:50%;cursor:ew-resize}.bounds-handle.se{left:100%;top:100%;cursor:nwse-resize}.bounds-handle.s{left:50%;top:100%;cursor:ns-resize}.bounds-handle.sw{left:0;top:100%;cursor:nesw-resize}.bounds-handle.w{left:0;top:50%;cursor:ew-resize}.bounds-panel{margin:0 0 22px;padding:12px;border:1px dashed #c4cbbb;border-radius:6px;background:#f1f4e9}.bounds-panel>.ad-btn{width:100%;font-size:12px;padding:9px}.bounds-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.bounds-fields .ad-field{margin-bottom:12px}.bounds-fields input{font-variant-numeric:tabular-nums}.bounds-panel textarea{display:block;resize:none;width:100%;border:1px solid #d6ddca;background:#fff;padding:8px;border-radius:4px;color:#6b745e;font-size:10px;line-height:1.5}.bounds-actions{display:flex;justify-content:space-between;gap:10px;margin-top:7px}.bounds-actions .ad-btn--link{font-size:10px}.bounds-panel .field-note:last-child{margin-bottom:0}.cover-upload{width:100%;margin-bottom:13px;font-size:12px}.word-count.over,.review-box .over,#box-note.over{color:#aa442d}.drop-here{outline:2px dashed #b8ad00;outline-offset:3px;background:#fff9c4}.page-card.drop-here{background:#fff9c4}.restore-style{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 16px;cursor:pointer}.restore-style input{margin:0}.sheet-row input{flex:1}.sheet-row .ad-btn{flex-shrink:0;font-size:12px}.sheet-field{margin-bottom:0}.sheet-status{margin:7px 0 12px}.sheet-status.error{color:#aa442d}.sheet-guide{font-size:12px;line-height:1.55;color:#5d6352;margin:0 0 4px}.sheet-guide summary{cursor:pointer;font-weight:600;color:#4f5545}.sheet-guide ol{padding-left:18px;margin:12px 0}.sheet-guide ul{padding-left:16px;margin:6px 0}.sheet-guide li{margin:6px 0}.sheet-guide p{margin:10px 0 0}.sheet-guide code{font-size:11px;background:#eceee5;border:1px solid #dfe2d6;border-radius:3px;padding:0 3px}.copy-status{font-size:11px;color:#7c8370;margin-left:6px}.template-source{display:block;width:100%;min-height:12em;margin-top:8px;padding:8px 10px;border:1px solid #d9ddcf;border-radius:5px;background:#fff;color:#383c30;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.stage-toolbar{height:auto;min-height:60px;flex-wrap:wrap;gap:8px;padding-block:8px}.artboard-area.ad-preview-viewport{align-items:safe center;justify-content:safe center}.artboard-wrap.ad-preview-surface canvas{width:100%;height:100%}@media(max-width:670px){.stage-toolbar{min-height:47px}.stage-toolbar .ad-preview-controls{order:3;width:100%;justify-content:center}}.ad-masthead{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;min-height:var(--ad-ui-masthead, 64px);padding:0 20px;background:var(--ad-ui-chrome, #101010);color:var(--ad-ui-chrome-ink, #f0f0f0);border-bottom:1px solid #2a2a2a;font-family:Barlow GX Normal,Barlow,Arial,sans-serif;font-size:var(--ad-ui-ui-size, 14px)}.ad-masthead a{color:inherit;text-decoration:none}.ad-masthead__home{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.ad-masthead__mark{display:inline-block;font-family:Barlow GX Condensed,Barlow Condensed,sans-serif;font-weight:800;font-size:13px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#101010;background:var(--ad-ui-action, #ffed1f);padding:5px 7px 4px;clip-path:polygon(0 0,100% 0,97% 100%,1% 100%)}.ad-masthead__tools{font-family:Barlow GX Condensed,Barlow Condensed,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--ad-ui-chrome-muted, #c2c2c2)}.ad-masthead__switch{display:flex;align-items:center;gap:2px;flex:0 1 auto;min-width:120px;overflow-x:auto;scrollbar-width:none}.ad-masthead__switch a{font-family:Barlow GX Condensed,Barlow Condensed,sans-serif;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--ad-ui-chrome-muted, #c2c2c2);padding:8px 10px;border-radius:var(--ad-ui-radius, 6px);white-space:nowrap}.ad-masthead__switch a:hover{color:var(--ad-ui-chrome-ink, #f0f0f0);background:#1f1f1f}.ad-masthead__switch a[aria-current=page]{color:#101010;background:var(--ad-ui-action, #ffed1f)}.ad-masthead__tool{flex:1 1 180px;min-width:180px;display:flex;align-items:center;gap:14px}.ad-masthead__note{margin:0;color:var(--ad-ui-chrome-muted, #c2c2c2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-masthead__actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.ad-masthead h1.visually-hidden,.ad-masthead .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:901px){.ad-masthead__switch{flex-shrink:0}.ad-masthead__tool{min-width:0}}@media(min-width:901px)and (max-width:1500px){.ad-masthead__actions .ad-btn--quiet:not(.ad-btn--icon){font-size:0;gap:0;padding:0 9px}}@media(max-width:900px){.ad-masthead{flex-wrap:wrap;gap:8px 12px;padding:8px 14px}.ad-masthead__tool{order:3;flex-basis:100%}.ad-masthead__tools{display:none}}@media(max-width:600px){.ad-masthead__switch{order:4;flex-basis:100%}.ad-masthead__actions{flex-basis:100%;margin-left:0;overflow-x:auto;scrollbar-width:none}}@media(prefers-reduced-motion:no-preference){.ad-masthead__switch a{transition:background .15s,color .15s}}