:root{color:#20170f;background:#24170e;font-family:Courier New,Courier,ui-monospace,monospace;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#24170e}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.typewriter-app{min-height:100vh;display:grid;place-items:center;padding:clamp(8px,2.2vw,24px);background:radial-gradient(circle at 50% 18%,rgba(218,177,112,.2),transparent 44%),#24170e}.typewriter-stage{position:relative;width:min(100%,760px);aspect-ratio:1055 / 1491;overflow:hidden;isolation:isolate;background:#3a2719;box-shadow:0 24px 70px #080401cc,0 0 0 1px #9a7045aa;container-type:inline-size}.typewriter-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.typewriter-image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.paper-layer{position:absolute;left:24.55%;top:7.38%;width:52.23%;height:50.44%;overflow:hidden;clip-path:inset(0 0 5.5% 0);color:#20170f;filter:sepia(.08)}.typewriter-controls{position:absolute;z-index:4;left:14%;right:14%;bottom:18.8%;display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(7px,1.4vw,12px)}.key-button{position:relative;display:inline-grid;place-items:center;width:clamp(44px,7.2vw,56px);height:clamp(44px,7.2vw,56px);flex:0 0 auto;padding:0;border:2px solid #17110d;border-radius:50%;color:#251a12;background:radial-gradient(circle at 42% 35%,#e7d7b9 0,#e7d7b9 48%,#9c8060 52%,#9c8060 67%,#211914 70%);box-shadow:0 4px #0d0907,0 8px 14px #0008;cursor:pointer;transition:transform .12s ease,filter .12s ease}.key-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.key-button:active{transform:translateY(3px);box-shadow:0 1px #0d0907,0 4px 8px #0008}.key-button:focus-visible{outline:3px solid #f5d693;outline-offset:3px}.key-button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.45;transform:none}.key-button--primary{color:#132217;background:radial-gradient(circle at 42% 35%,#e9e2bd 0,#e9e2bd 48%,#799059 52%,#799059 67%,#172018 70%)}.key-button--danger{color:#38150f;background:radial-gradient(circle at 42% 35%,#ecd0b9 0,#ecd0b9 48%,#a05c49 52%,#a05c49 67%,#26120e 70%)}.bp-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.key-badge{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;color:#fff8e9;background:#873d2e;border:1px solid #2d1711;font:700 11px/1 system-ui,sans-serif}.stage-status{position:absolute;z-index:3;left:20%;right:20%;bottom:13.2%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:26px;padding:5px 10px;color:#f3e5c9;background:#120d09d9;border:1px solid #8d704e99;border-radius:4px;font:600 clamp(9px,1.7cqw,12px)/1.2 system-ui,sans-serif;text-align:center}.status-lamp{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#9a815e;box-shadow:0 0 8px currentColor}.stage-status--busy .status-lamp{background:#d8b550;animation:lamp-pulse 1s infinite alternate}.stage-status--ok .status-lamp{background:#80ad5c}.stage-status--error .status-lamp{background:#c15c44}.stage-status--offline .status-lamp{background:#be8848}@keyframes lamp-pulse{to{opacity:.35}}.overlay-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#120b07c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-panel{width:min(560px,100%);max-height:min(86vh,760px);overflow:auto;color:#251a12;color-scheme:light;background:#eee1c5;border:1px solid #5d432c;box-shadow:12px 14px #100b08aa}.overlay-panel>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#d9c6a4;border-bottom:1px solid #8b7457}.overlay-panel h2{margin:0;font:700 18px/1.2 Georgia,serif}.overlay-panel .key-button{width:42px;height:42px;box-shadow:0 3px #6d5338}.overlay-body{padding:16px}.overlay-body label{display:block;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.05em}.overlay-body input,.overlay-body textarea{width:100%;margin-top:5px;padding:10px 11px;border:1px solid #806b51;color:#21170f;background:#fff9e9aa;outline:none}.overlay-body input:focus,.overlay-body textarea:focus{border-color:#3f5b36;box-shadow:0 0 0 3px #6f8b5938}.overlay-body button:not(.key-button){min-height:42px;border:1px solid #33251a;padding:9px 13px;color:#f8ecd5;background:#3b2d21;cursor:pointer}.overlay-body button:disabled{opacity:.5;cursor:not-allowed}.overlay-body details{margin:13px 0;border-top:1px dashed #9a8466;padding-top:10px}.overlay-body summary{cursor:pointer;font-size:12px;font-weight:700}.overlay-body pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:#fff8e7;border:1px solid #b5a183;font:11px/1.45 ui-monospace,monospace}.overlay-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:14px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:560px){.typewriter-app{padding:0;place-items:start center}.typewriter-stage{width:100%;aspect-ratio:1055 / 2311;box-shadow:none}.typewriter-scene{width:100%;height:auto;aspect-ratio:1055 / 1491;transform:scale(1.55);transform-origin:50% 0}.paper-layer{left:9.75%;top:7.38%;width:80.96%;height:50.44%}.typewriter-controls{left:4%;right:4%;bottom:15%;gap:8px}.stage-status{left:5%;right:5%;bottom:8%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.slitter-overlay{display:block;width:100%;height:100%;object-fit:fill}.empty-paper{width:100%;height:100%;display:grid;place-content:center;color:#6c5842aa;text-align:center;font:italic clamp(8px,1.6cqw,13px)/1.4 Georgia,serif}.empty-paper span{font-size:clamp(20px,5cqw,38px)}.empty-paper p{margin:7px 0}.slitter-facts{display:grid;grid-template-columns:105px 1fr;gap:7px 10px;margin:18px 0 0;font-size:12px}.slitter-facts dt{color:#715a40;font-weight:700}.slitter-facts dd{margin:0;overflow-wrap:anywhere}.panel-link{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;color:#f8ecd5;background:#3b2d21;border:1px solid #33251a;text-decoration:none;font:700 12px/1.2 system-ui,sans-serif}.danger-action{color:#fff0e8!important;background:#783e31!important;border-color:#57271e!important}.salt-note{margin-top:0;font:13px/1.5 system-ui,sans-serif}@media(max-width:560px){.empty-paper{font-size:clamp(11px,3.5cqw,14px)}}