/* Additive styles; editor tools, interactions, and original layouts stay available. */
.cpa-starters{margin:42px 0}.cpa-section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.cpa-section-title h2,.cpa-resume h2,.cpa-community-invite h2{font-family:Georgia,serif;font-size:clamp(22px,2.4vw,32px);line-height:1.2;margin:8px 0}.cpa-section-title p{max-width:310px;font-size:13px;color:#705e55}.cpa-prompt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cpa-prompt{display:flex;flex-direction:column;align-items:start;gap:14px;text-align:left;padding:25px 22px;min-height:255px;border:1px solid #d9cbbc;border-radius:15px;color:#432e28;background:#faf5e9;cursor:pointer;box-shadow:0 4px 10px #60442c08;transition:transform .18s,box-shadow .18s}.cpa-prompt:hover{transform:translateY(-3px);box-shadow:0 9px 24px #60442c14}.cpa-prompt-1{background:#edf0e6}.cpa-prompt-2{background:#f5e8e5}.cpa-prompt-3{background:#e9eff0}.cpa-prompt small{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;color:#775c4c}.cpa-prompt strong{font-family:Georgia,serif;font-size:24px;line-height:1.15;font-weight:500}.cpa-prompt span{font-size:12px;line-height:1.65;color:#695950}.cpa-prompt b{font-size:12px;margin-top:auto;padding-top:10px}.cpa-resume{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d7c3aa;background:linear-gradient(120deg,#f5ebd8,#fffaf2);border-radius:16px;padding:25px 30px;margin:20px 0 30px}.cpa-resume p{font-size:12px;color:#735a4a;margin:5px 0}.cpa-community-invite{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #deceba;padding:35px 0;margin:20px 0}.cpa-community-invite p{max-width:650px;color:#705e55;line-height:1.65;font-size:14px}.cpa-community-invite .btn{flex-shrink:0}.cpa-discovery{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:20px;border:1px solid #ddcfc0;border-radius:14px;background:#fffaf3;margin:24px 0}.cpa-discovery label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#614737}.cpa-discovery label:first-child{flex:1;min-width:200px}.cpa-discovery input[type=search],.cpa-discovery select{padding:11px 12px;border:1px solid #cdbba7;border-radius:8px;background:#fff;font:inherit;font-weight:400;min-height:44px;color:#432e28}.cpa-discovery .cpa-check{display:flex;align-items:center;gap:8px;min-height:44px}.cpa-check input{width:18px;height:18px;accent-color:#7d4339}.cpa-discovery-note{width:100%;font-size:11px;color:#766052;line-height:1.6;margin:2px 0 0}.cpa-community-values{padding:24px 28px;background:#eee8db;border-radius:12px;margin:30px 0;color:#503e32}.cpa-community-values p{line-height:1.75;font-size:13px;max-width:850px}.cpa-publish-note{font-size:12px;line-height:1.7;background:#f4edde;border-left:3px solid #9b7749;padding:12px 16px;flex-basis:100%;color:#604c3c}.cpa-prompt:focus-visible,.cpa-discovery button:focus-visible{outline:3px solid #875048;outline-offset:4px}.community-cover img{object-fit:cover}.community-stats button{min-width:42px;min-height:42px}.community-stats button[aria-pressed=true]{background:#ead8ca;color:#633529}
@media(max-width:1000px){.cpa-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpa-section-title{align-items:start}.cpa-discovery{gap:10px}.cpa-community-invite{align-items:start;flex-direction:column}}
@media(max-width:600px){.cpa-section-title{display:block}.cpa-section-title p{max-width:none}.cpa-prompt-grid{grid-template-columns:1fr}.cpa-prompt{min-height:0;padding:22px;gap:10px}.cpa-prompt strong{font-size:25px}.cpa-prompt span{font-size:13px}.cpa-starters{margin:30px 0}.cpa-resume{align-items:start;flex-direction:column;padding:22px}.cpa-discovery{padding:16px}.cpa-discovery label{width:100%}.cpa-discovery label:first-child{min-width:0}.cpa-community-values{padding:20px}.cpa-resume h2{overflow-wrap:anywhere}.community-stats{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cpa-prompt{transition:none}.cpa-prompt:hover{transform:none}}

/* Keepsake finish: quiet paper materials and clear, touch-friendly actions. */
.asset-list:has([data-add-interactive]){display:grid;gap:10px}
.asset-tile[data-add-interactive]{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;text-align:left;border:1px solid #d8c7b1;border-radius:12px;background:#fffdf8;box-shadow:0 2px 8px #3b26130d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.asset-tile[data-add-interactive]:hover{transform:translateY(-2px);border-color:#a77d58;box-shadow:0 8px 18px #4e31241e}
.asset-tile[data-add-interactive] .tile-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e3d4c1;border-radius:11px;background:#f7f0e4;font-size:19px;filter:saturate(.55)}
.asset-tile[data-add-interactive] strong{display:block;color:#442f29;font:700 13px/1.25 Georgia,serif}
.asset-tile[data-add-interactive] small{display:block;margin-top:4px;color:#78675b;font:11px/1.4 var(--sans,system-ui)}
.asset-tile[data-add-interactive]:focus-visible,.mini-flip-controls button:focus-visible,.envelope:focus-visible,.pocket:focus-visible{outline:3px solid #8d5a42;outline-offset:3px}
.envelope{filter:drop-shadow(0 8px 9px #38261b33)}
.envelope-back{border-color:#7d5b4566;box-shadow:inset 0 1px #fff7}
.envelope-front{filter:drop-shadow(0 3px 5px #39251623)}
.envelope-seal{display:grid;place-items:center;border:1px solid #e2caa5;background:#87503e;color:#fff9ec;box-shadow:0 2px 5px #35201944}
.envelope-card{background-color:#fffaf0;background-image:repeating-linear-gradient(0deg,transparent 0 21px,#a8876a19 22px);border:1px solid #d8c3a7;box-shadow:0 7px 15px #35251c24}
.mini-flipbook{border-color:#493426;box-shadow:0 5px 0 #3c291f,0 13px 20px #3320153b}
.mini-flip-page{background-color:#fffaf0;background-image:repeating-linear-gradient(0deg,transparent 0 20px,#9cabb71c 21px)}
.mini-flip-controls{gap:5px}
.mini-flip-controls button{min-height:30px;border:1px solid #bda485;border-radius:8px;background:#fffaf1;color:#4b3427;box-shadow:0 3px 7px #2c1a1333;cursor:pointer}
.mini-flip-controls .flip-auto{background:#efe2cd;color:#4b3427}
.mini-flip-controls button:hover{background:#fff3dc;color:#37261c}
.scratch-card{overflow:hidden;border:1px solid #c4aa8e;border-radius:9px;box-shadow:0 7px 14px #35251b2b}
.scratch-cover{background:linear-gradient(130deg,#dcc7a7,#f3e8d4 48%,#cdb28e);color:#493629;text-shadow:0 1px #fff9;border:1px solid #e8d8bf;font:700 clamp(10px,1.35vw,17px)/1.3 Georgia,serif;letter-spacing:.025em}
.pocket-front{border-color:#77715c;box-shadow:inset 0 0 0 3px #f8e8c433,inset 0 -8px 15px #28301d2d}
.pocket-card{background:#fffaf0;border-color:#cdbb9c;box-shadow:0 6px 10px #24180e30}
.pull-tab{box-shadow:0 4px 8px #2e1d1533}
.voice-memory{border:1px solid #c8ac89;border-radius:12px!important;background:#fffaf0;box-shadow:inset 0 0 0 3px #f6eddd,0 7px 15px #39281d21}
.voice-memory-icon{background:#654638;box-shadow:0 2px 5px #301d1540}
.interactive-hint{font-family:var(--sans,system-ui);letter-spacing:.015em}
@media(prefers-reduced-motion:reduce){.asset-tile[data-add-interactive]{transition:none}.asset-tile[data-add-interactive]:hover{transform:none}}

/* Editorial keepsake collection */
.asset-tile[data-add-interactive]{position:relative;overflow:hidden;min-height:82px;padding:14px 15px;border:1px solid #d2c0a9;border-left:4px solid #795543;border-radius:4px 13px 13px 4px;background:linear-gradient(115deg,#fffdf8 0%,#f5ecdd 100%);box-shadow:0 4px 0 #d8c6aa,0 8px 15px #3d28151b}
.asset-tile[data-add-interactive]:after{content:'+';position:absolute;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:23px;height:23px;border:1px solid #cbb799;border-radius:50%;font:17px/1 Georgia,serif;color:#785740;background:#fffaf1}
.asset-tile[data-add-interactive] .tile-icon{flex-basis:45px;width:45px;height:45px;border:1px solid #b9966b;border-radius:50%;background:#694635;color:#ffebc8;box-shadow:inset 0 0 0 3px #77533f,inset 0 0 0 4px #b9966b;font:26px/1 Georgia,serif;filter:none}
.asset-tile[data-add-interactive] strong{max-width:calc(100% - 20px);font-size:14px;letter-spacing:-.01em}
.asset-tile[data-add-interactive] small{padding-right:18px;color:#685c50}
.asset-tile[data-add-interactive]:hover{border-color:#9a7252;background:#fff8eb;box-shadow:0 5px 0 #c4a783,0 12px 20px #3d28152b}
.asset-tile[data-add-interactive]:hover:after{background:#694635;color:#fff6e8}
.envelope-seal{width:21px;height:21px;border-radius:50%;font-size:11px;letter-spacing:0}
.envelope-card{border-radius:2px;box-shadow:0 8px 18px #2c1c1640}
.envelope.open .envelope-card{box-shadow:0 15px 25px #2c1c1640}
.mini-flipbook{background-image:linear-gradient(115deg,#fff2,transparent 38%),linear-gradient(90deg,#0002,transparent 12%);border-radius:7px 13px 13px 7px}
.mini-flip-pages{box-shadow:2px 2px #d5c6ab,4px 4px #bbaa90,6px 6px #7d6b57}
.mini-flip-controls .flip-auto{font-family:var(--sans,system-ui);font-size:9px;letter-spacing:.06em;text-transform:uppercase;background:#e8d4b4}
.mini-flip-count{background:#593d30;color:#fff5e7;border:1px solid #d3b585}
.scratch-card{background:#fffaf1}
.scratch-cover{background:repeating-linear-gradient(135deg,#e8d8bd 0 3px,#ecdfc9 4px 7px);box-shadow:inset 0 0 0 5px #f5ead7,inset 0 0 0 6px #b4956c;color:#533b2d}
.pocket-front{background-color:#5b6759;background-image:linear-gradient(140deg,#fff2,transparent 55%),repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 7px)}
.pocket-card{background:repeating-linear-gradient(0deg,#fffaf0 0 20px,#c8b69355 21px);border-radius:3px}
.voice-memory{background:linear-gradient(125deg,#fffaf1,#eadbc3);border-left:5px solid #77513b!important}
.voice-memory:after{border-color:#c6ab83}
.voice-memory-icon{background:#684537}
.voice-memory audio{accent-color:#684537}

/* Readable arrangement controls. The alignment panel stays inside normal flow. */
.editor-shell .arrange-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;overflow:visible;width:100%;padding:9px 12px;background:#fbf6ed;border-top:1px solid #d7c7b3;color:#453428}
.editor-shell .arrange-status{flex:0 0 auto;min-width:140px;color:#4a382d;font:700 13px/1.3 var(--sans,system-ui);text-transform:none}
.editor-shell .arrange-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.editor-shell .arrange-actions>button,.editor-shell .arrange-align>summary,.editor-shell .arrange-align-panel button{min-height:34px;padding:7px 10px;border:1px solid #bda98e;border-radius:7px;background:#fffdf8;color:#493428;font:600 12px/1.2 var(--sans,system-ui);white-space:normal;cursor:pointer}
.editor-shell .arrange-actions>button:hover,.editor-shell .arrange-align>summary:hover,.editor-shell .arrange-align-panel button:hover{background:#e9d9bf;color:#30231c}
.editor-shell .arrange-actions button:disabled,.editor-shell .arrange-align-panel button:disabled{opacity:.44;cursor:not-allowed}
.editor-shell .arrange-align{position:relative}
.editor-shell .arrange-align>summary{display:list-item;list-style-position:inside;min-width:110px;box-sizing:border-box}
.editor-shell .arrange-align[open]{flex-basis:100%;order:10}
.editor-shell .arrange-align[open]>summary{background:#624536;color:#fff7e9}
.editor-shell .arrange-align-panel{position:static;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #cbb89d;border-radius:10px;background:#f4eadb;box-shadow:none}
.editor-shell .arrange-align-panel p{grid-column:1/-1;margin:0 0 3px;color:#59493b;font:12px/1.4 var(--sans,system-ui)}
.editor-shell .arrange-align-panel button{text-align:center}
.editor-shell .arrange-actions button:focus-visible,.editor-shell .arrange-align summary:focus-visible,.editor-shell .arrange-align-panel button:focus-visible{outline:3px solid #87513a;outline-offset:2px}
@media(max-width:920px){.editor-shell .arrange-bar{display:none}}
@media(min-width:921px) and (max-width:1250px){.editor-shell .arrange-align-panel{grid-template-columns:repeat(2,minmax(120px,1fr))}}

/* Studio layout: keep the tools visible and give the page a stable workspace. */
@media(min-width:921px){
 .editor-shell .studio-editor-main{display:grid;grid-template-columns:clamp(250px,23vw,316px) minmax(0,1fr) clamp(240px,21vw,300px);gap:0;position:relative;overflow:hidden;background:#dedbd2}
 .editor-shell .studio-editor-main>.studio-assets,.editor-shell .studio-editor-main>.studio-properties{position:relative;inset:auto;top:auto;bottom:auto;left:auto;right:auto;width:auto;height:100%;min-height:0;transform:none!important;transition:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:#fcfaf5;z-index:2}
 .editor-shell .studio-editor-main>.studio-assets{display:grid;grid-template-columns:76px minmax(0,1fr);border-right:1px solid #d8cabc}
 .editor-shell .studio-editor-main>.studio-properties{display:flex;flex-direction:column;border-left:1px solid #d8cabc}
 .editor-shell .studio-editor-main>.studio-properties:before{display:none}
 .editor-shell .studio-editor-main>.studio-canvas-area{position:relative;inset:auto;width:auto;height:100%;min-height:0;display:flex;flex-direction:column;z-index:1}
 .editor-shell .studio-editor-main .canvas-toolbar{position:relative;width:auto;max-width:none;min-height:0;height:auto;margin:0;padding:10px 12px;border:0;border-bottom:1px solid #d6c8b9;border-radius:0;background:#fbf8f2;box-shadow:none;backdrop-filter:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
 .editor-shell .studio-editor-main .canvas-scroll{position:relative;inset:auto;flex:1;min-height:0;width:100%;box-sizing:border-box;overflow:auto;padding:24px 20px 30px;display:grid;place-items:center;background:radial-gradient(circle at center,#eae6de,#d9d7d0)}
 .editor-shell .studio-editor-main .page-strip{position:relative;flex:0 0 auto;max-height:102px;overflow-x:auto}
 .editor-shell .studio-editor-main .scrap-page.landscape{width:min(100%,760px,calc((100vh - 320px)*4/3))}
 .editor-shell .studio-editor-main .scrap-page.square{width:min(100%,650px,calc(100vh - 320px))}
 .editor-shell .studio-editor-main .scrap-page.portrait{height:min(100%,650px,calc(100vh - 320px));width:auto}
 .editor-shell .studio-editor-main .tool-hint{display:block;color:#75675a;font-size:12px}
 .editor-shell .studio-editor-main .asset-content{padding:16px 14px 28px;overflow-y:auto}
 .editor-shell .studio-editor-main .asset-nav{padding:10px 6px;gap:3px;background:#eee8df}
 .editor-shell .studio-editor-main .asset-nav button{min-height:56px;padding:6px 3px;color:#66584c;font-size:10px;line-height:1.2;font-weight:700;border-radius:8px}
 .editor-shell .studio-editor-main .asset-nav button span{font-size:19px;margin-bottom:4px}
 .editor-shell .studio-editor-main .asset-nav button.active{background:#604535;color:#fffaf1;box-shadow:0 3px 7px #32201726}
 .editor-shell .studio-editor-main .prop-head{background:#f2eadf;border-bottom:1px solid #dccab5;color:#3c2f28;padding:18px 18px 14px}
 .editor-shell .studio-editor-main .prop-head h3{color:#362922}
 .editor-shell .studio-editor-main .prop-head p{color:#746457}
 .editor-shell .studio-editor-main .prop-body{background:#fcfaf5;padding:16px;overflow-y:auto}
}
.editor-shell .panel-title{color:#3b2d25;font-size:21px;line-height:1.18;margin-bottom:8px}
.editor-shell .panel-help{font-size:12px;line-height:1.55;color:#6c5b4d;margin-bottom:15px}
.editor-shell .asset-section h4,.editor-shell .prop-section h4{font-size:13px;letter-spacing:.01em}
.editor-shell .asset-tile:not([data-add-interactive]){min-height:60px;padding:10px;border-radius:9px}
.editor-shell .asset-tile strong{font-size:12px;line-height:1.3}
.editor-shell .asset-tile small{font-size:11px;line-height:1.4}
.editor-shell .field label,.editor-shell .prop-body label{font-size:12px;line-height:1.4}
.editor-shell .prop-body input,.editor-shell .prop-body select,.editor-shell .prop-body textarea{font-size:13px;min-height:35px}
.editor-shell .prop-body .btn{font-size:12px;min-height:34px}
.editor-shell .category-pills button{font-size:11px;min-height:33px}
.editor-shell .layout-card strong,.editor-shell .premium-studio-texture-button strong{font-size:11px;line-height:1.3}
.editor-shell .premium-studio-texture-button small{font-size:10px}
.first-page-guide{padding:17px;border:1px solid #cdbba4;border-radius:12px;background:linear-gradient(145deg,#faf0de,#fffaf1);box-shadow:0 4px 12px #4d352012;margin-bottom:20px}
.first-page-guide>span{font:800 10px/1.3 var(--sans,system-ui);letter-spacing:.12em;color:#8a533b}
.first-page-guide>strong{display:block;margin:7px 0;color:#38291f;font:600 20px/1.16 Georgia,serif}
.first-page-guide p{font:12px/1.5 var(--sans,system-ui);color:#6b5949;margin:0 0 12px}
.first-page-guide div{display:grid;gap:6px}
.first-page-guide button{padding:9px 10px;min-height:38px;text-align:left;border:1px solid #c8ae8e;border-radius:7px;background:#fffdf8;color:#4d382b;font:700 12px var(--sans,system-ui);cursor:pointer}
.first-page-guide button:hover{background:#684839;color:#fff8ed}
.first-page-guide button:focus-visible{outline:3px solid #a86146;outline-offset:2px}

/* Show an actual composition on the welcome page. */
.guest-hero{background:linear-gradient(125deg,#f8f2e8,#e8d9c6);border:1px solid #dbcbb7;border-radius:20px;box-shadow:0 14px 38px #4d33231a}
.guest-copy h1{font-size:clamp(42px,5.2vw,78px);line-height:.98;letter-spacing:-.045em}
.guest-copy>p{max-width:650px;font-size:16px;line-height:1.7;color:#55483d}
.guest-art{align-content:center;gap:13px}
.guest-art .hero-book{width:min(510px,100%);max-width:none;aspect-ratio:4/3;padding:22px;border-radius:16px;background:linear-gradient(140deg,#684934,#bd986d 55%,#74503a);transform:rotate(2deg);box-shadow:0 30px 45px #3b281f3b,4px 5px 0 #4f372b}
.guest-art .hero-page{border-radius:5px;background:#f2e7d0 url('/assets-v7/textures/background-papers-texture-softs-02-aged-parchment-soft-landscape.webp') center/cover;box-shadow:inset 0 0 0 1px #a8907066,0 6px 14px #281b1533}
.hero-page-heading{position:absolute;top:6%;left:7%;right:7%;display:grid;gap:3px;color:#3c382b}
.hero-page-heading small{font:800 clamp(7px,.75vw,11px) var(--sans,system-ui);letter-spacing:.17em;color:#7c5a42}
.hero-page-heading strong{font:italic 600 clamp(15px,1.5vw,25px)/1.05 Georgia,serif}
.hero-page-heading span{font:600 clamp(8px,.85vw,12px) var(--sans,system-ui);color:#7b634c}
.guest-art .hero-photo{left:7%;top:30%;width:49%;height:54%;box-sizing:border-box;border:8px solid #fffaf0;background:#9aaf93;transform:rotate(-4deg);box-shadow:0 8px 12px #3f2b2060;overflow:hidden}
.guest-art .hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.guest-art .hero-tape{left:23%;top:27%;width:17%;height:19px;background:#d1ac82bb;transform:rotate(-8deg);z-index:2;box-shadow:0 2px 4px #553a252b}
.guest-art .hero-note{right:7%;top:38%;bottom:auto;width:34%;min-height:38%;box-sizing:border-box;padding:12px;background:#f9eed4;border-left:3px solid #8c6b4e;transform:rotate(3deg);color:#42372b;box-shadow:0 6px 13px #34231630;font-weight:400}
.guest-art .hero-note small{display:block;font:800 clamp(7px,.7vw,10px) var(--sans,system-ui);letter-spacing:.1em;color:#87553b;margin-bottom:8px}
.guest-art .hero-note span{display:block;font:italic 500 clamp(12px,1.2vw,18px)/1.25 Georgia,serif}
.hero-page-footer{position:absolute;left:8%;right:8%;bottom:5%;display:flex;justify-content:space-between;border-top:1px solid #826a4c77;padding-top:5px;color:#6e5a43;font:700 clamp(7px,.75vw,10px) var(--sans,system-ui);letter-spacing:.1em}
.hero-art-caption{color:#6b5747;font:italic 13px Georgia,serif;text-align:center}
@media(max-width:900px){.guest-art .hero-note span{font-size:clamp(11px,2vw,17px)}.guest-copy h1{font-size:clamp(40px,9vw,68px)}}

/* Make the first creation decision feel like choosing a project. */
.modal:has(.create-modes){background:#fcfaf5}
.modal:has(.create-modes) .modal-head{background:#f4eadd;color:#332720;border-bottom:1px solid #d8c4aa}
.modal:has(.create-modes) .modal-head h2{font-size:clamp(25px,3vw,36px)}
.modal:has(.create-modes) .modal-body{padding:24px}
.create-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.create-modes .create-mode{display:flex;flex-direction:column;align-items:flex-start;min-height:155px;padding:16px;text-align:left;border:1px solid #d3c0a6;border-radius:12px;background:#fffaf1;box-shadow:0 4px 12px #3f291313;transition:transform .18s,box-shadow .18s}
.create-modes .create-mode:before{content:'01';display:grid;place-items:center;width:32px;height:32px;margin-bottom:14px;border-radius:50%;background:#6d4a38;color:#fff9eb;font:700 12px Georgia,serif}
.create-modes .create-mode:nth-child(2):before{content:'02'}
.create-modes .create-mode:nth-child(3):before{content:'03'}
.create-modes .create-mode:nth-child(4):before{content:'04'}
.create-modes .create-mode strong{font:600 17px/1.15 Georgia,serif;color:#3d2b22}
.create-modes .create-mode span{font:12px/1.5 var(--sans,system-ui);color:#665747;margin-top:8px}
.create-modes .create-mode:hover{transform:translateY(-2px);box-shadow:0 9px 20px #3f291329}
.create-modes .create-mode.active{border-color:#875640;background:#f8ecdc;box-shadow:inset 0 0 0 2px #875640}
.create-modes .create-mode:focus-visible,.template-card:focus-visible{outline:3px solid #955d43;outline-offset:3px}
.template-grid .template-card{min-height:150px;border:1px solid #d0bea6;border-radius:10px;background:#f9f2e7 url('/assets-v7/textures/background-papers-texture-softs-02-aged-parchment-soft-square.webp') center/cover;color:#382a22;box-shadow:0 5px 12px #39261519;overflow:hidden;text-align:left}
.template-grid .template-card:nth-child(3n+2){background-image:url('/assets-v7/textures/background-papers-texture-softs-08-linen-weave-square.webp')}
.template-grid .template-card:nth-child(3n+3){background-image:url('/assets-v7/textures/background-papers-texture-classics-05-wrinkled-kraft-paper-square.webp')}
.template-card .template-emoji{display:none}
.template-grid .template-card h4{font:600 16px/1.2 Georgia,serif;color:#3b2921;background:#fffaf0dd;padding:6px;border-radius:4px}
.template-grid .template-card p{font:11px/1.4 var(--sans,system-ui);color:#4c392b;background:#fffaf0d9;padding:6px;border-radius:4px}
.template-grid .template-card.active{outline:3px solid #82513b;outline-offset:1px}
@media(max-width:760px){.create-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.create-modes .create-mode{min-height:130px}}
@media(max-width:480px){.create-modes{grid-template-columns:1fr}.create-modes .create-mode{min-height:0}}
@media(prefers-reduced-motion:reduce){.create-modes .create-mode{transition:none}.create-modes .create-mode:hover{transform:none}}
.editor-shell .editor-top{min-height:66px;padding:9px 16px;background:#fbf8f2;border-bottom:1px solid #d5c3ad;box-shadow:none}
.editor-shell .editor-title input{font-size:19px;font-weight:600;max-width:320px}
.editor-shell .save-state{font-size:11px;color:#486344}
.editor-shell .editor-actions .btn{min-height:36px;font-size:12px;border-radius:8px;box-shadow:none}
.editor-shell .editor-actions .btn.primary{background:#704533;border-color:#704533;color:#fff}
.editor-shell .canvas-toolbar .tool-group .btn{min-height:35px;font-size:12px;border:1px solid #cdbba5;border-radius:7px;box-shadow:none}
.editor-shell .canvas-toolbar .tool-group .btn:hover{background:#ead8bd;color:#352820}
.editor-shell .page-strip{background:#eee9df;border-top:1px solid #d0c4b4;box-shadow:none;padding:8px}
.editor-shell .page-thumb{border-color:#c5ad91;border-radius:6px}
.editor-shell .page-thumb.active{outline:2px solid #89563d;outline-offset:2px}
@media(max-width:1199px) and (min-width:921px){.editor-shell .studio-editor-main .asset-nav{padding:7px 3px}.editor-shell .studio-editor-main .asset-nav button{font-size:9px}.editor-shell .studio-editor-main .asset-content{padding:12px 9px}.editor-shell .studio-editor-main .prop-body{padding:12px}.editor-shell .studio-editor-main .tool-hint{display:none}}

/* Photo frames are purposeful drop zones, not missing elements. */
.photo-slot-upload{display:grid;gap:5px;padding:13px;margin:7px 0 13px;border:1.5px dashed #a8815b;border-radius:10px;background:#f8f0e3;color:#483529;cursor:pointer;text-align:center;font:700 12px/1.35 var(--sans,system-ui)}
.photo-slot-upload:hover{background:#eeddc4;border-color:#774936}
.photo-slot-upload input{max-width:100%;font-size:11px}
.scrap-page .photo-placeholder{height:100%;box-sizing:border-box;display:grid;place-content:center;gap:7px;padding:9px;border:1px dashed #b39878;border-radius:2px;background:linear-gradient(150deg,#f9f3e7,#eee3d0);color:#705d49;text-align:center;font:600 clamp(9px,.9vw,15px)/1.4 var(--sans,system-ui)}

/* A restrained page turn: no edge-on 3D wedge over the photograph. */
@keyframes cpa-page-next{0%{opacity:1;transform:translateX(0) scale(1)}45%{opacity:.42;transform:translateX(-6%) scale(.985)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes cpa-page-previous{0%{opacity:1;transform:translateX(0) scale(1)}45%{opacity:.42;transform:translateX(6%) scale(.985)}100%{opacity:1;transform:translateX(0) scale(1)}}
.mini-flip-page.page-turn-forward{animation:cpa-page-next .38s ease-in-out!important;backface-visibility:visible}
.mini-flip-page.page-turn-back{animation:cpa-page-previous .38s ease-in-out!important;backface-visibility:visible}
.mini-flipbook .mini-flip-pages{overflow:hidden;background:#f7efdd}
.mini-flipbook .mini-flip-page{background:#fffaf0;box-shadow:inset 0 0 0 1px #d2bfa0}
.mini-flipbook .flip-text{display:grid;place-items:center;height:100%;box-sizing:border-box;padding:13%;color:#4b382a;font:italic 600 clamp(11px,1.25vw,19px)/1.35 Georgia,serif;text-align:center}
.mini-flipbook .mini-flip-footer{z-index:20}
.mini-flipbook .mini-flip-controls button{min-width:26px;min-height:28px}
@media(prefers-reduced-motion:reduce){.mini-flip-page.page-turn-forward,.mini-flip-page.page-turn-back{animation:none!important}}
.more-themes{margin-top:13px;border-top:1px solid #dac7af;padding-top:11px}
.more-themes summary{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #bc9d78;border-radius:8px;background:#fff9ed;color:#5b3b2e;font:700 12px var(--sans,system-ui);cursor:pointer}
.more-themes[open] summary{margin-bottom:12px;background:#654536;color:#fff9ed}
.more-themes summary:focus-visible{outline:3px solid #895338;outline-offset:2px}
.scrap-page .photo-placeholder-mark{display:grid;place-items:center;width:34px;height:34px;margin:0 auto;border:1px solid #c5af8f;border-radius:50%;background:#fffaf0;color:#795e46;font:22px/1 Georgia,serif}
.photo-edit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.photo-edit-actions .btn{min-height:44px;white-space:normal;text-align:center;line-height:1.25}
.photo-edit-actions .photo-editor-launch{grid-column:1/-1}
.mask-gallery-tile[aria-pressed="true"]{outline:3px solid #913749;outline-offset:2px}