.pattern-board{gap:22px}.pattern-board>p{font-size:13px}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.field-example{display:flex;flex-direction:column;gap:7px;min-width:0}.field-example label{font-size:13px;line-height:20px;font-weight:500;display:block}.field-example small{font-size:12px;line-height:18px}.required-mark{color:var(--muted)}.field-control{position:relative}.specimen .field-control input{height:36px;min-height:36px;border-radius:8px;line-height:20px;font-size:13px;padding:7px 10px}.field-control:has([data-password]) input{padding-right:44px}.specimen .field-control [data-password]{position:absolute;right:4px;top:3px;width:30px;height:30px;border:0;background:transparent;padding:0;color:var(--muted)}.field-example.error input,.field-example.error textarea{border-color:var(--danger)!important}.field-example.error small{color:var(--danger)}.field-example.success small{color:var(--success)}.field-example.readonly input{background:var(--raised)!important}.field-example.disabled{opacity:.5}.specimen .field-example textarea{min-height:126px;font-size:13px;line-height:21px;padding:10px;resize:vertical}.selection-stack{display:grid;gap:15px;align-content:start;font-size:13px}.selection-stack .check{flex-wrap:wrap;font-size:13px;gap:9px}.selection-stack .check span{margin-left:auto;font-size:11px}.selection-stack input:disabled{opacity:.45}.selection-stack input:indeterminate{background:var(--ai);border-color:var(--ai)}.selection-stack input:indeterminate:after{content:'';height:1.5px;width:8px;background:var(--ink)}.modal-stage{padding:28px 15px;background:var(--raised);border:1px solid var(--line);border-radius:12px;display:grid;place-items:center}.dialog-preview,.pattern-dialog{width:440px;max-width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:0;box-shadow:0 12px 35px #00000014}.pattern-dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto}.pattern-dialog::backdrop{background:#10101099}.dialog-head{display:flex;gap:15px;padding:22px 22px 0;align-items:flex-start}.dialog-head h2{font-size:16px;line-height:24px}.dialog-head p{margin-top:5px;font-size:13px;line-height:20px;color:var(--muted)}.specimen .dialog-head>button{height:26px;width:26px;padding:0;border:0;background:transparent;flex-shrink:0;color:var(--muted);margin-left:auto}.dialog-fields{padding:22px;display:grid;gap:15px}.dialog-fields>small{margin-top:-8px}.dialog-fields select{width:100%;justify-content:flex-start}.dialog-footer{border-top:1px solid var(--line);padding:15px 22px;display:flex;justify-content:flex-end;gap:8px}.dialog-preview button:disabled{opacity:1}.pattern-dialog-status:empty{display:none}.pattern-dialog-status{font-size:12px;color:var(--success)!important;line-height:18px;padding:0 22px 18px}.pattern-caption{display:block;margin-bottom:10px}.pattern-menu{width:260px;max-width:100%;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 5px 18px #00000012}.menu-heading{padding:8px 9px 10px;font-size:13px;font-weight:500}.menu-heading small{display:block;margin-top:3px;font-size:11px;color:var(--muted);font-weight:400}.specimen .pattern-menu button{width:100%;height:34px;padding:0 9px;justify-content:flex-start;gap:9px;background:transparent;border:0;border-radius:5px;font-size:13px;font-weight:400}.specimen .pattern-menu button:hover,.specimen .pattern-menu button:focus-visible{background:var(--hover)}.pattern-menu button .icon{width:15px;height:15px;color:var(--muted)}.pattern-menu button.danger,.pattern-menu button.danger .icon{color:var(--danger)}.pattern-menu kbd{margin-left:auto;font:10px system-ui;color:var(--muted)}.menu-divider{height:1px;background:var(--line);margin:5px -5px}.dropdown-anchor{position:relative;width:max-content;max-width:100%;margin-bottom:255px}.pattern-menu[data-live-menu]{position:absolute;top:calc(100% + 7px);left:0;z-index:2;width:260px;max-width:calc(100vw - 90px)}.pattern-menu[hidden]{display:none}.pattern-notice{font-size:12px;color:var(--muted)}.nav-parts-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px}.nav-parts-sidebar{border:1px solid var(--line);border-radius:10px;min-height:590px}.nav-part-group{display:grid;gap:5px}.nav-part-group>small{margin:20px 10px 10px;color:var(--muted)}.nav-part-note{padding:12px 0;border-bottom:1px solid var(--line)}.nav-part-note h3{font-size:14px;margin:6px 0}.nav-part-note p{font-size:13px;line-height:20px;color:var(--muted)}.nav-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px 15px;font-size:13px;flex-wrap:wrap}.nav-topbar strong{font-weight:500}
@container(max-width:700px){.pattern-grid,.nav-parts-grid{grid-template-columns:1fr}.nav-parts-sidebar{max-width:300px}.modal-stage{padding:18px 8px}.dialog-head{padding:18px 16px 0}.dialog-fields{padding:18px 16px}.dialog-footer{padding:14px 16px}.pattern-menu{width:100%}.dropdown-anchor .pattern-menu{width:260px}.specimen .field-control input,.specimen .field-example textarea{font-size:16px}.dialog-head h2{font-size:15px}.pattern-grid{gap:20px}}
.specimen .selection-stack input[type=radio]{appearance:none;width:16px;height:16px;border:1px solid var(--line);border-radius:50%;background:var(--bg);display:inline-grid;place-items:center}.specimen .selection-stack input[type=radio]:checked{border-color:var(--ai)}.specimen .selection-stack input[type=radio]:checked:after{content:'';width:8px;height:8px;border-radius:50%;background:var(--ai)}