.of-album{--al-ink:#242720;--al-muted:#666960;--al-line:#e4e5dd;--al-paper:#fff;--al-accent:#b8843d;--al-wash:#f5f5ef;color:var(--al-ink);background:#fafaf6;min-height:100vh;font-family:Arial,sans-serif;font-size:14px}.of-album *{box-sizing:border-box}.of-album button,.of-album input,.of-album select{font:inherit}.of-album a,.of-album button,.of-album label{-webkit-tap-highlight-color:transparent}.of-album button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--al-line);border-radius:7px;min-height:44px;padding:9px 12px;background:white;color:var(--al-ink);cursor:pointer;font-weight:500}.of-album button:hover:not(:disabled){background:#f2f0e9;border-color:#bcbeb1}.of-album button:disabled{opacity:.4;cursor:not-allowed}.of-album a:focus-visible,.of-album button:focus-visible,.of-album input:focus-visible,.of-album select:focus-visible,.of-album svg [role=button]:focus-visible{outline:3px solid #ad752b;outline-offset:3px}.of-album a{color:inherit;text-decoration:none}.of-album .al-primary{background:#2b3028;color:white;border-color:#2b3028}.of-album .al-primary:hover:not(:disabled){background:#464e3e;border-color:#464e3e}.of-album input:not([type=checkbox]):not([type=range]):not([type=color]),.of-album select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d4d5cc;border-radius:6px;background:white;color:var(--al-ink)}.of-album input[type=color]{width:100%;height:44px;border:1px solid var(--al-line);padding:5px;background:white;border-radius:5px}.of-album label{display:grid;gap:7px;font-size:13px;font-weight:500}.of-album h1,.of-album h2,.of-album h3,.of-album p{margin:0}.of-album p{line-height:1.65}.of-album .al-muted{color:var(--al-muted);font-size:12px;line-height:1.65}.of-album .al-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#767c6a}.al-list-header{height:90px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 42px;border-bottom:1px solid var(--al-line)}.al-list-header>a{display:flex;align-items:center;gap:8px;min-height:44px}.al-list{max-width:1280px;margin:auto;padding:55px 42px 90px}.al-page-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px}.al-page-title h1{font-size:44px;letter-spacing:-1.8px;font-weight:500;margin:12px 0}.al-page-title h1 em{font-family:Georgia,serif;font-weight:400;color:#777d68}.al-page-title p{color:var(--al-muted)}.al-intro{display:flex;align-items:center;gap:20px;padding:26px;background:#eeefe6;border:1px solid #e0e3d5;border-radius:12px;margin:25px 0 12px}.al-intro strong{font-size:17px}.al-intro p{color:var(--al-muted);max-width:600px;font-size:13px;margin-top:5px}.al-intro>a{display:flex;align-items:center;gap:6px;max-width:200px;line-height:1.5;margin-left:auto;text-decoration:underline;text-underline-offset:4px}.al-tabs{display:flex;border-bottom:1px solid var(--al-line);gap:12px;padding:0 16px}.al-tabs button{background:transparent;border:0;border-radius:0;border-bottom:2px solid transparent;min-height:52px}.al-tabs button[aria-pressed=true]{border-color:#a7793f;color:#7c5523}.al-list>.al-tabs{padding-left:0;margin-top:30px}.al-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:28px}.al-projects>article{background:white;border:1px solid var(--al-line);border-radius:10px;overflow:hidden}.al-project-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:190px;background:#e5e8dd;color:#535c45;font-family:Georgia,serif;font-size:24px;text-align:center;padding:22px}.al-project-info{padding:22px}.al-project-info small{font-size:9px;letter-spacing:1.8px;color:#6a735f}.al-project-info h2{font-size:20px;font-weight:500;margin:10px 0}.al-project-info p{font-size:12px;color:var(--al-muted);margin-bottom:20px}.al-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:60px 15px;color:#69705f}.al-empty h2{font-size:24px;font-weight:500;color:#3d4634}.al-empty p{font-size:13px}.al-overlay{position:fixed;inset:0;background:#1c241bb3;z-index:100;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(5px)}.al-dialog,.al-overlay{display:flex;overflow:auto}.al-dialog{width:min(520px,100%);max-height:calc(100dvh - 44px);background:white;border-radius:12px;padding:30px;flex-direction:column;gap:20px;box-shadow:0 30px 80px #12181233}.al-dialog h2{font-size:27px;font-weight:500;letter-spacing:-.6px}.al-dialog>p{font-size:13px}.al-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.al-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.al-error,.al-notice,.al-processing,.al-warning{display:flex;gap:12px;align-items:center;padding:12px 18px;font-size:13px;line-height:1.5}.al-error{background:#fff0eb;color:#892b1f;flex-wrap:wrap}.al-error button{color:#892b1f;border-color:#e1b3a9}.al-notice{background:#ecf0e6;color:#3d5930}.al-notice>button{margin-left:auto;flex-shrink:0}.al-warning{background:#fcf2de;color:#7c541b;border-radius:5px}.al-processing{background:#2c3425;color:white;justify-content:center;flex-wrap:wrap}.al-processing small{opacity:.8}.al-loading{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;text-align:center;padding:30px}.al-loading h1{font-family:Georgia,serif;font-size:32px;font-weight:400}.al-loading a{text-decoration:underline}.al-editor{min-height:100vh;background:#f1f2ec}.al-editor-header{gap:16px;min-height:78px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--al-line)}.al-back,.al-editor-header{display:flex;align-items:center}.al-back{justify-content:center;min-height:44px;min-width:44px;border:1px solid var(--al-line);border-radius:6px}.al-editor-name{min-width:0;display:grid;gap:5px}.al-editor-name>span{font-size:9px;letter-spacing:2px;color:#7a806d}.al-editor-name>strong{font-size:16px;font-weight:500;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-save{display:flex;align-items:center;gap:5px;font-size:11px;color:#718066;margin-left:auto}.al-save-error{color:#9b3525}.al-editor-actions{display:flex;gap:6px}.al-editor-actions>button{min-width:44px}.al-demo-bar{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 20px;font-size:12px;background:#e8eadf;color:#556144}.al-demo-bar a{text-decoration:underline;white-space:nowrap;font-weight:600}.al-editor-grid{display:grid;grid-template-columns:248px minmax(0,1fr) 245px;grid-template-areas:"library stage inspector" "library strip inspector";grid-template-rows:minmax(480px,calc(100vh - 295px)) 180px}.al-library{grid-area:library;background:#fff;border-right:1px solid var(--al-line);overflow:auto}.al-library-controls{display:grid;gap:10px;padding:17px}.al-library-controls>small{font-size:10px;color:var(--al-muted)}.of-album .al-upload{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;overflow:hidden;border:1px dashed #9caa8d;border-radius:7px;cursor:pointer;background:#f6f7f1}.al-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.al-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px}.al-asset-grid button{display:block;position:relative;padding:0;border-radius:5px;overflow:hidden;background:#f2f1ec;min-width:0}.al-asset-grid button.chosen{outline:3px solid #b8843d;outline-offset:1px}.al-asset-grid img{width:100%;height:104px;object-fit:cover;display:block}.al-asset-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;padding:6px;color:#686d60}.al-used{position:absolute;top:5px;right:5px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fffdf0;color:#435137;box-shadow:0 2px 6px #0002}.al-help{padding:17px;color:#747a6d;font-size:11px!important;line-height:1.6!important}.al-layouts{display:grid;gap:10px;padding:16px}.al-layouts>button{display:flex;flex-direction:column;padding:12px;gap:10px;font-size:12px}.al-layouts svg{width:100%;height:70px}.al-layouts rect{fill:#c8cdbd}.al-layouts>button:hover rect{fill:#9ca987}.al-layouts .al-help{padding:0}.al-stage{grid-area:stage;min-width:0;display:flex;flex-direction:column;background:#eff0ea}.al-stage-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;gap:10px}.al-stage-toolbar>div{display:grid;gap:6px}.al-stage-toolbar button{font-size:11px;background:transparent;border-color:#d6d9cc}.al-dimensions{font-size:11px;color:#818775}.al-paper-area{padding:22px 28px;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0}.al-paper{box-shadow:0 6px 28px #27331a26;background:white;width:100%;max-width:1100px;margin:0 auto}.al-canvas{display:block;width:100%;height:auto;max-height:55vh}.al-canvas.al-interactive{touch-action:none}.al-canvas [role=button]{cursor:pointer}.al-canvas text[role=button]{cursor:text}.al-cover-labels{display:grid;grid-template-columns:1fr auto 1fr;margin-top:14px;text-align:center;font-size:10px;color:#737c65;letter-spacing:1px}.al-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 22px 18px;color:#69735b}.al-stage-footer>label{display:flex;align-items:center;font-size:11px;white-space:nowrap;min-height:44px}.al-stage-footer>span{font-size:9px;line-height:1.5;text-align:center;max-width:170px}.al-stage-footer button{background:transparent;border:0;font-size:11px}.al-placement-tip{font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:#eee4d1}.al-placement-tip button{font-size:11px}.al-inspector{grid-area:inspector;display:flex;flex-direction:column;gap:16px;background:white;padding:20px 18px;border-left:1px solid var(--al-line);overflow:auto}.al-inspector-title{display:flex;align-items:center;justify-content:space-between;min-height:32px}.al-inspector-title h2{font-size:14px;font-weight:600}.al-inspector-title button{border:0;min-width:44px}.al-inspector>.al-muted{overflow-wrap:anywhere}.al-inspector>button{font-size:11px;justify-content:flex-start}.al-inspector details{border-block:1px solid var(--al-line);padding:6px 0}.al-inspector summary{cursor:pointer;font-size:12px;padding:10px 0;min-height:44px}.al-inspector details label{margin:12px 0}.of-album .al-danger{color:#9d4031}.al-inspector .al-help{padding:0}.al-inspector-bottom{margin-top:auto;border-top:1px solid var(--al-line);padding-top:18px;color:#727b64}.al-inspector-bottom small{font-size:11px}.al-inspector-bottom p{font-size:10px;line-height:1.6;margin-top:5px}.al-quality{font-size:10px;padding:9px;background:#edf2e7;color:#43622d;border-radius:5px}.al-quality.warning{color:#8b5b14;background:#fff3dc}.al-range>span{display:flex;justify-content:space-between;font-size:11px;gap:5px}.al-range output{color:#8a8e80;font-size:10px}.al-range input{width:100%;height:32px;accent-color:#59684a;cursor:pointer}.al-filmstrip{grid-area:strip;background:white;border-top:1px solid var(--al-line);padding:12px 20px 18px;min-width:0}.al-filmstrip-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.al-filmstrip-tools>strong{font-size:11px;font-weight:500;white-space:nowrap;color:#6b735e}.al-filmstrip-tools>div{display:flex;gap:5px}.al-filmstrip-tools button{font-size:10px;padding:7px 10px;min-width:44px}.al-spread-thumbs{display:flex;gap:13px;overflow-x:auto;padding:4px 3px 8px}.al-spread-thumbs>button{display:block;width:125px;flex-shrink:0;min-height:60px;padding:4px;border:1px solid #dbddd4;border-radius:4px}.al-spread-thumbs>button.active{outline:2px solid #929e7d;outline-offset:1px;background:#f7f9f0}.al-spread-thumbs .al-canvas{height:52px;width:115px;object-fit:contain}.al-spread-thumbs span{display:block;font-size:9px;color:#6c755e;text-align:center;margin-top:6px}.al-preview{position:fixed;inset:0;background:#1b201a;z-index:90;color:#efefe7;display:flex;flex-direction:column;padding:20px 4vw;gap:30px}.al-preview header{display:flex;align-items:center;justify-content:space-between;gap:20px}.al-preview header>strong{font-size:17px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.al-preview button{background:transparent;color:#eee;border-color:#56604d}.al-preview-page{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.al-preview-page .al-canvas{max-height:75vh;width:100%;max-width:1250px;filter:drop-shadow(0 15px 40px #0007)}.al-preview footer{display:flex;align-items:center;justify-content:center;gap:25px}.al-preview footer>span{font-size:12px}.al-backup{font-size:11px!important}.al-dialog .al-warning{font-size:12px}@media(min-width:1600px){.al-editor-grid{grid-template-columns:290px minmax(0,1fr) 285px}.al-asset-grid img{height:135px}.al-paper-area{padding:40px 55px}}@media(max-width:1100px){.al-editor-grid{grid-template-columns:190px minmax(0,1fr) 210px}.al-editor-header{gap:9px;padding:10px 14px}.al-editor-name>strong{max-width:220px}.al-save{max-width:100px;font-size:10px;line-height:1.4}.al-paper-area{padding:15px}.al-stage-toolbar{padding:16px}.al-stage-footer{padding:6px 10px}.al-stage-footer>span{display:none}.al-asset-grid{gap:7px;padding:0 10px}.al-asset-grid img{height:80px}.al-filmstrip-tools>strong{display:none}.al-filmstrip-tools>div{width:100%;justify-content:flex-end}.al-inspector{padding:16px 12px}.al-projects{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.al-list-header{height:76px;padding:0 20px}.al-list{padding:35px 20px 60px}.al-page-title{align-items:flex-start;flex-direction:column;gap:18px}.al-page-title h1{font-size:36px}.al-intro{align-items:flex-start;flex-wrap:wrap;padding:20px;gap:14px}.al-intro>svg{display:none}.al-intro>a{max-width:none;margin-left:0;font-size:12px;min-height:44px}.al-projects{grid-template-columns:1fr}.al-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"stage stage" "strip strip" "library inspector";grid-template-rows:auto 180px auto}.al-editor-header{flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:20;padding:9px 12px}.al-editor-name{flex:1}.al-editor-name>strong{max-width:200px;font-size:14px}.al-editor-name>span{font-size:8px}.al-save{margin-left:0;max-width:none;order:5;width:100%;justify-content:center;padding:3px;font-size:10px}.al-editor-actions{gap:4px}.al-editor-actions>button{min-width:40px;padding:9px}.al-editor-actions>button span{display:none}.al-demo-bar{gap:7px;flex-direction:column;font-size:11px;text-align:center;line-height:1.6;padding:10px 20px}.al-demo-bar a{min-height:32px}.al-stage-toolbar{padding:16px}.al-stage-toolbar .al-eyebrow{font-size:9px}.al-dimensions{font-size:10px}.al-paper-area{padding:16px 14px;min-height:230px}.al-canvas{max-height:none}.al-stage-footer{padding:5px 14px}.al-cover-labels{font-size:9px}.al-filmstrip{padding:10px 12px}.al-filmstrip-tools>div{justify-content:flex-start;gap:4px}.al-filmstrip-tools>div button{padding:7px 9px}.al-library{min-height:460px}.al-inspector,.al-library{border-top:1px solid var(--al-line);max-height:650px}.al-inspector{gap:14px}.al-library-controls{padding:13px 10px}.al-asset-grid img{height:92px}.al-tabs{padding:0 8px;gap:3px}.al-tabs button{font-size:12px;padding:8px}.al-inspector h2{font-size:13px}.al-range input{height:44px}.al-overlay{padding:14px}.al-dialog{padding:24px;max-height:calc(100dvh - 28px)}.al-dialog h2{font-size:24px}.al-form-row{gap:10px}.al-form-row label{font-size:11px}.al-preview{padding:16px;gap:16px}.al-preview header{align-items:flex-start}.al-preview header>strong{font-size:14px}.al-preview header button{font-size:11px;flex-shrink:0}.al-preview footer{gap:12px}.al-preview footer button{font-size:12px}.al-preview footer>span{font-size:10px}.al-preview-page .al-canvas{max-height:72vh}.al-error,.al-notice{font-size:12px;padding:10px 14px}.al-error button{font-size:11px}.al-processing{font-size:12px}.al-layouts{padding:12px 10px}.al-layouts svg{height:60px}.al-layouts .al-help{font-size:10px!important}}@media(max-width:390px){.al-editor-name>strong{max-width:135px}.al-editor-name>span{letter-spacing:1px}.al-editor-actions>button{min-width:36px;padding:7px}.al-back{min-width:36px}.al-editor-header{gap:5px}.al-asset-grid{grid-template-columns:1fr}.al-asset-grid img{height:130px}.al-library-controls .al-upload{font-size:11px}.al-filmstrip-tools button{font-size:9px}.al-filmstrip-tools>div{gap:2px}}@media(prefers-reduced-motion:reduce){.of-album *{scroll-behavior:auto!important;transition:none!important}}.al-selection-banner{background:#edf1e4;border:1px solid #dce3d1;border-radius:8px;margin:25px 0 10px;padding:20px}.al-selection-banner strong{font-size:16px}.al-selection-banner p{font-size:13px;color:#616c54;margin-top:7px}.al-selection-dialog{width:min(650px,100%)}.al-selection-summary{display:flex;align-items:center;gap:14px;padding:16px;background:#f3f5ed;border-radius:7px}.al-selection-summary p{font-size:12px;color:#6c765e}.al-import-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:300px;overflow:auto}.al-import-photos>div{position:relative;min-width:0}.al-import-photos img{display:block;width:100%;height:100px;object-fit:cover;border-radius:4px}.al-import-photos small{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 0;color:#737b68}.al-import-photos span{position:absolute;top:4px;right:4px;display:flex;align-items:center;background:#f1f6e7;gap:3px;padding:4px;border-radius:3px;font-size:8px}.al-import-success{display:flex;align-items:flex-start;gap:8px;color:#4a652d}.al-import-success svg{flex-shrink:0;margin-top:4px}@media(max-width:600px){.al-import-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.al-import-photos img{height:85px}}.al-download-ready{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#e4edd9;border-bottom:1px solid #cbd8ba;padding:16px 24px;color:#344829}.al-download-ready>div{display:grid;gap:5px;min-width:0}.al-download-ready strong{font-size:14px}.al-download-ready small{font-size:11px;overflow-wrap:anywhere}.al-download-ready a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 16px;background:#31432a;color:white;border-radius:6px;font-weight:600;font-size:13px;white-space:nowrap}@media(max-width:600px){.al-download-ready{flex-direction:column;align-items:stretch;padding:16px}}.of-album h2,.of-album h3{letter-spacing:normal;line-height:1.35}@media(max-width:780px){.al-editor-name{flex-basis:calc(100% - 62px)}.al-editor-name>strong{max-width:100%}.al-back{min-width:44px}.al-editor-actions{order:3;margin-left:auto}.al-editor-actions>button{min-width:44px;min-height:44px;padding:10px}.al-save{order:2;width:auto;flex:1;justify-content:flex-start;min-height:44px}.al-demo-bar a{min-height:44px;display:flex;align-items:center}}.al-font-control{display:grid;gap:8px;font-size:13px}.of-album .al-font-trigger{justify-content:space-between;text-align:left;min-width:0;width:100%;padding:10px}.al-font-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.4}.al-font-trigger>svg{flex-shrink:0}.al-font-overlay{z-index:115}.al-font-dialog{width:min(820px,100%);max-height:calc(100dvh - 44px);display:flex;flex-direction:column;gap:18px;padding:26px;background:#fcfcf8;border-radius:14px;box-shadow:0 30px 100px #10170b55;overflow:hidden}.al-font-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.al-font-dialog h2{font-size:26px;font-weight:500;margin-top:8px}.of-album .al-font-search{display:flex;align-items:center;gap:10px;padding:0 14px;background:white;border:1px solid #cbd1c1;border-radius:7px}.of-album .al-font-search>input{border:0;background:transparent}.al-font-categories{display:flex;gap:6px;flex-wrap:wrap}.al-font-categories button{font-size:12px;border-radius:50px;background:transparent}.al-font-categories button[aria-pressed=true]{background:#2f3929;color:white;border-color:#2f3929}.al-font-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:auto;padding:4px 4px 12px;min-height:120px}.of-album .al-font-options>button{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:17px;background:white;gap:16px}.of-album .al-font-options>button.selected{border-color:#697d52;box-shadow:0 0 0 1px #697d52;background:#f2f5eb}.al-font-option-heading{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:600}.al-font-option-heading>small{margin-left:auto;color:#687360;font-size:9px;font-weight:400}.al-font-sample{display:block;font-size:28px;line-height:1.7;min-height:55px;color:#30372a;overflow-wrap:anywhere;font-weight:400;font-synthesis:none}.al-font-footnote{font-size:11px;line-height:1.6;color:#68735f;border-top:1px solid #dee3d5;padding-top:12px}.al3d-overlay{--preview-bg:#eeeee7;--preview-ink:#333a2e;--preview-muted:#697461;--preview-line:#d3d7ca;position:fixed;inset:0;z-index:100;background:var(--preview-bg);color:var(--preview-ink);display:flex;flex-direction:column;overflow:hidden}.al3d-dark{--preview-bg:#242c24;--preview-ink:#f0f1e9;--preview-muted:#c5cdbd;--preview-line:#58644e}.al3d-header{display:flex;align-items:center;gap:24px;padding:20px 30px;border-bottom:1px solid var(--preview-line);flex-shrink:0}.al3d-header>div:first-child{min-width:0;flex:1}.al3d-header h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.al3d-overlay .al-eyebrow{color:var(--preview-muted)}.of-album .al3d-overlay button{background:transparent;color:var(--preview-ink);border-color:var(--preview-line);font-size:12px}.of-album .al3d-overlay button:hover:not(:disabled){background:#80887820}.al3d-mode{display:flex;gap:3px;border:1px solid var(--preview-line);padding:4px;border-radius:8px}.of-album .al3d-mode>button{border:0;min-width:75px}.of-album .al3d-overlay button[aria-pressed=true]{background:var(--preview-ink);color:var(--preview-bg);border-color:var(--preview-ink)}.al3d-views{display:flex;justify-content:center;gap:9px;padding:15px 20px;flex-shrink:0}.al3d-views button{min-width:86px}.al3d-stage{position:relative;flex:1;min-height:180px;perspective:1300px;perspective-origin:50% 40%;touch-action:none;overflow:hidden;cursor:grab;outline-offset:-5px!important;background:radial-gradient(ellipse at 50% 42%,#ffffff55 0,transparent 65%)}.al3d-stage.dragging{cursor:grabbing}.al3d-stage-label{bottom:16px;left:0;right:0;text-align:center;font-size:11px;color:var(--preview-muted)}.al3d-floor-shadow,.al3d-stage-label{position:absolute;pointer-events:none}.al3d-floor-shadow{width:44%;height:16%;left:28%;top:70%;background:#17200c2b;filter:blur(28px);border-radius:50%;transform:rotate(-5deg)}.al3d-book{position:absolute;left:50%;top:45%;transform-style:preserve-3d;transform-origin:center;transition:transform .38s ease;pointer-events:none}.dragging .al3d-book{transition:none}.al3d-face{position:absolute;transform-style:flat;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#7a7e66}.al3d-overlay .al-canvas{width:100%;height:100%;max-height:none;overflow:hidden}.al3d-back,.al3d-front{inset:0;transform:translateZ(calc(var(--book-d)/2));border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff20}.al3d-back{transform:rotateY(180deg) translateZ(calc(var(--book-d)/2))}.al3d-back:after,.al3d-front:after{content:"";position:absolute;inset:0;box-shadow:inset 3px 0 7px #0002,inset -1px 0 2px #fff5;background:linear-gradient(110deg,#ffffff12,transparent 45%,#0000000a);pointer-events:none}.al3d-spine{width:var(--book-d);height:100%;left:calc(50% - var(--book-d)/2);top:0;transform:rotateY(-90deg) translateZ(calc(var(--book-w)/2));box-shadow:inset 2px 0 4px #0006,inset -2px 0 4px #0006}.al3d-edge{background:repeating-linear-gradient(90deg,#e8e6db,#e8e6db 1px,#c9c7bc 0,#c9c7bc 2px);border:2px solid #777e68}.al3d-foreedge{width:var(--book-d);height:100%;left:calc(50% - var(--book-d)/2);top:0;transform:rotateY(90deg) translateZ(calc(var(--book-w)/2))}.al3d-bottom,.al3d-top{width:100%;height:var(--book-d);left:0;top:calc(50% - var(--book-d)/2);background:repeating-linear-gradient(0deg,#e8e6db,#e8e6db 1px,#c9c7bc 0,#c9c7bc 2px)}.al3d-top{transform:rotateX(90deg) translateZ(calc(var(--book-h)/2))}.al3d-bottom{transform:rotateX(-90deg) translateZ(calc(var(--book-h)/2))}.al3d-open-leaf{position:absolute;top:0;width:50%;height:100%;background:#fff;box-shadow:0 2px 0 #dddcd2,0 4px 0 #b7baa8,0 6px 0 #dddcd2,0 8px 0 #646e53,0 15px 25px #18210d22;overflow:hidden;backface-visibility:hidden}.al3d-left{left:0;transform-origin:right center;transform:rotateY(4deg);border-radius:2px 0 0 2px}.al3d-right{left:50%;transform-origin:left center;transform:rotateY(-4deg);border-radius:0 2px 2px 0}.al3d-gutter-left,.al3d-gutter-right{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 85%,#00000018 95%,#00000060)}.al3d-gutter-right{background:linear-gradient(90deg,#00000060,#00000018 5%,transparent 15%)}.al3d-turn{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:3;pointer-events:none;animation-duration:.55s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.al3d-turn.forward{left:50%;transform-origin:left center;animation-name:album-turn-forward}.al3d-turn.backward{left:0;transform-origin:right center;animation-name:album-turn-backward}.al3d-turn-back,.al3d-turn-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;overflow:hidden;box-shadow:0 3px 15px #0003}.al3d-turn-front{transform:translateZ(.3px)}.al3d-turn-back{transform:rotateY(180deg) translateZ(.3px)}.al3d-flat{position:absolute;inset:30px 6% 50px;display:flex;align-items:center;justify-content:center;pointer-events:none}.al3d-flat>.al-canvas{width:100%;height:100%;filter:drop-shadow(0 12px 24px #13210526)}.al3d-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:14px 24px;border-top:1px solid var(--preview-line);flex-shrink:0}.al3d-controls>label{display:flex;align-items:center;gap:12px;color:var(--preview-muted);font-size:11px}.al3d-controls input[type=range]{accent-color:#73865c;width:110px;min-height:44px}.of-album .al3d-controls .al3d-environment>select{min-height:44px;background:transparent;color:var(--preview-ink);border-color:var(--preview-line);width:100px;font-size:12px}.al3d-environment option{color:#333;background:#fff}.al3d-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 30px 20px;flex-shrink:0}.al3d-footer>p{font-size:10px;color:var(--preview-muted);max-width:360px}.al3d-pagination{display:flex;gap:16px;align-items:center}.al3d-pagination>span{font-size:12px;min-width:100px;text-align:center}.al3d-pagination>button{min-width:44px}.of-album .al3d-footer>.al-primary{background:#35432c;color:#fff;border-color:#35432c}.al3d-dark .al3d-floor-shadow{background:#0005}.al3d-dark .al3d-stage{background:radial-gradient(ellipse at 50% 42%,#59694d44 0,transparent 65%)}@keyframes album-turn-forward{0%{transform:translateZ(2px) rotateY(-4deg)}to{transform:translateZ(2px) rotateY(-176deg)}}@keyframes album-turn-backward{0%{transform:translateZ(2px) rotateY(4deg)}to{transform:translateZ(2px) rotateY(176deg)}}@media(max-width:780px){.al-font-dialog{padding:18px;gap:14px;max-height:calc(100dvh - 28px)}.al-font-dialog h2{font-size:22px}.al-font-dialog .al-eyebrow{font-size:8px}.al-font-options{grid-template-columns:1fr;gap:10px}.al-font-sample{font-size:29px;min-height:45px}.al-font-categories{flex-wrap:nowrap;overflow:auto;flex-shrink:0;padding-bottom:5px}.al-font-categories button{white-space:nowrap}.al-font-footnote{font-size:10px}.al3d-header{padding:12px 14px;gap:10px;flex-wrap:wrap}.al3d-header>div:first-child{flex-basis:calc(100% - 60px);order:0}.al3d-header h2{font-size:19px}.al3d-header .al-eyebrow{font-size:8px;letter-spacing:1.5px}.al3d-close{order:1;margin-left:auto;min-width:44px}.al3d-close>span{display:none}.al3d-mode{order:2;margin:0 auto}.al3d-views{gap:5px;padding:10px 12px}.of-album .al3d-views button{font-size:11px;min-width:0;flex:1;padding:8px 6px;gap:4px}.al3d-stage{min-height:180px;perspective:850px}.al3d-stage-label{font-size:10px;bottom:10px}.al3d-controls{padding:8px 14px;gap:6px 14px;display:grid;grid-template-columns:1fr 1fr}.al3d-controls>label{gap:8px;justify-content:space-between;font-size:10px;min-width:0}.al3d-controls input[type=range]{width:95px;min-width:0}.al3d-controls>button{width:44px;justify-self:end}.al3d-controls>.al3d-environment{grid-column:1/-1;justify-content:center}.of-album .al3d-controls .al3d-environment>select{min-height:36px;width:90px}.al3d-footer{padding:8px 14px 14px;gap:8px;flex-direction:column-reverse}.al3d-footer>p{text-align:center;font-size:9px;line-height:1.5}.al3d-pagination{gap:16px}.al3d-flat{inset:10px 4% 35px}.al3d-floor-shadow{filter:blur(15px)}}@media(max-height:650px) and (min-width:781px){.al3d-header{padding:10px 24px}.al3d-views{padding:8px}.al3d-controls{padding:5px 20px}.al3d-footer{padding:5px 24px 12px}.al3d-stage-label{bottom:5px}}@media(prefers-reduced-motion:reduce){.al3d-book{transition:none}.al3d-turn{animation-duration:1ms}}@font-face{font-family:Olharfoto Allura;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/allura-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/bebas-neue-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/cinzel-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/album/cinzel-600-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Cormorant Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/album/cormorant-garamond-400-italic.woff2) format("woff2")}@font-face{font-family:Olharfoto Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/cormorant-garamond-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/album/cormorant-garamond-600-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/dm-sans-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Dancing Script;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/dancing-script-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/album/dancing-script-600-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/great-vibes-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Lora;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/lora-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/montserrat-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/album/montserrat-600-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/album/playfair-display-400-italic.woff2) format("woff2")}@font-face{font-family:Olharfoto Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/album/playfair-display-400-normal.woff2) format("woff2")}@font-face{font-family:Olharfoto Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/album/playfair-display-600-normal.woff2) format("woff2")}