/* LAB / budowa strony: HEDJ space, KEM structure, SIGNAL selection. */
.wls-dialog{--wls-bg:#FCFCF9;--wls-surface:#F5F5F0;--wls-paper:#FEFEFC;--wls-ink:#171813;--wls-muted:#62635B;--wls-line:#E3E3DC;--wls-active:#C9A227;box-sizing:border-box;width:min(1180px,calc(100vw - 48px));height:min(720px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--wls-line);background:var(--wls-bg);color:var(--wls-ink);font-family:var(--sans,Arial,sans-serif);overflow:hidden;box-shadow:0 18px 80px rgb(9 10 9 / .16)}
html[data-theme="dark"] .wls-dialog{--wls-bg:#11120F;--wls-surface:#171813;--wls-paper:#24251F;--wls-ink:#FCFCF9;--wls-muted:#c4c4b9;--wls-line:#4A4C43;--wls-active:#D4AF37}
.wls-dialog::backdrop{background:rgb(9 10 9 / .42);backdrop-filter:blur(3px)}
.wls-dialog[open]{display:flex;flex-direction:column}
.wls-dialog *{box-sizing:border-box}.wls-dialog button{color:inherit;cursor:pointer}.wls-dialog button:focus-visible,.wls-dialog pre:focus-visible{outline:2px solid var(--wls-active);outline-offset:3px}
.wls-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px 17px;gap:20px}
.wls-eyebrow,.wls-stage-head,.wls-inspector-head,.wls-preview-label,.wls-index,.wls-code-note,.wls-footnote{font:400 11px/1.5 var(--mono,monospace);letter-spacing:.015em}
.wls-eyebrow{display:block;color:var(--wls-muted);margin-bottom:7px}.wls-header h2{font:500 24px/1.2 var(--sans,Arial,sans-serif);letter-spacing:-.025em;margin:0}
.wls-close{width:44px;height:44px;border:0;background:none;font:300 26px/1 var(--sans,Arial,sans-serif)}
.wls-nav{display:flex;flex:none;gap:4px;overflow-x:auto;padding:0 24px;scrollbar-width:thin;border-bottom:1px solid var(--wls-line)}
.wls-nav button,.wls-views button{position:relative;border:0;background:none;white-space:nowrap;padding:12px 12px 14px;font:400 12px/1.4 var(--mono,monospace);color:var(--wls-muted)}
.wls-nav button[aria-pressed="true"],.wls-views button[aria-pressed="true"]{color:var(--wls-ink)}
.wls-nav button[aria-pressed="true"]::after,.wls-views button[aria-pressed="true"]::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--wls-active)}
.wls-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.618fr);gap:1px;background:var(--wls-line)}
.wls-stage,.wls-inspector{min-width:0;min-height:0;overflow:auto;padding:28px 32px;background:var(--wls-bg)}
.wls-stage{background:var(--wls-surface)}
.wls-stage-head,.wls-inspector-head{display:flex;justify-content:space-between;color:var(--wls-muted)}
.wls-section-title{margin:28px 0 5px;font:500 clamp(25px,2.4vw,34px)/1.1 var(--sans,Arial,sans-serif);letter-spacing:-.03em}
.wls-intro,.wls-description{font:400 14px/1.5 var(--sans,Arial,sans-serif);color:var(--wls-muted);margin:0}
.wls-canvas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:32px;padding:20px;background:var(--wls-paper);border:1px solid var(--wls-line)}
.wls-preview-item{grid-column:1/-1;text-align:left;border:1px solid transparent;background:transparent;padding:12px;min-height:62px;display:flex;flex-direction:column;gap:6px;transition:border-color 220ms ease,background-color 220ms ease}
.wls-preview-item[aria-pressed="true"]{border-color:var(--wls-active);background:color-mix(in srgb,var(--wls-active) 7%,var(--wls-paper))}
.wls-preview-label{color:var(--wls-muted)}.wls-preview-value{font:500 clamp(15px,1.35vw,19px)/1.3 var(--sans,Arial,sans-serif);overflow-wrap:anywhere;letter-spacing:-.01em}
.wls-preview-item[data-kind="input"],.wls-preview-item[data-kind="textarea"]{border-bottom:1px solid var(--wls-line)}
.wls-preview-item[data-kind="iframe"] .wls-preview-value{font:400 12px/1.5 var(--mono,monospace);color:var(--wls-muted)}
.wls-inspector{display:flex;flex-direction:column}.wls-point{width:7px;height:7px;border-radius:50%;background:var(--wls-active);align-self:center}
.wls-selected-label{font:500 22px/1.2 var(--sans,Arial,sans-serif);letter-spacing:-.02em;margin:28px 0 7px}.wls-description{min-height:42px}
.wls-views{display:flex;gap:10px;border-bottom:1px solid var(--wls-line);margin-top:20px}.wls-views button{padding-inline:0;margin-right:16px}.wls-views button[aria-pressed="true"]::after{left:0;right:0}
.wls-list{padding-top:8px}.wls-tree-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:13px 8px;border:0;border-bottom:1px solid var(--wls-line);background:none;font:400 14px/1.4 var(--sans,Arial,sans-serif);transition:background-color 220ms ease}
.wls-tree-item[aria-pressed="true"]{background:color-mix(in srgb,var(--wls-active) 8%,transparent)}.wls-tree-item code{font:400 11px/1.4 var(--mono,monospace);color:var(--wls-muted)}
.wls-code-wrap{min-height:0;flex:1;display:flex;flex-direction:column}.wls-code-wrap[hidden],.wls-list[hidden]{display:none}.wls-code-note{color:var(--wls-muted);margin:16px 0 8px}.wls-code{flex:1;min-height:110px;margin:0;padding:16px;background:var(--wls-surface);font:400 11px/1.6 var(--mono,monospace);overflow:auto;white-space:pre;direction:ltr;text-align:left}
.wls-footnote{color:var(--wls-muted);margin:auto 0 0;padding-top:22px}.wls-canvas button:hover,.wls-tree-item:hover{background:color-mix(in srgb,var(--wls-active) 8%,transparent)}
@media(max-width:700px){.wls-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.wls-header{padding:16px 18px 10px}.wls-header h2{font-size:20px}.wls-eyebrow{margin-bottom:3px}.wls-nav{padding:0 8px}.wls-nav button{padding:10px 10px 12px}.wls-nav button[aria-pressed="true"]::after{left:10px;right:10px}.wls-body{display:block;overflow:auto}.wls-stage,.wls-inspector{min-height:0;overflow:visible;padding:20px}.wls-stage{border-bottom:1px solid var(--wls-line)}.wls-section-title{margin-top:18px;font-size:26px}.wls-canvas{margin-top:18px;padding:12px}.wls-preview-item{min-height:52px;padding:9px}.wls-inspector{min-height:320px}.wls-selected-label{margin-top:16px}.wls-description{min-height:0}.wls-views{margin-top:10px}.wls-code{max-height:260px}.wls-footnote{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.wls-dialog *{transition:none!important;scroll-behavior:auto!important}}html.motion-paused .wls-dialog *{transition:none!important}

.wls-code{padding:8px}.wls-code-item{display:block;width:100%;border:1px solid transparent;background:none;color:inherit;text-align:left;padding:10px;white-space:pre;overflow:auto;font:inherit;cursor:pointer}.wls-code-item[aria-pressed="true"]{border-color:var(--wls-active);background:color-mix(in srgb,var(--wls-active) 7%,var(--wls-surface))}.wls-code-item code{font:inherit}.wls-code-item+.wls-code-item{margin-top:4px}

.wls-nav{scrollbar-width:none}.wls-nav::-webkit-scrollbar{display:none}