:root{color-scheme:light}.id-page{background:#fff;color:#20272f}.id-container{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:32px 0 52px}.id-intro{margin-bottom:26px}.id-intro h1{font-size:clamp(1.7rem,3vw,2.25rem);letter-spacing:-.025em;margin:0 0 12px;font-weight:700}.id-intro p{line-height:1.85;color:#46535f;margin:5px 0}.id-intro-sub{color:#4b70a1!important;font-size:.95rem}.id-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:42px;border-top:1px solid #dce2e8;border-bottom:1px solid #dce2e8;padding:28px 0 34px}.id-work h2,.id-help h2,.id-related h2{font-size:1.14rem;line-height:1.5;margin:0 0 13px}.id-controls h2:not(:first-child){padding-top:25px;margin-top:22px;border-top:1px solid #e7ebf0}.id-file{position:relative;display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:18px 20px;border:1.5px dashed #a4b5c9;border-radius:9px;color:#244e7c;background:#f8fafc;cursor:pointer}.id-file span{color:#5d6c7a;font-size:.82rem}.id-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.id-file:focus-within{outline:2px solid #2769ab;outline-offset:3px}.id-field{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-weight:600}.id-field select{flex:1;max-width:265px;padding:9px 10px;border-radius:6px;border:1px solid #c2ccd6;background:white;color:#1c2734}.id-field output{color:#2563a3}#zoom-range{width:100%;margin-top:13px;accent-color:#2466a7}.id-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.id-btn{font-size:.9rem;font-weight:600;border-radius:6px;border:1px solid #8caac6;padding:10px 14px;cursor:pointer;min-height:42px;transition:background .16s}.id-btn:disabled{opacity:.45;cursor:not-allowed}.id-btn.secondary{background:#fff;color:#245988}.id-btn.secondary[aria-pressed="true"]{background:#e1edfa;border-color:#2665a1}.id-btn.primary{background:#235e99;color:#fff;border-color:#235e99}.id-btn.primary:not(:disabled):hover{background:#1b4c7e}.id-downloads{display:grid;grid-template-columns:1fr;gap:9px}.id-muted{font-size:.87rem;line-height:1.7;color:#617083}.id-status{font-size:.91rem;line-height:1.7;padding:10px 12px;background:#f3f6fa;border-left:3px solid #8aa6c3;margin-top:12px}.id-status[data-kind="warning"]{border-left-color:#c0862b;background:#fff8e8}.id-status[data-kind="ok"]{border-left-color:#29835c;background:#f1faf5}.id-stage{display:flex;justify-content:center;align-items:center;padding:22px;background:#f4f6f9;border:1px solid #e2e7ec;border-radius:8px}.id-stage canvas{display:block;width:min(100%,350px);height:auto;aspect-ratio:7/9;background:#fdfdfd;touch-action:none;cursor:grab;box-shadow:0 4px 18px #1f293729}.id-stage canvas:active{cursor:grabbing}.id-preview-col>p{margin:10px 0 16px}.id-spec{padding:16px 0;border-top:1px solid #e0e6ec}.id-spec strong{display:block;margin-bottom:12px}.id-spec dl{margin:0}.id-spec dl div{display:flex;justify-content:space-between;border-bottom:1px solid #ecf0f3;padding:8px 0;gap:12px;font-size:.9rem}.id-spec dt{color:#5d6e7d}.id-spec dd{margin:0;text-align:right}.id-help,.id-related{margin-top:28px}.id-help p,.id-related p{line-height:1.9;color:#425160}.id-help a,.id-related a{color:#235c98;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.id-container{width:min(100% - 28px,600px);padding:25px 0 40px}.id-work{grid-template-columns:1fr;gap:25px;padding:21px 0}.id-controls h2:not(:first-child){padding-top:18px;margin-top:18px}.id-stage{padding:14px}.id-intro h1{font-size:1.75rem}}@media(max-width:350px){.id-field{align-items:flex-start;flex-direction:column}.id-field select{max-width:none;width:100%}.id-btnrow .id-btn{flex:1 1 44%}}