/* Per-template chrome and frame finishes, leaving the shared geometry intact. */
#screen .app-view:has(.shared-scene[data-style=bluelaundry]){--ref-paper:#fff6e4;--ref-ink:#496582;--ref-accent:#ecadc4;--ref-contrast:#344d70;--ref-radius:18px;--ref-border:1.7px;--ref-rope:#f5d797;--ref-shadow:none;}
#screen .shared-scene[data-style=bluelaundry] .illustrated-track .live-photo.scene-hit{box-shadow:0 calc(4px * var(--live-scale)) calc(9px * var(--live-scale)) var(--frame-shadow)}
#screen .app-view:has(.shared-scene[data-style=mintlaundry]){--ref-paper:#f2ecdd;--ref-ink:#252e29;--ref-accent:#a2ceb4;--ref-contrast:#223f34;--ref-radius:7px;--ref-border:1.7px;--ref-rope:#394b3d;--ref-shadow:2px 3px 0 #234f4355;}
#screen .app-view:has(.shared-scene[data-style=fishday]){--ref-paper:#f6fcff;--ref-ink:#18272b;--ref-accent:#6bc8e9;--ref-contrast:#17272b;--ref-radius:24px;--ref-border:1.7px;--ref-rope:#18272b;--ref-shadow:none;}
#screen .shared-scene[data-style=fishday] .illustrated-track .live-photo.scene-hit{box-shadow:0 calc(4px * var(--live-scale)) calc(9px * var(--live-scale)) var(--frame-shadow)}
#screen .app-view:has(.shared-scene[data-style=crayonhide]){--ref-paper:#ffe5d0;--ref-ink:#28271f;--ref-accent:#fd805b;--ref-contrast:#28271f;--ref-radius:13px;--ref-border:3px;--ref-rope:#28271f;--ref-shadow:none;}
#screen .app-view:has(.shared-scene[data-style=risoprint]){--ref-paper:#f6f1d7;--ref-ink:#77753d;--ref-accent:#d7b44b;--ref-contrast:#514d25;--ref-radius:5px;--ref-border:1.7px;--ref-rope:#8e8b50;--ref-shadow:none;}
#screen .app-view:has(.shared-scene[data-style=forestfriends]){--ref-paper:#f7f9e9;--ref-ink:#3b6b4b;--ref-accent:#39794f;--ref-contrast:#fffdf1;--ref-radius:17px;--ref-border:1.7px;--ref-rope:#739c65;--ref-shadow:none;}
#screen .shared-scene[data-style=forestfriends] .illustrated-track .live-photo.scene-hit{box-shadow:0 calc(4px * var(--live-scale)) calc(9px * var(--live-scale)) var(--frame-shadow)}
#screen .app-view:has(.shared-scene[data-style=papervoyage]){--ref-paper:#f3e7c9;--ref-ink:#203627;--ref-accent:#b83f20;--ref-contrast:#fff1d0;--ref-radius:2px;--ref-border:1.7px;--ref-rope:#e7d4a8;--ref-shadow:3px 4px 0 #163c3b75;}
#screen .app-view:has(.shared-scene[data-style=jamholiday]){--ref-paper:#fff4df;--ref-ink:#963a32;--ref-accent:#d8362b;--ref-contrast:#fff0dc;--ref-radius:18px;--ref-border:1.7px;--ref-rope:#a44c3c;--ref-shadow:none;}
#screen .shared-scene[data-style=jamholiday] .illustrated-track .live-photo.scene-hit{box-shadow:0 calc(4px * var(--live-scale)) calc(9px * var(--live-scale)) var(--frame-shadow)}
#screen .app-view:has(.shared-scene[data-reference=true]){background:var(--ref-paper);color:var(--ref-ink)}
#screen .app-view:has(.shared-scene[data-reference=true]) :is(.editor-top,.editor-meta,.editor-actions,.detail-bottom,.topbar,.bottom-nav){background:var(--ref-paper);color:var(--ref-ink)}
#screen .app-view:has(.shared-scene[data-reference=true]) .editor-top{border-bottom:1px solid color-mix(in srgb,var(--ref-ink) 20%,transparent)}
#screen .app-view:has(.shared-scene[data-reference=true]) :is(.primary-btn,.secondary-btn){border:var(--ref-border) solid var(--ref-ink);border-radius:var(--ref-radius);box-shadow:var(--ref-shadow);font-family:var(--display);font-size:17px}
#screen .app-view:has(.shared-scene[data-reference=true]) .primary-btn{background:var(--ref-accent);color:var(--ref-contrast)}
#screen .app-view:has(.shared-scene[data-reference=true]) .secondary-btn{background:var(--ref-paper);color:var(--ref-ink)}
#screen .app-view:has(.shared-scene[data-reference=true]) :is(.primary-btn,.secondary-btn)::before,#screen .app-view:has(.shared-scene[data-reference=true]) :is(.primary-btn,.secondary-btn)::after{display:none}
#screen .app-view:has(.shared-scene[data-reference=true]) :is(.scene-arrow,.quiet-btn,.icon-btn,.clear-photos,.reorder-photos){color:var(--ref-ink);border-color:var(--ref-ink)}
#screen .shared-scene[data-style=risoprint] .live-photo.scene-hit{background-image:radial-gradient(#b2a44b3a .65px,transparent .8px);background-size:calc(5px * var(--live-scale)) calc(5px * var(--live-scale))}
#screen .shared-scene[data-style=bluelaundry] .live-photo.scene-hit::after{content:'';position:absolute;inset:calc(5px * var(--live-scale));border-top:1px dashed #df9bb1;border-bottom:1px dashed #df9bb1;pointer-events:none}
#screen .shared-scene[data-style=mintlaundry] .live-photo.scene-hit::after{content:'';position:absolute;bottom:calc(9px * var(--live-scale));left:calc(50% - 20px * var(--live-scale));width:calc(40px * var(--live-scale));height:1px;background:#83917b;pointer-events:none}
#screen .shared-scene[data-style=jamholiday] .live-photo.scene-hit::after{content:'';position:absolute;bottom:calc(7px * var(--live-scale));left:calc(50% - 20px * var(--live-scale));width:calc(40px * var(--live-scale));height:calc(9px * var(--live-scale));border-radius:20px;background:#efb7c6;pointer-events:none}
#screen .app-view:has(.shared-scene[data-style=mintlaundry]) .editor-top strong{font-family:var(--ui);letter-spacing:1px;font-size:16px}
#screen .app-view:has(.shared-scene[data-style=papervoyage]) :is(.primary-btn,.secondary-btn){font-family:var(--ui);font-weight:700}
#screen .app-view:has(.shared-scene[data-style=risoprint]) :is(.editor-top,.editor-actions){background-image:radial-gradient(#b5a84c2c .6px,transparent .8px);background-size:5px 5px}
