body{margin:0;background:#ede7da;color:#142440;font:14px/1.6 Golos,Arial,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #845232;outline-offset:3px}[hidden]{display:none!important}.system-library{width:92%;max-width:3200px;margin:auto;padding:30px 0 60px}.system-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 0 26px;border-bottom:1px solid #14244030}.system-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:500;color:#845232}.system-intro h1{font-size:clamp(32px,3vw,54px);font-weight:750;line-height:1.04;letter-spacing:-.055em;margin:14px 0}.system-intro h1 span{color:#bb7c52}.system-intro p{margin:0;color:#53606b;font-size:13px}.system-edition{font-size:11px;text-align:right;color:#53606b;white-space:nowrap}.system-edition #moduleCount{font-weight:650;color:#142440}.system-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:36px;margin-top:24px}.system-sidebar{align-self:start;position:sticky;top:74px;max-height:calc(100dvh - 90px);overflow:auto;padding:0 15px 16px 0;scrollbar-width:thin}#libraryToggle{display:none}.system-search{display:grid;font-size:11px;gap:6px;margin-bottom:18px}.system-search input{width:100%;min-width:0;border:0;border-bottom:1px solid #14244055;background:transparent;color:#142440;padding:9px 0;border-radius:0;font-size:13px}.system-search input::placeholder{color:#65707a}.system-group h3{font-size:10px;letter-spacing:.11em;color:#53606b;text-transform:uppercase;margin:19px 0 7px;font-weight:500}.system-group button{width:100%;display:flex;align-items:baseline;gap:10px;text-align:left;padding:9px 9px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#142440;font-size:12px;line-height:1.5;min-height:40px}.system-group button>span:first-child{font-size:9px;color:#65707a;min-width:34px;font-variant-numeric:tabular-nums}.system-group button:hover{color:#845232}.system-group button[aria-current=true]{border-left-color:#bb7c52;background:#14244009;font-weight:650}.system-main{min-width:0}.system-passport{padding-bottom:18px}.system-passport-top{display:flex;gap:18px;align-items:center}.system-passport h2{font-size:clamp(25px,2.3vw,36px);line-height:1.12;letter-spacing:-.04em;margin:12px 0;font-weight:650}.system-passport>p{font-size:13px;line-height:1.7;color:#53606b;max-width:950px;margin:0}.system-badge{font-size:10px;border:1px solid #14244033;padding:3px 8px;color:#53606b}.system-badge[data-draft=true]{color:#845232;border-color:#84523266}.system-toolbar{display:flex;flex-direction:column;gap:10px;border-block:1px solid #14244025;padding:12px 0}.system-device-tabs{display:flex;gap:10px;overflow:auto;padding-bottom:3px}.system-device-tabs button{flex:1;min-width:100px;padding:9px 12px;border:1px solid #14244030;background:transparent;color:#53606b;border-radius:0;min-height:52px;text-align:left;font-size:12px}.system-device-tabs small{display:block;font-size:9px;margin-top:4px;font-weight:400}.system-device-tabs button[aria-pressed=true]{background:#142440;color:#ede7da;border-color:#142440}.system-device-tabs button:hover{border-color:#845232}.system-tools{display:flex;gap:6px 20px;align-items:center;flex-wrap:wrap}.system-tools button{padding:6px 0;min-height:36px;border:0;border-bottom:1px solid transparent;background:transparent;color:#53606b;font-size:11px}.system-tools button[aria-pressed=true]{color:#142440;border-bottom-color:#845232;font-weight:650}.system-tools button:hover{color:#845232}.system-tools #refreshPreview{margin-left:auto}.system-preview-meta{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:10px;color:#53606b;font-variant-numeric:tabular-nums}.system-stage{position:relative;width:100%;height:clamp(390px,65dvh,900px);overflow:auto;overscroll-behavior:contain;border:1px solid #14244025;background:#d7d4ca;background-image:linear-gradient(45deg,#14244003 25%,transparent 25%),linear-gradient(-45deg,#14244003 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#14244003 75%),linear-gradient(-45deg,transparent 75%,#14244003 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.system-stage[data-mode=actual]{display:block}#previewMount{position:relative;margin:16px auto;min-width:1px;background:#ede7da;box-shadow:0 6px 25px #14244012}#previewMount iframe{display:block;border:0;position:absolute;top:0;left:0;transform-origin:top left;background:#ede7da}.system-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:4;padding:30px;background:#ede7daf7;color:#53606b;font-size:13px;text-align:center}.system-loading button{border:0;background:transparent;color:#845232;text-decoration:none;padding:10px}.system-view-note{font-size:10px;color:#53606b;line-height:1.7;margin:10px 0 12px}.system-advanced{font-size:12px}.system-advanced>summary{font-size:12px}.system-advanced p{font-size:11px;color:#53606b;line-height:1.75}.system-advanced a{color:#845232}.system-size-inputs{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:8px 0 16px}.system-size-inputs label{display:grid;gap:5px;font-size:10px;color:#53606b}.system-size-inputs input{width:130px;max-width:100%;padding:8px 10px;border:1px solid #14244044;border-radius:0;background:#f6f1e8;color:#142440;font-size:14px}.system-size-inputs button{border:0;border-bottom:1px solid #14244066;border-radius:0;background:transparent;color:#142440;font-size:12px;min-height:40px;padding:8px 0}#sizeError{color:#973e30}.system-source-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;padding:16px 0}.system-source-grid strong{font-size:11px;font-weight:650}.system-source-grid ul{padding-left:18px;font-size:11px;color:#53606b;overflow-wrap:anywhere}.system-bottom-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:14px 0 28px}.system-bottom-actions :is(button,a){border:0;background:transparent;color:#845232;font-size:11px;text-decoration:none;padding:8px 0;min-height:36px}.system-bottom-actions :is(button,a):hover{text-decoration:none}#copyStatus{font-size:10px;color:#53606b}.system-rules{border-top:1px solid #14244033;padding-top:24px}.system-rules h2{font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.03em;margin:0 0 10px}.system-rules>p{font-size:12px;color:#53606b;max-width:800px}.system-rules details{font-size:12px}.system-rules details p,.system-rules details ul{font-size:12px;color:#53606b;line-height:1.8}.system-rules li{margin:8px 0}.system-skip{position:fixed;top:-100px;left:20px;background:#ede7da;color:#142440;z-index:150;padding:12px}.system-skip:focus{top:10px}body>footer{margin-top:30px}body>footer button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}
@media(min-width:2200px){.system-workspace{grid-template-columns:280px minmax(0,1fr);gap:45px}.system-stage{height:850px}.system-group button{font-size:13px}}
@media(max-width:900px){.system-workspace{grid-template-columns:1fr;gap:18px}.system-sidebar{position:static;max-height:none;overflow:visible;padding:0}#libraryToggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;border:0;border-bottom:1px solid #14244033;border-radius:0;background:transparent;color:#142440;text-align:left;font-size:13px;min-height:44px}#currentCode{color:#845232;font-size:11px}#libraryNav{display:none;padding:12px 8px 18px;max-height:50dvh;overflow:auto}#libraryNav.is-open{display:block}.system-group button{min-height:44px}.system-library{width:90%;padding-top:24px}.system-intro{align-items:start}.system-edition{font-size:9px}.system-intro p{font-size:12px}.system-stage{height:clamp(380px,65dvh,700px)}}
@media(max-width:600px){.system-intro{display:block;padding-bottom:18px}.system-intro h1{font-size:34px}.system-edition{display:block;text-align:left;margin-top:12px}.system-edition br{display:none}.system-edition #moduleCount{margin-left:10px}.system-device-tabs{gap:6px}.system-device-tabs button{min-width:105px;font-size:11px}.system-tools{gap:6px 15px}.system-tools #refreshPreview{margin-left:0}.system-preview-meta{font-size:9px}.system-source-grid{grid-template-columns:1fr;gap:8px}.system-passport>p{font-size:12px}.system-bottom-actions{gap:8px 18px}.system-stage{height:570px;max-height:75dvh}.system-size-inputs input{width:120px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.system-library~footer a{color:inherit}