.office-id-page{max-width:1320px;margin:auto;padding:40px 20px 80px;color:var(--text)}.office-id-page *{box-sizing:border-box}.oid-heading{display:flex;gap:35px;align-items:center;margin-bottom:32px}.oid-heading>div{max-width:850px}.oid-heading h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:14px 0}.oid-heading p{line-height:1.7}.oid-heading>div>span{letter-spacing:.18em;font-size:.75rem;font-weight:700}.oid-heading svg{width:160px;flex-shrink:0;opacity:.4;animation:oid-reveal .7s ease-out both}.oid-local{font-weight:600}.oid-section-title,.oid-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.oid-section-title h2{font-size:1.25rem}.oid-library,.oid-batch,.oid-stage{border:1px solid var(--border);border-radius:16px;background:var(--bg-card);padding:22px;margin-bottom:24px}.oid-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.office-id-page label{display:flex;flex-direction:column;gap:6px;font-size:.87rem;font-weight:600;margin-bottom:14px;min-width:0}.office-id-page input,.office-id-page select,.office-id-page textarea{width:100%;min-width:0;border:1px solid #8090a0;border-radius:7px;padding:10px;font:inherit;color:inherit;background:var(--bg)}.office-id-page input[type=range]{padding:0;accent-color:#24749b}.office-id-page input[type=color]{height:43px;padding:4px}.office-id-page input[type=file]{font-size:.8rem}.office-id-page button{font:inherit;color:inherit;background:var(--bg);border:1px solid #8191a3;border-radius:7px;padding:9px 13px;cursor:pointer}.office-id-page button:disabled{opacity:.55;cursor:wait}.office-id-page :focus-visible{outline:3px solid var(--accent,#2581ac);outline-offset:3px}.office-id-page button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent,#2581ac)}.oid-template-strip{display:flex;gap:12px;overflow-x:auto;padding:10px 4px 18px}.oid-template-strip>button{display:flex;flex-direction:column;align-items:center;gap:9px;flex:0 0 155px;text-align:center}.oid-template-strip>button>span:last-child{font-size:.7rem}.oid-mini{display:block;position:relative;width:58px;height:90px;background:#fff;border:1px solid #9aa6b1;overflow:hidden}.oid-mini.oid-landscape{width:110px;height:70px;margin:10px 0}.oid-mini i{position:absolute;background:#dbe3ea;left:30%;top:20%;width:40%;height:35%}.oid-mini b,.oid-mini em,.oid-mini small{position:absolute;height:3px;background:#35485c;left:20%;width:60%;top:65%}.oid-mini em{top:75%;width:40%}.oid-mini small{top:85%;width:30%;background:var(--oid-color)}.oid-motif-0{border-top:7px solid var(--oid-color);border-bottom:5px solid var(--oid-color)}.oid-motif-1{border-left:7px solid var(--oid-color)}.oid-motif-2{border-top:12px solid var(--oid-color);border-radius:10px 0 0}.oid-motif-3{box-shadow:inset 0 0 0 3px var(--oid-color)}.oid-motif-4{border-right:8px dotted var(--oid-color);border-top:3px solid var(--oid-color)}.oid-workspace{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:24px;align-items:start}.office-id-page fieldset{min-width:0;border:1px solid var(--border);border-radius:12px;padding:18px;margin:0 0 20px;background:var(--bg-card)}.office-id-page legend{font-weight:700;padding:0 8px}.office-id-page fieldset p{font-size:.82rem;line-height:1.6}.oid-pair,.oid-mapping{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oid-stage{position:sticky;top:20px}.oid-stage-toolbar{font-size:.85rem;text-transform:capitalize}.oid-stage-toolbar button+button{margin-left:6px}.oid-preview{display:flex;justify-content:center;align-items:center;min-height:420px;padding:28px 0;background:repeating-linear-gradient(45deg,#7a8b9b0a,#7a8b9b0a 10px,transparent 10px,transparent 20px);margin-top:18px}.oid-preview canvas{display:block;max-width:100%;max-height:530px;width:auto;height:auto;box-shadow:0 10px 32px #0002;border-radius:9px;background:#fff}.oid-caption{text-align:center;font-size:.8rem}.oid-actions{display:flex;flex-wrap:wrap;gap:8px}.office-id-page .oid-primary{background:#185c79;color:#fff;border-color:#185c79}.office-id-page .oid-check{flex-direction:row;align-items:center}.oid-check input{width:auto}.oid-batch>p,.oid-guide p{line-height:1.75;max-width:900px}.oid-register{overflow:auto}.oid-register table{width:100%;border-collapse:collapse;text-align:left;font-size:.87rem}.oid-register caption{text-align:left;font-weight:700;padding:12px 0}.oid-register th,.oid-register td{padding:12px;border-bottom:1px solid #8191a355;overflow-wrap:anywhere}.oid-notice{min-height:28px;font-weight:600;overflow-wrap:anywhere}.oid-guide{border-top:1px solid #8191a355;padding-top:20px}.oid-guide h3{margin-top:24px}@keyframes oid-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:.4;transform:none}}@media (max-width:800px){.oid-workspace{grid-template-columns:1fr}.oid-stage{position:static}.oid-heading svg{width:80px}.oid-filters{grid-template-columns:1fr}.oid-library,.oid-batch,.oid-stage{padding:14px}.oid-preview{min-height:200px}.oid-preview canvas{max-height:440px}.oid-mapping{grid-template-columns:1fr}.oid-register th,.oid-register td{padding:8px}.oid-heading{gap:10px}}@media (prefers-reduced-motion:reduce){.oid-heading svg{animation:none}}@media (prefers-reduced-transparency:reduce){.oid-library,.oid-batch,.oid-stage{-webkit-backdrop-filter:none;backdrop-filter:none}}.oid-library{background:var(--glass,var(--bg-card));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.oid-stage,.office-id-page fieldset{background:var(--bg-card)}@media (min-width:961px){.route-panel>.office-id-page{width:100%;max-width:none;margin-inline:0;padding-inline:0}}