:root{color-scheme:dark;--bg: #111111;--fg: #f5f5f5;--accent: #ff5a3c;--muted: #8a8a8a;--panel: #1c1c1c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);overscroll-behavior:none}#app{height:100dvh;width:100vw;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.topbar button{background:none;border:none;color:var(--muted);font-size:28px;padding:8px}.capture-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.capture-stage img,.capture-stage video{max-width:100%;max-height:100%;border-radius:12px}.placeholder{color:var(--muted);font-size:22px;text-align:center;padding:32px}.shutter-row{display:flex;justify-content:center;align-items:center;padding:40px;gap:32px}.shutter-button{width:110px;height:110px;border-radius:50%;border:6px solid var(--fg);background:var(--accent);display:flex;align-items:center;justify-content:center}.shutter-button:active{transform:scale(.94)}.shutter-button:disabled{opacity:.4}.status-pill{font-size:14px;padding:6px 14px;border-radius:999px;background:var(--panel);color:var(--muted)}.status-pill.ok{color:#4ade80}.status-pill.err{color:#f87171}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px;overflow-y:auto}.gallery-grid img,.gallery-grid video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.badge{position:absolute;bottom:4px;right:4px;font-size:11px;padding:2px 6px;border-radius:6px;background:#0009}.settings-form{padding:24px;display:flex;flex-direction:column;gap:18px;max-width:480px}.settings-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.settings-form input,.settings-form select{padding:12px;border-radius:8px;border:1px solid #333;background:var(--panel);color:var(--fg);font-size:16px}.settings-form button{padding:14px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:16px}.result-actions{display:flex;justify-content:center;gap:16px;padding:0 20px}.result-actions button{padding:10px 18px;border-radius:999px;border:1px solid #333;background:var(--panel);color:var(--fg);font-size:15px}.layout-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;overflow-y:auto}.layout-select-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px;border-radius:12px;border:1px solid #333;background:var(--panel);color:var(--fg);text-align:left}.layout-select-card .print-shape{width:100%}.layout-select-card .layout-frame{gap:3px}.layout-select-icon span{display:block;width:100%;height:100%;background:#3a3a3a;border-radius:4px}.layout-select-label{font-size:15px;font-weight:600}.layout-select-desc{font-size:12px;color:var(--muted)}.layout-capture-thumbs{display:flex;gap:8px;justify-content:center;padding:8px 16px;min-height:56px}.layout-capture-thumbs img{width:48px;height:48px;object-fit:cover;object-position:center;border-radius:6px;opacity:.75}.idle-hint{text-align:center;font-size:12px;color:var(--muted);padding:0 20px}.layout-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.print-shape{position:relative}.print-shape:before{content:"";display:block;padding-top:calc(100% * 100 / 148)}.print-shape>.layout-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.layout-preview .print-shape{width:min(80vw,620px)}.layout-frame{display:grid;gap:6px;max-width:100%;max-height:100%}.layout-frame img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:6px}.layout-frame--single{grid-template-columns:1fr}.layout-frame--grid4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-frame--bigThree{display:flex;flex-direction:column}.layout-frame--bigThree .layout-frame__item--large{flex:2 1 0%;min-height:0}.layout-frame--bigThree .layout-frame__row-small{flex:1 1 0%;min-height:0;display:flex;gap:6px}.layout-frame--bigThree .layout-frame__row-small>*{flex:1 1 0%;min-width:0}.layout-frame--sideBySide{grid-template-columns:1fr 1fr}.layout-picker{display:flex;gap:10px;justify-content:center;padding:0 16px 12px}.layout-picker-thumb{width:64px;height:64px;padding:0;border-radius:8px;border:2px solid transparent;overflow:hidden;opacity:.6}.layout-picker-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.layout-picker-thumb--active{border-color:var(--accent);opacity:1}.layout-save-row{display:flex;justify-content:center;padding:20px}.layout-save-row button{padding:14px 24px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:16px}.layout-save-row button:disabled{opacity:.4}.print-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:16px}.print-frame{aspect-ratio:148 / 100;width:min(90vw,620px);overflow:hidden;border-radius:12px}.print-frame img{width:100%;height:100%;object-fit:cover;display:block}.print-format-note{text-align:center;color:var(--muted);font-size:13px;padding:0 20px}#btn-print{padding:14px 24px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:16px}#btn-print:disabled{opacity:.4}@media print{@page{size:148mm 100mm;margin:0}.no-print{display:none!important}.print-stage{height:auto;padding:0}.print-frame{width:148mm;height:100mm;aspect-ratio:auto;border-radius:0}}