:root{font-family:Arial,sans-serif;color:#eae6db;background:#171b23;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:#e9e3d4;border:1px solid #e9e3d4;color:#171b23;padding:11px 15px;border-radius:3px;font-weight:600;transition:background .2s,transform .2s}button:hover{background:#e8ac69;transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed;transform:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #f5aa66;outline-offset:3px}main{min-height:100dvh;max-width:1800px;margin:auto;padding:0 4vw}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #44444a}.wordmark{color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:31px}.wordmark span,.local,.eyebrow{font:10px Arial,sans-serif;letter-spacing:2px}.wordmark span{margin-left:18px}.local{color:#aaa}.hero{display:flex;justify-content:space-between;padding:65px 0 60px}.eyebrow{color:#e4ab75}h1{font:clamp(52px,7vw,110px)/.98 Georgia,serif;letter-spacing:-4px;margin:25px 0}h1 em{font-weight:400;color:#f0b379}.intro{line-height:1.6;color:#aeb1b9}.motif{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center;width:27%;transform:rotate(-6deg)}.motif span{font:110px/.8 Georgia;background:#252a35;color:#f3be88;text-align:center;padding:0 0 30px;border-radius:50%}.motif span:nth-child(2){color:#aab9da}.motif span:nth-child(3){color:#a8c9b9}.studio{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #424650}.editor,.stage{padding:28px;min-width:0}.editor{border-right:1px solid #424650;background:#1d222c}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}h2{font-size:13px;letter-spacing:1px;font-weight:500;margin:0}.section-title>span{font-size:10px;color:#aeb1b9}label{display:block;font-size:11px;color:#b6bbc7;letter-spacing:.4px;margin:15px 0}input,select,textarea{display:block;width:100%;background:#151a23;color:#eae6db;border:1px solid #464b58;border-radius:3px;padding:12px;margin-top:8px;min-width:0}textarea{resize:vertical}.script{height:365px;font:16px/1.7 Georgia,serif}.names{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mapping{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mapping label b{font:28px Georgia;color:#f0b379}.mapping select{padding:8px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.actions button{font-size:12px}details{font-size:12px;line-height:1.8;color:#aeb6c6;margin-top:20px}summary{cursor:pointer;color:#f0b379}.readers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reader{text-align:center;min-width:0;padding:20px 8px;border:1px solid #444b57;border-radius:50% 50% 8px 8px;background:#20252f;transition:background .3s,box-shadow .3s}.reader.on{background:#35443f;box-shadow:inset 0 0 0 2px #9acdb5}.reader.held{background:#4b3a2d;box-shadow:inset 0 0 0 2px #f0b379}.letter{display:block;font:50px Georgia,serif;color:#f0b379}.reader strong{display:block;font-size:12px;margin:12px 0;overflow-wrap:anywhere}.reader small{font-size:8px;letter-spacing:1px}.now{text-align:center;padding:36px 0 22px;min-height:215px}.big-mark{font:65px Georgia;color:#c8d3e9;overflow-wrap:anywhere}.now p:not(.eyebrow){font-size:12px;color:#abb3c3}.hint{font-size:11px;line-height:1.6;color:#a0a9b9}.timeline{padding:0;list-style:none;max-height:355px;overflow:auto;border-top:1px solid #444b57}.timeline li{border-bottom:1px solid #333a48}.timeline button{width:100%;display:flex;gap:18px;align-items:center;background:transparent;color:#b4bfd1;border:0;font:12px Arial;padding:14px;text-align:left}.timeline b{color:#f0b379;font:20px Georgia}.timeline .selected{background:#323b4a}.timeline button span:last-child{margin-left:auto}.error{color:#ffae9d!important}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px 0}.delivery p{font-size:13px;line-height:1.7;color:#b6bbc7}.import{height:85px;font-size:11px}.status,.warning{padding:16px;border-left:3px solid #a5c7b4;background:#202b2b;font-size:12px;margin-bottom:12px;overflow-wrap:anywhere}.warning{background:#332b24;border-color:#edb47d}footer{display:flex;justify-content:space-between;gap:50px;padding:30px 0;font-size:11px;color:#a8b0c0;border-top:1px solid #444b57}footer>div{max-width:430px}footer button{font-size:10px;background:transparent;color:#ced6e5;border-color:#555}footer small{display:block;font-size:10px;line-height:1.5;margin-top:10px}html{scroll-behavior:smooth}@media(max-width:850px){main{padding:0 20px}.studio,.delivery{grid-template-columns:1fr}.editor{border-right:0;border-bottom:1px solid #444}.hero{padding:45px 0}.motif{width:30%}.motif span{font-size:70px}.local{display:none}.wordmark span{font-size:8px;letter-spacing:1px}.delivery{gap:25px}h1{letter-spacing:-2px}footer{display:block}footer>div{margin-top:20px}}@media(max-width:450px){.motif{display:none}.editor,.stage{padding:16px}.mapping{grid-template-columns:repeat(2,1fr)}.names{grid-template-columns:1fr}.reader strong{font-size:10px}.letter{font-size:38px}.timeline button{gap:8px}.section-title{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.reader strong{white-space:pre-wrap}h2,.wordmark,.status{overflow-wrap:anywhere}