:root{--ink:#173a63;--ink-soft:#52708d;--paper:#f4eadb;--paper-deep:#e8d8c4;--line:#b9aa96;--wine:#7a2930;--forest:#466247;--text:#24313d;--muted:#7b7066;--panel:#fffaf2;--shadow:0 22px 70px #251d162e;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 8% 0,#7a293024,#0000 30%),radial-gradient(circle at 90% 10%,#173a6329,#0000 28%),#201f1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{min-height:100vh;padding:22px}.topbar{color:#f8efe2;justify-content:space-between;align-items:center;width:min(1480px,100%);margin:0 auto 18px;display:flex}.brand-mark{background:#ffffff14;border:1px solid #f8efe273;border-radius:50%;place-items:center;width:44px;height:44px;font-family:Georgia,serif;font-size:24px;font-weight:700;display:grid}.tabs{background:#ffffff14;border:1px solid #f8efe238;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.tabs button{color:#f8efe2;background:0 0;border:0;border-radius:999px;padding:10px 18px}.tabs button.active{color:#1d2730;background:#f8efe2}.studio{grid-template-columns:430px minmax(0,1fr);align-items:start;gap:18px;width:min(1480px,100%);margin:0 auto;display:grid}.editor-panel,.archive-view{box-shadow:var(--shadow);background:#fffaf2f5;border:1px solid #ffffff80;border-radius:8px}.editor-panel{max-height:calc(100vh - 84px);padding:22px;position:sticky;top:18px;overflow:auto}.panel-title{color:var(--ink);align-items:center;gap:12px;margin-bottom:20px;display:flex}.panel-title span,.section-label,.archive-header span,.spread-heading span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px}.panel-title h1{color:var(--ink);margin:0;font-family:Georgia,serif;font-size:38px;line-height:1}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid label:first-child,.form-grid label:nth-child(6),.form-grid label:nth-child(7),.privacy-toggle{grid-column:1/-1}.form-grid span{color:var(--muted);font-size:13px}.form-grid input{width:100%;color:var(--text);background:#fffdf8;border:1px solid #d7c8b7;border-radius:7px;padding:11px 12px}.readonly-input{color:#173a63b8;background:#f3eadf;border:1px solid #d7c8b7;border-radius:7px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 11px;display:grid}.readonly-input input{color:#24313dd1;cursor:default;background:0 0;border:0;padding-inline:0}.readonly-input input:focus{outline:0}.form-grid input:focus{border-color:var(--ink-soft);outline:2px solid #173a6340}.privacy-toggle{align-items:center;padding:2px 0 0;gap:9px!important;display:flex!important}.privacy-toggle input{width:auto;accent-color:var(--wine)}.privacy-toggle span{color:var(--text)}.file-input{color:var(--ink);background:#f6efe4;border:1px dashed #b9aa96;border-radius:7px;justify-content:center;align-items:center;gap:9px;margin:16px 0 20px;padding:12px;display:flex}.file-input input{display:none}.books-panel{gap:16px;display:grid}.section-label{color:var(--ink);align-items:center;gap:8px;display:flex}.book-group h2{color:var(--ink);margin:0 0 8px;font-family:Georgia,serif;font-size:18px}.book-list{gap:7px;display:grid}.book-check{background:#173a630b;border-radius:7px;align-items:flex-start;gap:9px;padding:8px;display:flex}.book-check input{accent-color:var(--wine);margin-top:3px}.book-check span{font-size:14px;line-height:1.25}.action-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.action-row button,.archive-header button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.primary-action{color:#fffaf2;background:var(--ink)}.secondary-action{color:var(--ink);background:#fffdf8;border-color:#c9b9a6!important}.config-note{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.35}.preview-shell{--preview-scale:1;box-shadow:var(--shadow);background:linear-gradient(90deg,#ffffff14,#ffffff05),#0000002e;border-radius:8px;padding:18px;overflow:auto}.export-stack{width:980px;color:var(--ink);transform:scale(var(--preview-scale));transform-origin:0 0;gap:28px;display:grid}.passport-spread{background:var(--paper);border-radius:18px;grid-template-columns:1fr 1fr;width:980px;min-height:620px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 46px #00000047}.image-spread{background:0 0;width:980px;height:653px;min-height:0;display:block}.image-spread:before,.image-spread:after{display:none}.spread-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.passport-overlay{z-index:2;position:absolute;inset:0}.photo-overlay{color:#173a6361;letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(1% 0,100% 1%,99% 100%,0 99%);background:#fffaf22e;border-radius:2px;place-items:center;width:162px;height:234px;font-size:12px;display:grid;position:absolute;top:194px;left:78px;overflow:hidden;box-shadow:inset 0 0 0 1px #173a6329}.photo-overlay.has-photo:before,.photo-overlay.has-photo:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.photo-overlay.has-photo:before{mix-blend-mode:screen;background:repeating-linear-gradient(18deg,#ffffff1f 0 1px,#0000 1px 5px),radial-gradient(circle at 50% 8%,#fff8e833,#0000 42%),#f4eadb14}.photo-overlay.has-photo:after{background:linear-gradient(#173a630f,#0000 28%,#281f181a),radial-gradient(#0000 52%,#1e16113d);box-shadow:inset 0 0 0 1px #173a632e,inset 0 0 22px #201f1d33}.photo-overlay img{object-fit:cover;object-position:center 38%;filter:sepia(.16)saturate(.82)contrast(.96);width:100%;height:100%}.passport-value{width:214px;color:var(--ink);overflow-wrap:anywhere;font-family:Georgia,serif;font-size:22px;font-weight:700;line-height:1.05;position:absolute;left:258px}.value-nickname{top:214px}.value-first-name{top:269px}.value-last-name{top:322px}.value-birth-date{top:377px}.value-passport-id{top:431px}.value-signature{color:#2f4d77;max-width:190px;font-family:Brush Script MT,Segoe Script,cursive;font-size:30px;line-height:1;position:absolute;top:485px;left:207px;transform:rotate(-5deg)}.stamps-overlay{padding:0}.stamp-board{grid-template-columns:repeat(4,112px);justify-content:space-between;justify-items:center;gap:12px 0;width:816px;display:grid;position:absolute;top:132px;left:82px}.stamp-slot{background:radial-gradient(circle,#0000 51%,#7a293017 52%,#0000 54%),radial-gradient(circle,#fffaf229,#0000 62%);border:1px dashed #173a633d;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative;box-shadow:inset 0 0 0 4px #fffaf229}.stamp-slot span{color:#173a6347;font-family:Georgia,serif;font-size:13px;font-weight:700;position:absolute;bottom:4px;right:8px}.book-count{color:var(--ink);font-family:Georgia,serif;font-size:28px;font-weight:700;position:absolute;bottom:38px;right:76px}.passport-spread:before{content:"";opacity:.75;pointer-events:none;background:radial-gradient(circle at 30% 84%,#3b5c892e,#0000 16%),radial-gradient(circle at 78% 12%,#7a293021,#0000 17%),repeating-linear-gradient(34deg,#173a630f 0 1px,#0000 1px 8px),repeating-linear-gradient(126deg,#7a29300b 0 1px,#0000 1px 9px);position:absolute;inset:0}.passport-spread:after{content:"";z-index:1;background:linear-gradient(90deg,#4b3b3047,#fff9);width:2px;position:absolute;top:0;bottom:0;left:50%}.passport-page{z-index:2;padding:48px 44px;position:relative}.passport-title{text-align:center;justify-items:center;gap:12px;margin-bottom:38px;font-family:Georgia,serif;display:grid}.passport-title span{letter-spacing:.18em;font-size:52px;font-weight:700}.passport-title i{background:var(--ink);width:260px;height:1px}.passport-title strong{letter-spacing:.32em;font-size:27px}.identity-grid{grid-template-columns:190px 1fr;gap:26px;display:grid}.portrait-box{border:3px double var(--ink);background:#ffffff47;border-radius:9px;place-items:center;height:245px;display:grid;overflow:hidden}.portrait-box img{object-fit:cover;width:100%;height:100%}.portrait-box span{color:#173a6373;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.fields{gap:12px;display:grid}.passport-field span{text-transform:uppercase;color:var(--ink);font-family:Georgia,serif;font-size:17px;display:block}.passport-field strong{overflow-wrap:anywhere;border-bottom:2px solid #173a638c;min-height:28px;padding:5px 0 4px;font-family:Georgia,serif;font-size:22px;line-height:1.1;display:block}.signature-line{text-transform:uppercase;border-bottom:2px solid #173a638c;grid-template-columns:auto 1fr;align-items:end;gap:12px;font-family:Georgia,serif;font-size:20px;display:grid;position:absolute;bottom:42px;left:58px;right:58px}.signature-line b{text-transform:none;color:#2f4d77;font-family:Brush Script MT,Segoe Script,cursive;font-size:30px}.security-rosette{color:#31547a61;border:2px double #31547a57;border-radius:50%;place-items:center;width:122px;height:122px;margin-left:-61px;font-size:52px;display:grid;position:absolute;bottom:4px;left:50%}.crest-page{place-items:center;display:grid}.crest{color:#173a63bf;filter:drop-shadow(0 1px #ffffffb3);justify-items:center;gap:0;display:grid}.crest-crown{font-size:78px;line-height:.9}.crest-shield{background:#173a6314;border:8px double;border-radius:32px 32px 48% 48%;grid-template-columns:1fr 1.4fr 1fr;place-items:center;width:210px;height:230px;display:grid}.crest-shield strong{font-size:92px}.crest-ribbon{letter-spacing:.12em;background:#f4eadbe6;border:4px double;border-radius:50%;margin-top:-8px;padding:8px 28px;font-family:Georgia,serif;font-size:28px}.watermark{letter-spacing:.04em;color:#173a6321;font-family:Georgia,serif;font-size:72px;position:absolute;bottom:28px;left:34px;right:34px}.book-stamp{object-fit:contain;z-index:1;mix-blend-mode:multiply;transform-origin:50%;will-change:transform, opacity, filter;filter:drop-shadow(0 10px 8px #411f1914);width:100px;height:100px}.empty-ledger{color:#173a639e;text-align:center;border:1px dashed #173a635c;border-radius:8px;width:280px;padding:18px;line-height:1.4;position:absolute;top:220px;left:110px}.archive-view{width:min(1180px,100%);margin:0 auto;padding:24px}.archive-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.archive-header h2{color:var(--ink);margin:0;font-family:Georgia,serif;font-size:38px}.archive-header button{color:var(--ink);background:#fffdf8;border-color:#c9b9a6;padding:0 16px}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.archive-card{background:#fffdf8;border:1px solid #d9cbb9;border-radius:8px;overflow:hidden}.archive-card-preview{color:#fffaf2;background:#eadfce;border:0;width:100%;padding:0;display:block;position:relative}.archive-card-preview img{aspect-ratio:1.58;object-fit:cover;background:#eadfce;width:100%;display:block}.archive-card .archive-card-preview span{z-index:1;color:#fffaf2;opacity:0;background:#173a63d6;border:1px solid #fffaf28c;border-radius:999px;padding:7px 11px;font-size:13px;transition:opacity .16s,transform .16s;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.archive-card-preview:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#173a6300,#173a6347);transition:opacity .16s;position:absolute;inset:0}.archive-card-preview:hover span,.archive-card-preview:focus-visible span,.archive-card-preview:hover:after,.archive-card-preview:focus-visible:after{opacity:1;transform:translateY(0)}.archive-card-preview:focus-visible{outline-offset:-3px;outline:3px solid #173a635c}.archive-card div{gap:4px;padding:12px;display:grid}.archive-card strong{color:var(--ink)}.archive-card span,.archive-card small{color:var(--muted)}.archive-empty{color:var(--muted);background:#fffdf8;border:1px dashed #c7b7a4;border-radius:8px;padding:28px}.archive-error{color:var(--wine);border-color:#7a293066}.passport-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 20% 0,#f4eadb29,#0000 34%),#141210b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.passport-modal{background:#fffaf2;border:1px solid #fffaf275;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,100%);max-height:min(900px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 90px #0d0b0980}.passport-modal-header{border-bottom:1px solid #dfd0bd;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 14px;display:flex}.passport-modal-header span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px}.passport-modal-header h3{color:var(--ink);margin:3px 0 0;font-family:Georgia,serif;font-size:30px;line-height:1}.passport-modal-close{width:42px;height:42px;color:var(--ink);background:#fffdf8;border:1px solid #c9b9a6;border-radius:50%;flex:none;place-items:center;display:grid}.passport-modal-close:focus-visible{outline-offset:2px;outline:3px solid #173a6347}.passport-modal-image{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:#efe7d8;background-image:linear-gradient(90deg,#173a630a 1px,#0000 1px),linear-gradient(#173a630a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:start center;min-height:0;padding:18px;display:grid;overflow:auto}.passport-modal-image img{object-fit:cover;border-radius:8px;width:100%;max-width:100%;display:block;box-shadow:0 18px 44px #442d1a38}.passport-modal-meta{border-top:1px solid #dfd0bd;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 18px;display:flex}.passport-modal-meta span{color:var(--ink);font-weight:700}.passport-modal-meta small{color:var(--muted)}.toast{color:#fffaf2;max-width:360px;box-shadow:var(--shadow);z-index:10;background:#173a63;border-radius:7px;padding:13px 16px;position:fixed;bottom:22px;right:22px}@media (width<=1180px){.studio{grid-template-columns:1fr}.editor-panel{max-height:none;position:static}}@media (width<=720px){.app{padding:10px}.topbar,.archive-header{flex-direction:column;align-items:stretch}.passport-modal-backdrop{padding:12px}.passport-modal{border-radius:10px;width:100%;max-height:calc(100dvh - 24px)}.passport-modal-header{padding:14px}.passport-modal-header h3{font-size:25px}.passport-modal-image{padding:10px}.passport-modal-meta{flex-direction:column;align-items:flex-start;padding:12px 14px 14px}.tabs{width:100%}.tabs button{flex:1}.form-grid,.action-row{grid-template-columns:1fr}.form-grid label:first-child,.form-grid label:nth-child(5),.form-grid label:nth-child(6){grid-column:auto}.preview-shell{--preview-scale:.62;padding:10px;overflow:hidden}.export-stack{height:calc(1334px * var(--preview-scale))}}@media (width<=520px){.preview-shell{--preview-scale:.36}.topbar{gap:10px;margin-bottom:12px}.brand-mark{width:38px;height:38px;font-size:21px}.editor-panel{padding:18px}.panel-title{margin-bottom:16px}.panel-title h1{font-size:34px}.book-check{padding:10px}.archive-view{padding:18px}.archive-grid{grid-template-columns:1fr}.archive-card-preview span{opacity:1;transform:none}.action-row{z-index:4;background:linear-gradient(#fffaf200,#fffaf2fa 28%);padding-top:10px;position:sticky;bottom:8px}}