@layer base,layout,components,theme;@layer base{*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--ui-font);font-size:var(--ui-font-size);color:var(--ui-text);background:var(--ui-canvas);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}code{font-family:var(--ui-font-mono);font-size:.8em;color:var(--ui-text-muted)}[hidden]{display:none!important}::selection{background:var(--ui-accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--ui-scrollbar) transparent}.icon{display:inline-flex}.icon svg{display:block}}@layer layout{.app-root{height:100%}.app{--left-w: var(--ui-sidebar-w);--right-w: var(--ui-inspector-w);display:grid;grid-template-columns:var(--left-w) minmax(0,1fr) var(--right-w);grid-template-rows:var(--ui-topbar-h) minmax(0,1fr);gap:var(--ui-gap);height:100vh;padding:0 var(--ui-gap) var(--ui-gap)}.app.is-structure-tab{--left-w: var(--ui-structure-w)}.app.is-css-tab{--left-w: var(--ui-css-w)}.app.is-css-wide{--left-w: var(--ui-css-wide-w)}.app.is-left-collapsed{--left-w: var(--ui-rail-w)}.app.is-right-collapsed{--right-w: var(--ui-rail-w)}.sidebar,.panel-right,.main{min-height:0;min-width:0;overflow:hidden;background:var(--ui-panel-bg);border:var(--ui-panel-border);border-radius:var(--ui-radius-panel);box-shadow:var(--ui-panel-shadow)}.sidebar,.panel-right{display:flex;flex-direction:column}.main{position:relative;overflow:clip}.preview{position:absolute;inset:0}.preview__frame{width:100%;height:100%;border:0;background:var(--ui-frame-bg)}.preview__label{display:none}.preview.is-scaled .preview__frame{width:calc(100% / var(--frame-scale));height:calc(100% / var(--frame-scale));transform:scale(var(--frame-scale));transform-origin:0 0}.preview:is([data-device=tablet],[data-device=mobile]){display:flex;justify-content:center;padding:12px 12px 0;background:var(--ui-surface-alt)}.preview:is([data-device=tablet],[data-device=mobile]) .preview__frame{flex:none;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;box-shadow:var(--ui-card-shadow)}.preview[data-device=tablet] .preview__frame{width:min(768px,100%)}.preview[data-device=mobile] .preview__frame{width:min(390px,100%)}.is-rail{align-items:center;gap:4px;padding:8px 0}.rail__btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--ui-radius-control);background:none;color:var(--ui-text-muted);cursor:pointer;transition:background-color .15s,color .15s}.rail__btn:first-child{margin-bottom:8px}.rail__btn:hover{background:var(--ui-hover);color:var(--ui-text)}.rail__btn.is-active{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.rail__btn:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:1px}.pages-screen{display:none}.app.is-pages-screen{grid-template-columns:minmax(0,1fr)}.app.is-pages-screen>:is(.sidebar,.main,.panel-right){display:none}.app.is-pages-screen>.pages-screen{display:flex;min-height:0}.pages-screen__main{flex:1;min-width:0;overflow:auto;overscroll-behavior:contain;padding:28px 32px 48px}.pages-screen__inner{max-width:1000px;margin:0 auto}.app-root[data-desplazable]{overflow:auto}}@layer components{.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text);font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.btn:hover:not(:disabled){background:var(--ui-hover)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:2px}.btn.is-active{background:var(--ui-accent-soft);border-color:var(--ui-accent-line);color:var(--ui-accent-text)}.btn--primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent);box-shadow:var(--ui-accent-shadow)}.btn--primary:hover:not(:disabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover)}.btn--primary:disabled{box-shadow:none}.btn--danger{background:var(--ui-danger);border-color:var(--ui-danger);color:var(--ui-on-accent)}.btn--danger:hover:not(:disabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover)}.btn--danger:focus-visible{outline-color:var(--ui-danger)}.btn--quiet-danger{border-color:transparent;background:none;color:var(--ui-danger)}.btn--quiet-danger:hover:not(:disabled){background:var(--ui-danger-soft)}.btn--small{padding:5px 12px;font-size:13px}.btn--big{padding:12px 22px;font-size:16px}.btn--add{gap:5px;color:var(--ui-accent-text)}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text);cursor:pointer;transition:background-color .15s,color .15s}.icon-btn:hover:not(:disabled){background:var(--ui-hover)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:1px}.icon-btn--ghost{border-color:transparent;background:none;color:var(--ui-text-muted)}.icon-btn--ghost:hover:not(:disabled){color:var(--ui-text)}.tool{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--ui-radius-control);background:none;color:var(--ui-text-muted);cursor:pointer;transition:background-color .15s,color .15s}.tool:hover:not(:disabled){background:var(--ui-hover-strong);color:var(--ui-text)}.tool:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:-2px}.tool--danger:hover:not(:disabled){background:var(--ui-danger-soft);color:var(--ui-danger)}.tool--off,.tool--off:hover:not(:disabled){background:var(--ui-warn-soft);color:var(--ui-warn)}.tool:disabled{opacity:.3;cursor:default}.seg{display:inline-flex;flex:none;gap:2px;padding:3px;border-radius:var(--ui-radius-control);background:var(--ui-track)}.seg__btn{padding:5px 11px;border:0;border-radius:var(--ui-radius-control);background:none;color:var(--ui-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s}.seg__btn:hover:not(:disabled):not(.is-active){color:var(--ui-text)}.seg__btn.is-active{background:var(--ui-accent);color:var(--ui-on-accent);box-shadow:var(--ui-accent-shadow)}.seg__btn:disabled{cursor:default;opacity:.6}.seg__btn:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:1px}.seg__btn--draft{text-decoration:underline dotted;text-underline-offset:3px}.seg__btn--icon{display:inline-flex;align-items:center;padding:4px 9px}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:var(--ui-radius-sm);background:var(--ui-track)}.segmented__btn{height:28px;min-width:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:calc(var(--ui-radius-sm) - 2px);background:none;color:var(--ui-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background-color .12s,color .12s}.segmented__btn--icon{padding:0 7px}.segmented__btn:hover:not(:disabled):not(.is-active){color:var(--ui-text);background:var(--ui-track-hover)}.segmented__btn.is-active{background:var(--ui-surface);color:var(--ui-accent-text);box-shadow:var(--ui-shadow-xs)}.segmented__btn:disabled{cursor:default;opacity:.55}.segmented__btn:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:1px}.segmented--grid{display:inline-grid;grid-template-columns:repeat(var(--columns, 3),auto)}}@layer components{.input{width:100%;padding:7px 10px;border:1px solid var(--ui-field-border);border-radius:var(--ui-radius-sm);background:var(--ui-field-bg);color:var(--ui-text);font:inherit;transition:border-color .15s,box-shadow .15s}.input:focus{outline:3px solid var(--ui-highlight-ring);border-color:var(--ui-highlight)}.input:disabled{background:var(--ui-field-disabled);color:var(--ui-text-muted)}.input.is-invalid{border-color:var(--ui-danger);outline:3px solid var(--ui-danger-soft)}.input--select{width:auto;max-width:100%}.control{position:relative;flex:1;min-width:0}.control__error{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--ui-danger)}.hint{margin:0 0 16px;font-size:13px;color:var(--ui-text-muted)}.counter{position:absolute;right:8px;top:-8px;padding:0 4px;border-radius:4px;background:var(--ui-surface);color:var(--ui-text-muted);font-size:10px;opacity:0;transition:opacity .15s;pointer-events:none}:is(.control,.rich):focus-within>.counter,.counter.is-over{opacity:1}.counter.is-over{color:var(--ui-danger);font-weight:700}@supports (appearance: base-select){.input--select,.input--select::picker(select){appearance:base-select}.input--select{display:inline-flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;cursor:pointer}.input--select:disabled{cursor:default}.input--select::picker-icon{content:"";flex:none;width:6px;height:6px;margin:-3px 2px 0 auto;border-right:1.5px solid;border-bottom:1.5px solid;color:var(--ui-text-muted);transform:rotate(45deg);transition:transform .15s,margin .15s}.input--select:open::picker-icon{margin-top:3px;transform:rotate(225deg)}.input--select::picker(select){max-width:min(420px,90vw);max-height:min(360px,70vh);margin:4px 0;padding:6px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised);color:var(--ui-text);box-shadow:var(--ui-shadow-lg);overscroll-behavior:contain}.input--select option{padding:8px 10px;border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:13px;font-weight:400;white-space:normal;cursor:pointer}.input--select option:hover:not(:disabled),.input--select:not(:has(option:hover)) option:focus-visible{background:var(--ui-hover)}.input--select option:focus-visible{outline:none}.input--select option:disabled{opacity:.4;cursor:default}.input--select option::checkmark{color:var(--ui-accent-text)}.input--select optgroup{margin-top:4px;padding-left:4px;color:var(--ui-text-muted);font-size:11.5px;font-weight:600}.input--select optgroup option{margin-left:-4px}}.input-prefix{display:flex;align-items:stretch;overflow:hidden;border:1px solid var(--ui-field-border);border-radius:var(--ui-radius-sm);background:var(--ui-field-bg);transition:border-color .15s}.input-prefix:focus-within{outline:3px solid var(--ui-highlight-ring);border-color:var(--ui-highlight)}.input-prefix__text{flex:none;display:inline-flex;align-items:center;max-width:55%;padding:0 7px 0 10px;overflow:hidden;border-right:1px solid var(--ui-line);background:var(--ui-field-addon);color:var(--ui-text-muted);font-family:var(--ui-font-mono);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.input-prefix .input{min-width:0;border:0;border-radius:0;outline:none}.input-prefix .input:focus{outline:none}.rich{position:relative;flex:1;min-width:0;border:1px solid var(--ui-field-border);border-radius:var(--ui-radius-sm);background:var(--ui-field-bg)}.rich:focus-within{border-color:var(--ui-highlight)}.rich.is-disabled{background:var(--ui-field-disabled)}.rich__toolbar{display:flex;gap:2px;padding:4px;border-bottom:1px solid var(--ui-line-soft)}.rich__btn{width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:calc(var(--ui-radius-sm) - 2px);background:none;font-size:12px;font-weight:700;cursor:pointer}.rich__btn:hover:not(:disabled){background:var(--ui-hover)}.rich__editor{min-height:60px;padding:8px 10px;line-height:1.5;outline:none}.rich__editor p{margin:0 0 .6em}.rich__editor a{color:var(--ui-accent-text)}.rich .counter{top:auto;bottom:-8px}.langs{display:flex;flex-direction:column;gap:6px}.lang-row{display:flex;align-items:flex-start;gap:8px}.lang-row .control,.lang-row .rich{flex:1;min-width:0}.lang-chip{flex:none;width:34px;height:24px;margin-top:5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-sm);background:var(--ui-track);color:var(--ui-text-muted);font-size:10.5px;font-weight:700;letter-spacing:.04em;cursor:default}.lang-row.is-current .lang-chip{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.lang-row.is-missing .lang-chip,.lang-chip.is-missing{background:var(--ui-warn-soft);color:var(--ui-warn)}.lang-row.is-missing :is(.input,.rich):not(.link-field__dest *){border-color:var(--ui-warn-line);background:var(--ui-warn-wash)}.lang-row__translate{display:none;flex:none;margin-top:2px}.lang-row.is-missing .lang-row__translate{display:inline-flex;color:var(--ui-warn)}.lang-row__translate[aria-disabled=true]{opacity:.4;cursor:default}.lang-row__translate[aria-disabled=true]:hover{background:none;color:var(--ui-warn)}.lang-row__translate.is-busy{cursor:progress}.lang-row__translate.is-busy .icon{animation:translate-wait .8s ease-in-out infinite alternate}@keyframes translate-wait{to{opacity:.25}}.lang-row.is-translating :is(.input,.rich__editor){cursor:progress}.lang-row.is-translating .input::placeholder{color:var(--ui-text-soft);font-style:italic}.lang-row.is-translating .rich__editor:empty:before{content:attr(data-placeholder);color:var(--ui-text-soft);font-style:italic}@media(prefers-reduced-motion:reduce){.lang-row__translate.is-busy .icon{animation-duration:2.4s}}.lang-checks{display:flex;flex-wrap:wrap;gap:6px 14px}.lang-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.lang-check input{accent-color:var(--ui-accent)}.image-field__row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.image-field__thumb{width:96px;height:72px;object-fit:cover;border:1px solid var(--ui-line);border-radius:var(--ui-radius-sm);background:var(--ui-track)}.image-field__actions{display:flex;flex-direction:column;gap:4px}.image-field__meta{font-size:11px;color:var(--ui-text-muted)}.video-field__row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.video-field__thumb{flex:none;width:96px;height:72px;object-fit:cover;border:1px solid var(--ui-line);border-radius:var(--ui-radius-sm);background:var(--ui-track)}.video-field__thumb--empty{display:grid;place-items:center;color:var(--ui-text-muted)}.video-field__actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.video-field__row .video-field__actions{flex-direction:column;align-items:flex-start}.video-field__meta{font-size:11px;color:var(--ui-text-muted);overflow-wrap:anywhere}.video-field__mobile{margin-top:10px;padding-top:10px;border-top:1px solid var(--ui-line-soft)}.prop__help--warn{color:var(--ui-warn)}.link-field__dest{display:flex;flex-direction:column;gap:6px;margin-top:6px}.link-field__dest .input--select{width:100%}.link-field__section{display:flex;flex-direction:column;gap:4px}.link-field__section-label{font-size:11.5px;color:var(--ui-text-muted)}.url-row{align-items:center}.url-row .tool{flex:none}.url-row__full{flex:1;min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis}.url-row__warning{margin:4px 0 0 42px;font-size:12px;color:var(--ui-danger)}.switch{display:flex;align-items:flex-start;gap:10px;padding:6px 0 10px;cursor:pointer}.switch.is-disabled{cursor:default;opacity:.6}.switch__input{position:absolute;width:1px;height:1px;opacity:0}.switch__track{flex:none;position:relative;width:34px;height:20px;margin-top:0;border-radius:999px;background:var(--ui-control-off);transition:background-color .15s}.switch__track:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--ui-knob);box-shadow:var(--ui-shadow-xs);transition:transform .15s}.switch__input:checked+.switch__track{background:var(--ui-accent)}.switch__input:checked+.switch__track:after{transform:translate(14px)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--ui-highlight);outline-offset:2px}.switch__text{display:flex;flex-direction:column;gap:2px;min-width:0}.switch__label{font-size:12.5px;font-weight:500;color:var(--ui-text-label)}.switch__help{font-size:12px;line-height:1.45;color:var(--ui-text-subtle)}}@layer components{.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:10px;min-width:0;padding:0 var(--ui-topbar-pad);background:var(--ui-topbar-bg);border-bottom:1px solid var(--ui-topbar-line)}.topbar__spacer{flex:1}.topbar__brand{display:inline-flex;align-items:baseline;gap:8px;min-width:0;padding:8px 18px;border:1px solid var(--ui-brand-line);border-radius:var(--ui-radius-control);background:var(--ui-brand-bg);line-height:1.15}.topbar__brand strong{overflow:hidden;font-size:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.topbar__mode{font-size:11px;color:var(--ui-text-muted)}.topbar__back{gap:5px}.topbar__history{display:inline-flex;gap:2px}.topbar__page{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:300px;padding:6px 12px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-surface);cursor:pointer;transition:background-color .15s}.topbar__page:hover,.topbar__page[aria-expanded=true]{background:var(--ui-hover)}.topbar__page:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:2px}.topbar__page-kicker{font-size:11px;color:var(--ui-text-muted)}.topbar__page strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar__page .icon{color:var(--ui-text-muted);transform:rotate(90deg)}.topbar__count{min-width:18px;padding:0 5px;border-radius:999px;background:var(--ui-warn-soft);color:var(--ui-warn);font-size:11px;font-weight:700;line-height:18px;text-align:center}.topbar__translate{position:relative}.topbar__translate .topbar__count{position:absolute;top:-6px;right:-8px;min-width:16px;padding:0 4px;font-size:10px;line-height:16px}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ui-text-muted);white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ui-ok)}.status.is-dirty{color:var(--ui-warn);font-weight:600}.status.is-dirty:before{background:var(--ui-warn)}}@layer components{.panel-head{display:flex;align-items:center;gap:6px;min-height:48px;padding:6px 8px;border-bottom:1px solid var(--ui-line-soft)}.panel-head__title{font-size:var(--ui-panel-title-size);font-weight:var(--ui-panel-title-weight);text-transform:var(--ui-panel-title-case);letter-spacing:var(--ui-panel-title-tracking);color:var(--ui-panel-title-color)}.panel-tabs{display:inline-flex;flex:0 1 auto;min-width:0;gap:2px;margin-right:auto;padding:3px;border-radius:var(--ui-radius-control);background:var(--ui-track)}.panel-tabs__btn{min-width:0;overflow:hidden;text-overflow:ellipsis;padding:5px 9px;border:0;border-radius:var(--ui-radius-control);background:none;color:var(--ui-text-muted);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s}.panel-tabs__btn:hover:not(.is-active){color:var(--ui-text);background:var(--ui-track-hover)}.panel-tabs__btn.is-active{background:var(--ui-surface);color:var(--ui-accent-text);box-shadow:var(--ui-shadow-xs);cursor:default}.panel-tabs__btn:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:1px}.sidebar__body{flex:1;overflow:auto;padding:12px 10px}.sidebar__body,.inspector__tree,.inspector__props,.modal{overscroll-behavior:contain}.sidebar__title{margin:4px 8px 8px;font-size:var(--ui-kicker-size);font-weight:var(--ui-kicker-weight);text-transform:var(--ui-kicker-case);letter-spacing:var(--ui-kicker-tracking);color:var(--ui-kicker-color)}}@layer components{.pages-screen{--name-col: 330px}.pages-screen__head{display:flex;align-items:flex-end;gap:24px;margin-bottom:18px}.pages-screen__titles{flex:1;min-width:0}.pages-screen__title-row{display:flex;align-items:center;gap:6px;min-width:0}.info-tip{flex:none;display:inline-flex;padding:3px;border:0;border-radius:50%;background:none;color:var(--ui-text-subtle);cursor:help}.info-tip:hover,.info-tip:focus-visible{color:var(--ui-text);background:var(--ui-hover);outline:none}.pages-screen__title{margin:0;font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);letter-spacing:var(--ui-title-tracking);line-height:1.15}.pages-screen__intro{max-width:70ch;margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ui-text-muted)}.pages-screen__head .pages__new{flex:none;margin:0}.pages-screen__head .pages__new .btn{padding:8px 16px;font-size:13.5px;white-space:nowrap}.pages-screen__note{margin:14px 4px 0;font-size:12px;color:var(--ui-text-subtle)}@media(max-width:1200px){.pages-screen{--name-col: 250px}}.pages__new{display:flex;gap:6px;margin:0 0 10px}.pages__new>*{flex:1}.pages__new .btn{justify-content:center}.pages{padding:6px;border:var(--ui-card-border);border-radius:var(--ui-radius-lg);background:var(--ui-card-bg);box-shadow:var(--ui-card-shadow)}.page-row{position:relative;display:flex;align-items:center;gap:1px;min-height:50px;padding-left:calc(6px + var(--depth, 0) * 24px);border-radius:var(--ui-radius-md);transition:background-color .12s}.page-row+.page-row{box-shadow:0 -1px 0 var(--ui-line-soft)}.page-row:hover{background:var(--ui-hover)}.page-row:hover,.page-row:hover+.page-row{box-shadow:none}.page-row.is-dragging{opacity:.4}.page-row__grip{flex:none;width:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--ui-text-subtle);opacity:.55;cursor:grab}.page-row:hover .page-row__grip{opacity:1}.page-row__twisty{flex:none;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:4px;background:none;color:var(--ui-text-subtle);cursor:pointer}.page-row__twisty:hover{background:var(--ui-hover-strong);color:var(--ui-text)}.page-row__twisty .icon{transition:transform .12s ease}.page-row__twisty[aria-expanded=true] .icon{transform:rotate(90deg)}.page-row__spacer{flex:none;width:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--ui-text-subtle)}.page-row__main{flex:1;min-width:0;display:flex;align-items:center;gap:16px;padding:10px 6px;border-radius:var(--ui-radius-sm);cursor:pointer}.page-row__main:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:-1px}.page-row__name{flex:0 0 calc(var(--name-col) - var(--depth, 0) * 24px);display:flex;align-items:center;gap:5px;min-width:0;font-size:14px;font-weight:600}.page-row__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-row--link .page-row__label{font-weight:500}.page-row.is-unpublished .page-row__label{color:var(--ui-text-muted);font-style:italic}.page-row__count{flex:none;padding:0 6px;border-radius:999px;background:var(--ui-chip-bg);color:var(--ui-text-muted);font-size:10.5px;font-weight:600}.page-row__url{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;font-family:var(--ui-font-mono);font-size:12px;color:var(--ui-text-muted);white-space:nowrap;text-overflow:ellipsis}.page-row__chips{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.page-chip{padding:1px 8px;border-radius:999px;background:var(--ui-chip-bg);color:var(--ui-text-muted);font-size:10.5px;font-weight:600;line-height:17px;white-space:nowrap;cursor:default}.page-chip.is-unpublished{background:var(--ui-warn-soft);color:var(--ui-warn)}.page-row__tools{flex:none;display:flex;align-items:center;gap:2px;padding-right:4px}.page-row__tool{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--ui-radius-control);background:none;color:var(--ui-text-muted);cursor:pointer}.page-row__tool:hover,.page-row__tool[aria-expanded=true]{background:var(--ui-hover-strong);color:var(--ui-text)}.page-row__tool:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:-2px}.pages.is-dragging .page-row__tool{opacity:0}.page-row.is-drop-before:before,.page-row.is-drop-after:after{content:"";position:absolute;left:calc(10px + var(--depth, 0) * 24px);right:4px;height:2px;border-radius:2px;background:var(--ui-highlight);pointer-events:none}.page-row.is-drop-before:before{top:-1px}.page-row.is-drop-after:after{bottom:-1px}.page-row.is-drop-inside{background:var(--ui-accent-wash);box-shadow:inset 0 0 0 1.5px var(--ui-highlight)}.pages__end{display:none;margin-top:6px;padding:10px;border:1.5px dashed var(--ui-line);border-radius:var(--ui-radius-md);color:var(--ui-text-muted);font-size:12px;line-height:1.4;text-align:center}.pages.is-dragging .pages__end{display:block}.pages__end.is-over{border-color:var(--ui-highlight);background:var(--ui-accent-wash);color:var(--ui-accent-text)}.page-settings{background:var(--ui-surface-alt)}.page-settings .props__section{padding:18px 24px 8px}.page-settings__url{display:block;margin-top:2px;overflow:hidden;font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}.page-chip.is-collection{background:var(--ui-accent-soft);color:var(--ui-accent-text)}}@layer components{.menu-pop{position:fixed;z-index:900;min-width:210px;max-width:290px;max-height:calc(100vh - 80px);overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised);box-shadow:var(--ui-shadow-lg)}.menu-pop__item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;border-radius:var(--ui-radius-sm);background:none;color:var(--ui-text);font-size:13px;text-align:left;cursor:pointer}.menu-pop__item .icon{color:var(--ui-text-muted)}.menu-pop__item:hover:not(:disabled),.menu-pop__item:focus-visible{background:var(--ui-hover);outline:none}.menu-pop__item:disabled{opacity:.4;cursor:default}.menu-pop__item.is-danger,.menu-pop__item.is-danger .icon{color:var(--ui-danger)}.menu-pop__item.is-danger:hover:not(:disabled),.menu-pop__item.is-danger:focus-visible{background:var(--ui-danger-soft)}.menu-pop__item.has-hint{align-items:flex-start}.menu-pop__item.has-hint>.icon{margin-top:1px}.menu-pop__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.menu-pop__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-pop__hint{font-size:11.5px;line-height:1.35;color:var(--ui-text-muted);white-space:normal}.menu-pop__key{flex:none;margin-left:14px;font:inherit;font-size:11.5px;color:var(--ui-text-subtle)}.menu-pop__check{flex:none;width:18px;height:18px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ui-control-off);border-radius:var(--ui-radius-check);color:var(--ui-on-accent)}.menu-pop__check.is-on{border-color:var(--ui-highlight);background:var(--ui-highlight)}.menu-pop__check .icon{color:var(--ui-on-accent)}.menu-pop__check--radio{border-radius:50%}.menu-pop__check--radio.is-on:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ui-on-accent)}.menu-pop__sep{height:1px;margin:5px 4px;background:var(--ui-line-soft)}.menu-pop__more{flex:none;display:inline-flex;margin-top:1px;transition:transform .15s}.menu-pop__item[aria-expanded=true] .menu-pop__more{transform:rotate(90deg)}.menu-pop__sub[hidden]{display:none}.menu-pop__sub .menu-pop__item{padding-left:35px}.menu-pop[data-side]{position:relative;outline:none}}@layer components{.tip{position:fixed;inset:auto;z-index:1000;margin:0;overflow:visible;border:0;flex-direction:column;gap:3px;max-width:250px;padding:6px 9px;border-radius:var(--ui-radius-sm);background:var(--ui-inverse);color:var(--ui-inverse-text);font-size:12px;line-height:1.4;box-shadow:var(--ui-shadow);pointer-events:none}.tip:popover-open{display:flex}.tip strong{font-weight:600}.tip span{color:var(--ui-inverse-muted)}.tip em{font-style:normal;color:var(--ui-inverse-note)}.tip--rich{padding:9px 12px;border-radius:var(--ui-radius-md)}.tip--rich strong{font-size:13px}.tip[data-side]{position:relative;display:flex}}@layer components{.modal{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:0;border:0;border-radius:var(--ui-radius-xl);background:var(--ui-surface-raised);color:var(--ui-text);box-shadow:var(--ui-shadow-xl)}.modal:where([role=dialog]){position:fixed;inset:0;z-index:800;margin:auto;height:fit-content}.modal--wide{width:min(940px,calc(100vw - 32px))}.modal::backdrop{background:var(--ui-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal[open]{animation:modal-in .16s ease-out}.modal[open]::backdrop{animation:modal-fade .16s ease-out}.modal-velo{position:fixed;inset:0;z-index:800;background:var(--ui-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal[data-state=open]{animation:modal-in .16s ease-out}.modal-velo[data-state=open]{animation:modal-fade .16s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes modal-fade{0%{opacity:0}}.modal[role=dialog]:focus{outline:none}.modal__form{display:flex;flex-direction:column;gap:16px;padding:22px}.modal__head{display:flex;align-items:flex-start;gap:14px}.modal__icon{flex:none;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent-text)}.modal__icon--danger{background:var(--ui-danger-soft);color:var(--ui-danger)}.modal__titles{flex:1;min-width:0;padding-top:2px}.modal__title{margin:0;font-size:16px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.modal__message{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--ui-text-muted);overflow-wrap:anywhere}.modal__body{display:flex;flex-direction:column;gap:12px}.modal__field{display:flex;flex-direction:column;gap:6px}.modal__label{font-size:12.5px;font-weight:500;color:var(--ui-text-label)}.modal__optional{font-weight:400;color:var(--ui-text-subtle)}.modal__help{font-size:12px;color:var(--ui-text-subtle)}.modal__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px}.modal__actions .btn{white-space:nowrap}.modal__spacer{flex:1}.modal .link-field__dest{margin-top:0}.modal--sheet{width:min(720px,calc(100vw - 32px));height:min(860px,calc(100vh - 48px));overflow:hidden}.modal--sheet[open],.modal--sheet[data-state=open]{display:flex}.modal__sheet{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.modal__sheet-head{flex:none;display:flex;align-items:flex-start;gap:12px;padding:20px 16px 16px 24px;border-bottom:1px solid var(--ui-line-soft)}.modal__sheet-titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.modal__sheet-titles .modal__title{overflow:hidden;font-size:18px;white-space:nowrap;text-overflow:ellipsis}.modal__kicker{font-size:var(--ui-kicker-size);font-weight:var(--ui-kicker-weight);text-transform:var(--ui-kicker-case);letter-spacing:var(--ui-kicker-tracking);color:var(--ui-kicker-color)}.modal__sheet-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:16px}.modal__sheet-foot{flex:none;display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid var(--ui-line-soft)}.modal__select{width:100%}}@layer components{.toasts{position:fixed;inset:auto auto 16px 50%;z-index:100;margin:0;padding:0;overflow:visible;border:0;background:none;color:inherit;transform:translate(-50%)}.toasts:popover-open{display:flex;flex-direction:column;align-items:center;gap:8px}.toast{max-width:360px;padding:11px 16px;border-radius:var(--ui-radius-md);background:var(--ui-inverse);color:var(--ui-inverse-text);box-shadow:var(--ui-shadow-lg);transition:opacity .3s,transform .3s}.toast--warn{background:var(--ui-warn);color:var(--ui-on-accent)}.toast--error{background:var(--ui-danger);color:var(--ui-on-accent)}.toast.is-leaving{opacity:0;transform:translateY(6px)}}@layer components{.welcome{max-width:520px;margin:12vh auto;padding:36px;border:var(--ui-card-border);border-radius:var(--ui-radius-xl);background:var(--ui-card-bg);box-shadow:var(--ui-card-shadow);text-align:center}.welcome h1{margin-top:0;font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);letter-spacing:var(--ui-title-tracking)}.welcome__warn{color:var(--ui-danger)}.welcome__loading{color:var(--ui-text-muted)}}@layer components{.settings-tabs{position:sticky;top:0;z-index:2;padding:14px 24px 12px;border-bottom:1px solid var(--ui-line-soft);background:var(--ui-surface-alt)}.settings-tabs__dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--ui-warn);vertical-align:1px}.settings-notes{padding:16px 24px 0}.settings-notes .settings-note:last-child{margin-bottom:0}.settings-intro{margin:16px 24px 0;font-size:12.5px;line-height:1.5;color:var(--ui-text-muted)}.settings-row{display:flex;flex-wrap:wrap;gap:0 14px}.settings-row>*{flex:1 1 180px;min-width:0}.settings-row+.settings-row,.settings-row+.prop--field,.prop--field+.settings-row{border-top:1px dashed var(--ui-line-soft);padding-top:12px}.settings-row>.prop--field+.prop--field{border-top:0;padding-top:4px}.settings-row__item{display:flex;flex-direction:column;gap:6px;padding:4px 0 12px}.settings-row__item--narrow{flex:0 1 120px}.settings-row__item .input--select{width:100%}.settings-row__label{font-size:12.5px;font-weight:500;color:var(--ui-text-label)}.settings-note{margin:4px 0 10px;padding:8px 10px;border-radius:var(--ui-radius-md);background:var(--ui-note-bg);color:var(--ui-text-soft);font-size:12.5px;line-height:1.45}.settings-note--warn{background:var(--ui-warn-soft);color:var(--ui-warn)}.settings-note[hidden]{display:none}.settings-image{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.settings-image>.control{align-self:stretch}.input--mono{font-family:var(--ui-font-mono);font-size:12.5px}.input--area{display:block;min-height:72px;resize:vertical;line-height:1.45}.service-chip{margin-left:auto;padding:1px 8px;border-radius:999px;background:var(--ui-track);color:var(--ui-text-muted);font-size:11px;font-weight:600;white-space:nowrap}.service-chip--analytics{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.service-chip--marketing{background:var(--ui-common-soft);color:var(--ui-common-text)}.cookie-list{margin:0 0 12px;padding:0;list-style:none;font-size:12.5px;color:var(--ui-text-soft)}.cookie-list li{padding:3px 0}.cookie-list code{font-family:var(--ui-font-mono);color:var(--ui-text)}.code-blocks{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.code-block{align-self:stretch;display:flex;flex-direction:column;gap:8px;padding:12px 12px 4px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.code-block__head{display:flex;align-items:flex-start;gap:6px}.code-block__head .tool{flex:none;margin-top:3px}.code-block .settings-row__item{padding-bottom:0}.code-block .switch{padding-bottom:6px}.site-langs{display:flex;flex-direction:column;gap:10px}.site-lang{display:flex;flex-direction:column;gap:4px;padding:10px 12px 8px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.site-lang__head{display:flex;align-items:center;gap:8px;min-height:30px}.site-lang__code{flex:none;min-width:44px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ui-text-muted)}.site-lang__name{flex:0 1 220px;min-width:0}.site-lang__name .input{font-weight:600}.site-lang__chip{padding:1px 8px;border-radius:999px;background:var(--ui-track);color:var(--ui-text-muted);font-size:11px;font-weight:600;white-space:nowrap}.site-lang__chip--main,.site-lang__chip--live,.site-lang__chip--draft{margin-left:auto}.site-lang__chip--main{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.site-lang__chip--live{background:color-mix(in srgb,var(--ui-ok) 14%,transparent);color:var(--ui-ok)}.site-lang__chip--draft{background:var(--ui-warn-soft);color:var(--ui-warn)}.site-lang .prop__help{margin:0 0 4px}.site-lang__body{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-bottom:4px}.site-lang__add{display:flex;align-items:center;gap:8px}.site-lang__add .input{flex:1;min-width:0}.site-lang__add .site-lang__new-code{flex:0 0 92px}.site-lang__add .btn{flex:none}.seo-checks{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.seo-check{position:relative;padding-left:18px;font-size:12.5px;line-height:1.45;color:var(--ui-text-soft)}.seo-check:before{content:"";position:absolute;left:2px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--ui-text-subtle)}.seo-check--ok:before{background:var(--ui-ok)}.seo-check--warn:before{background:var(--ui-warn)}.seo-check--error:before{background:var(--ui-danger)}.seo-check--error{color:var(--ui-danger)}.seo-review{display:flex;flex-direction:column}.seo-checks__title{margin:12px 0 6px;font-size:12px;font-weight:600;color:var(--ui-text-label)}.seo-checks__title[hidden],.seo-checks[hidden]{display:none}.search-row+.search-row{margin-top:10px}.search-row__fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.serp{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--ui-line-soft);border-radius:var(--ui-radius-md);background:var(--ui-surface);font-family:Arial,sans-serif}.serp__site{display:flex;flex-direction:column;font-size:12px;line-height:1.35}.serp__name{color:var(--ui-text)}.serp__url{overflow:hidden;color:var(--ui-serp-url);white-space:nowrap;text-overflow:ellipsis}.serp__title{font-size:18px;line-height:1.3;color:var(--ui-serp-title)}.serp__desc{font-size:13px;line-height:1.5;color:var(--ui-serp-text)}.share-card{display:flex;flex-direction:column;max-width:420px;overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.share-card__image{display:block;width:100%;aspect-ratio:1200 / 630;object-fit:cover;background:var(--ui-track)}.share-card__image--none{display:flex;align-items:center;justify-content:center;color:var(--ui-text-subtle);font-size:12px}.share-card__body{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-top:1px solid var(--ui-line-soft);background:var(--ui-surface-alt)}.share-card__domain{font-size:11px;letter-spacing:.02em;color:var(--ui-text-subtle)}.share-card__title{font-size:14px;line-height:1.3;color:var(--ui-text)}.share-card__desc{font-size:12.5px;line-height:1.4;color:var(--ui-text-muted)}.service-conversions{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:10px 12px 4px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.service-conversions__title{margin:0;font-size:12.5px;font-weight:600;color:var(--ui-text-label)}.service-conversions .prop__help{margin:0 0 4px}.service-conversion{display:grid;grid-template-columns:minmax(120px,38%) 1fr;align-items:start;gap:10px}.service-conversion__type{padding-top:7px;font-size:12.5px;color:var(--ui-text-soft)}.service-conversions .switch{margin-top:6px}.data-file{padding:10px 0;border-bottom:1px solid var(--ui-line)}.data-file:last-child{border-bottom:0}.data-file__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.data-file__name{font-weight:600}.data-file__tools{display:inline-flex;flex-wrap:wrap;gap:6px}.data-file__lists{margin:6px 0 0;padding-left:18px;font-size:12.5px;color:var(--ui-text-soft)}}@layer components{.access{display:flex;justify-content:center;padding:8vh 16px 48px}.access__card{width:min(480px,100%);padding:32px 34px 28px;border:var(--ui-card-border);border-radius:var(--ui-radius-xl);background:var(--ui-card-bg);box-shadow:var(--ui-card-shadow)}.access__brand{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--ui-accent-text)}.access__title{margin:0 0 8px;font-size:26px;font-weight:var(--ui-title-weight);letter-spacing:var(--ui-title-tracking);line-height:1.2}.access__intro{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:var(--ui-text-muted)}.access__error{margin:0 0 14px;padding:9px 12px;border-radius:var(--ui-radius-md);background:var(--ui-danger-soft);color:var(--ui-danger);font-size:13px;line-height:1.45}.access__form{display:flex;flex-direction:column;gap:14px}.access__field{display:flex;flex-direction:column;gap:6px}.access__label{font-size:12.5px;font-weight:600;color:var(--ui-text-label)}.access__help{font-size:12px;line-height:1.45;color:var(--ui-text-subtle)}.access__submit{justify-content:center;margin-top:4px}.access__where{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--ui-radius-md);background:var(--ui-note-bg);font-size:13px;line-height:1.45}.access__where code{font-family:var(--ui-font-mono);font-size:12px;overflow-wrap:anywhere;color:var(--ui-text)}.access__footer{display:flex;justify-content:center;margin-top:16px}.access__qr{display:flex;align-items:flex-start;gap:16px}.access__qr-text{flex:1;min-width:0;font-size:13px;line-height:1.5}.access__qr-text p{margin:0 0 6px}.access__key{display:block;margin-bottom:6px;font-family:var(--ui-font-mono);font-size:13px;letter-spacing:.04em;overflow-wrap:anywhere}.access__codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 20px;margin:0 0 16px;padding:14px 14px 14px 36px;border-radius:var(--ui-radius-md);background:var(--ui-note-bg)}.access__codes code{font-family:var(--ui-font-mono);font-size:14px}.access__row{display:flex;gap:8px;margin-bottom:14px}.access__check{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;cursor:pointer}.access__check input{accent-color:var(--ui-accent)}.access__card>.access__submit{width:100%}.qr{flex:none;width:168px;height:168px;border-radius:var(--ui-radius-md)}.qr__back{fill:var(--ui-qr-light)}.qr__dark{fill:var(--ui-qr-dark)}.hosting{display:flex;flex-direction:column;height:100vh;padding:0 var(--ui-gap) var(--ui-gap)}.hosting__topbar{flex:none;min-height:var(--ui-topbar-h)}.hosting__nav{display:flex;gap:4px}.hosting__nav .btn.is-active{background:var(--ui-accent-soft);color:var(--ui-accent-text);border-color:transparent}.hosting__main{flex:1;min-height:0;overflow:auto;padding:28px 32px 48px}.hosting__inner{max-width:1000px;margin:0 auto}.hosting__user{max-width:260px}.site-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.site-cards__empty{grid-column:1 / -1;padding:40px;border:1.5px dashed var(--ui-line);border-radius:var(--ui-radius-lg);text-align:center;color:var(--ui-text-muted)}.site-card{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border:var(--ui-card-border);border-radius:var(--ui-radius-lg);background:var(--ui-card-bg);box-shadow:var(--ui-card-shadow)}.site-card__head{display:flex;align-items:flex-start;gap:8px}.site-card__name{flex:1;min-width:0;margin:0;font-size:17px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.site-card__url{font-family:var(--ui-font-mono);font-size:12px;color:var(--ui-accent-text);text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.site-card__url:hover{text-decoration:underline}.site-card__url.is-empty{color:var(--ui-text-subtle);font-family:inherit}.site-card__meta{margin:0;font-size:12.5px;color:var(--ui-text-muted)}.site-card__editing{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin:2px 0 0;padding:2px 9px;border-radius:999px;background:var(--ui-warn-soft);color:var(--ui-warn);font-size:11.5px;font-weight:600}.site-card__actions{display:flex;gap:8px;margin-top:auto;padding-top:10px}.site-card__actions .btn{flex:1 1 auto;justify-content:center;white-space:nowrap}.site-card__actions a.btn,.welcome a.btn{text-decoration:none}.hosting-section{margin-top:28px}.hosting-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}.hosting-section__title{margin:0;font-size:17px;font-weight:650}.hosting-section__intro{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--ui-text-muted)}.hosting-card{padding:6px;border:var(--ui-card-border);border-radius:var(--ui-radius-lg);background:var(--ui-card-bg);box-shadow:var(--ui-card-shadow)}.hosting-card--row{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.hosting-card--holgada{padding:18px 20px}.hosting-card--holgada>:last-child{margin-bottom:0}.hosting-card--holgada .access__form{gap:16px}.hosting-card--holgada .access__form:not(.access__form--en-linea)>.access__submit{align-self:flex-start;min-width:200px}.hosting-card+.hosting-card--holgada,.hosting-card--holgada+.hosting-card{margin-top:12px}.hosting-card--holgada>*+.access__field,.hosting-card--holgada>.access__field+*{margin-top:16px}@media(max-width:640px){.hosting-card--holgada{padding:14px}.hosting-card--holgada .access__form:not(.access__form--en-linea)>.access__submit{align-self:stretch}}.hosting-table{width:100%;border-collapse:collapse;font-size:13px}.hosting-table th{padding:8px 10px;font-size:11.5px;font-weight:600;text-align:left;color:var(--ui-text-muted)}.hosting-table td{padding:9px 10px;border-top:1px solid var(--ui-line-soft);vertical-align:middle}.hosting-table td .page-chip{margin-left:6px}.hosting-table__tools{text-align:right;white-space:nowrap}.hosting-table__scroll{max-height:420px;overflow:auto}.modal__error{margin:0;font-size:12.5px;line-height:1.45;color:var(--ui-danger)}.modal__error[hidden]{display:none}.hosting-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;font-size:12.5px;font-weight:600;color:var(--ui-text-muted);text-decoration:none}.hosting-back:hover{color:var(--ui-accent-text)}.pages-screen__actions{display:flex;flex:none;flex-wrap:wrap;gap:8px}.pages-screen__actions a.btn{text-decoration:none}.hosting-card__empty{margin:0;padding:12px 10px}.module-name{margin-left:8px;font-family:var(--ui-font-mono);font-size:11.5px;color:var(--ui-text-subtle)}.module-description{max-width:420px;color:var(--ui-text-muted);line-height:1.45}.module-state{display:inline-block;padding:1px 9px;border-radius:999px;background:var(--ui-chip-bg);color:var(--ui-text-muted);font-size:11.5px;font-weight:600;line-height:19px;white-space:nowrap;cursor:default}.module-state.is-ok{background:transparent;color:var(--ui-ok);padding-left:0}.module-state.is-warn{background:var(--ui-warn-soft);color:var(--ui-warn)}.module-state.is-info{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.site-cards__create{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.site-cards__empty .site-cards__create{justify-content:center;margin-top:12px}.import-source{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.import-source__status{margin:6px 0 0;font-size:13px;color:var(--ui-text-muted)}.import-url{flex-wrap:nowrap}.import-url__input{flex:1;min-width:0}.import-url__label{margin-top:10px}.import-url__options{display:grid;gap:12px}.import-url__options[hidden]{display:none}.import-add__addresses{width:100%;min-height:96px;resize:vertical;font-family:var(--ui-font-mono, ui-monospace, monospace);font-size:13px}.import-progress{width:100%;height:8px;accent-color:var(--ui-accent)}.import-summary{display:grid;gap:14px;max-height:50vh;overflow:auto}.import-summary:empty{display:none}.import-summary__title{margin:0 0 6px;font-size:13px}.import-summary__list{display:grid;gap:4px;margin:0;padding-left:18px;font-size:12.5px;line-height:1.45;color:var(--ui-text-muted)}.import-frame{position:fixed;top:0;left:-10000px;width:1280px;height:900px;border:0;pointer-events:none}.import-summary__text{margin-top:4px}.import-summary__text>summary{cursor:pointer;color:var(--ui-text-subtle)}.import-summary__text>p{margin:4px 0 0;padding:8px 10px;border-left:2px solid var(--ui-line);white-space:pre-wrap;-webkit-user-select:text;user-select:text}.design-review__top{display:flex;flex-wrap:wrap;gap:12px}.design-review__top>.modal__field{min-width:180px}.design-review{display:grid;gap:18px}@media(min-width:760px){.design-review{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:start}.design-review__aside{position:sticky;top:0}}.design-review__fields{display:grid;gap:14px}.design-review__group{display:grid;gap:6px;margin:0;padding:0;border:0}.design-review__legend{margin-bottom:4px;font-size:var(--ui-kicker-size);font-weight:var(--ui-kicker-weight);text-transform:var(--ui-kicker-case);letter-spacing:var(--ui-kicker-tracking);color:var(--ui-kicker-color)}.design-review__field{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);align-items:center;gap:2px 10px}.design-review__field>.input{min-width:0}.design-review__label{font-size:13px}.design-review__source{grid-column:2;font-size:11.5px;color:var(--ui-text-subtle)}.design-review__color{display:flex;align-items:center;gap:6px;min-width:0}.design-review__swatch{flex:none;width:30px;height:30px;padding:0;border:1px solid var(--ui-line);border-radius:8px;background:none;cursor:pointer}.design-review__hex{flex:1;min-width:0;font-family:var(--ui-font-mono, monospace)}.design-review .input.is-invalid{border-color:var(--ui-danger)}.design-review__title{margin:0 0 6px;font-size:13px}.design-review__aside>.design-review__title:not(:first-child){margin-top:14px}.design-review__checks{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:12.5px}.design-review__check{display:flex;align-items:center;gap:6px;color:var(--ui-ok)}.design-review__check>span:last-child{color:var(--ui-text-muted)}.design-review__check.is-warn{color:var(--ui-warn)}.design-review__check.is-warn>span:last-child{color:var(--ui-warn)}.design-review__warnings:empty{display:none}.design-review__warning{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;padding:8px 10px;border:1px solid var(--ui-warn-line);border-radius:var(--ui-radius-md);background:var(--ui-warn-wash);color:var(--ui-warn);font-size:12.5px}.design-review__warning>span:not(.icon){flex:1;min-width:12rem}.design-review__sample-check{font-size:13px}.site-card__theme{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.site-card__theme.is-empty{color:var(--ui-text-subtle)}.site-card__theme-new{padding:0 8px;border-radius:999px;background:var(--ui-warn-soft);color:var(--ui-warn);font-size:11px;font-weight:600;line-height:18px}.access__form--en-linea{flex-direction:row;align-items:flex-start;gap:8px}.access__form--en-linea>:not(.access__submit){flex:1;min-width:0}.access__form--en-linea>.access__submit{flex:none;margin-top:0}}@layer components{.lista{margin:0;padding:6px;list-style:none;border:var(--ui-card-border);border-radius:var(--ui-radius-lg);background:var(--ui-card-bg);box-shadow:var(--ui-card-shadow)}.lista__fila{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 4px 4px 12px;border-radius:var(--ui-radius-md);transition:background-color .12s}.lista__fila+.lista__fila{box-shadow:0 -1px 0 var(--ui-line-soft)}.lista__fila:hover{background:var(--ui-hover)}.lista__fila:hover,.lista__fila:hover+.lista__fila{box-shadow:none}.lista__casilla{flex:none;width:16px;height:16px;margin:0;accent-color:var(--ui-accent);cursor:pointer}.lista__casilla:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:2px}.lista__texto{flex:1;min-width:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.lista__fila.is-hecha .lista__texto{color:var(--ui-text-muted);text-decoration:line-through}.lista__herramientas{flex:none;display:flex;align-items:center;gap:2px}.lista__vacia{padding:40px;border:1.5px dashed var(--ui-line);border-radius:var(--ui-radius-lg);color:var(--ui-text-muted);text-align:center}.lista__vacia>p{margin:0}}@layer components{.ia-gasto{margin:0 0 14px;font-size:15px}.ia-gasto+.settings-note{margin-bottom:14px}.hosting-card--holgada>.hosting-table{margin-top:16px}.ia-proveedor__cabeza{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ia-proveedor__nombre{margin:0;font-size:15px;font-weight:650}.ia-tarea__descripcion{margin:0 0 14px;font-size:13px;line-height:1.45;color:var(--ui-text-muted)}.ia-proveedor__botones{display:flex;flex-wrap:wrap;gap:6px}.ia-tarea>.btn{margin-top:10px}.ia-limite{max-width:360px}.ia-modelos{margin-top:12px;border-top:1px solid var(--ui-line-soft)}.ia-modelos__resumen{padding:10px 0 0;font-size:13px;font-weight:600;color:var(--ui-accent-text);cursor:pointer}.ia-modelos[open]>.ia-modelos__resumen{margin-bottom:10px}.ia-modelos .hosting-table__scroll{margin:4px -8px 0}.ia-opciones{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:0;border:0}.ia-opciones>legend{margin-bottom:6px;padding:0}.ia-opcion{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);cursor:pointer}.ia-opcion:has(input:checked){border-color:var(--ui-accent);background:var(--ui-hover)}.ia-opcion>input{flex:none;margin:0;accent-color:var(--ui-accent)}.ia-opcion__texto{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.ia-opcion__nombre{font-size:13.5px;font-weight:600}.ia-opcion__detalle{font-size:12px;color:var(--ui-text-muted)}.ia-opcion__coste{flex:none;font-size:12.5px;font-weight:600;white-space:nowrap}.ia-confirmar__linea,.ia-confirmar__coste{margin:0 0 8px;font-size:13.5px}.ia-confirmar__nota{margin:0 0 6px;font-size:12.5px;color:var(--ui-text-muted)}.ia-proveedor a{color:var(--ui-accent-text)}}@layer components{.idiomas{display:flex;flex-direction:column;margin:0 0 16px;padding:0;list-style:none}.idiomas__fila{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 0;border-bottom:1px solid var(--ui-line-soft)}.idiomas__fila:first-child{padding-top:0}.idiomas__codigo-fila{flex:none;min-width:38px;padding:2px 6px;border-radius:var(--ui-radius-sm);background:var(--ui-track);color:var(--ui-text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase}.idiomas__nombre{min-width:110px;font-size:14px;font-weight:600}.idiomas__detalle{flex:1;min-width:0;font-size:12.5px;color:var(--ui-text-muted)}.idiomas__botones{display:flex;gap:6px}.idiomas__titulo{margin:0 0 8px;font-size:13px;font-weight:600}.idiomas__anadir{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.idiomas__anadir>.access__field{flex:1 1 200px;margin:0}.idiomas__anadir>.access__field:first-child{flex:0 1 120px}.idiomas__anadir>.btn{margin-top:23px}.idiomas__ayuda{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--ui-text-muted)}@media(max-width:640px){.idiomas__anadir>.btn{flex:1 1 100%;justify-content:center;margin-top:0}}}@layer components{.nav-app{display:flex;gap:2px;min-width:0;margin-right:4px}.nav-app__boton{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:0;border-radius:var(--ui-radius-control);background:none;color:var(--ui-text-muted);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s}.nav-app__boton:hover{background:var(--ui-hover);color:var(--ui-text)}.nav-app__boton:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:2px}.nav-app__boton.is-active{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.nav-app__icono{position:relative;display:inline-flex}.nav-app__cuenta{position:absolute;top:-6px;right:-9px;min-width:16px;padding:0 4px;border-radius:999px;background:var(--ui-danger);color:var(--ui-on-accent);font-size:10px;font-weight:700;line-height:16px;text-align:center}@media(max-width:900px)and (min-width:641px){.nav-app__boton{padding:8px 10px}.nav-app__texto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:640px){.nav-app{position:fixed;right:0;bottom:0;left:0;z-index:40;justify-content:space-around;gap:0;margin:0;padding:4px 4px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--ui-topbar-line);background:var(--ui-topbar-bg)}.nav-app__boton{flex:1 1 0;flex-direction:column;gap:3px;min-width:0;padding:6px 2px;font-size:10.5px}.nav-app__texto{max-width:100%;overflow:hidden;text-overflow:ellipsis}.hosting:has(.nav-app) .hosting__main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}}@layer components{.campo-fecha{display:inline-flex;align-items:center;gap:8px;min-height:34px;text-align:left;cursor:pointer}.campo-fecha>.icon{flex:none;color:var(--ui-text-muted)}.campo-fecha:disabled{cursor:default}.campo-fecha__texto{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.campo-fecha.is-vacio .campo-fecha__texto{color:var(--ui-text-subtle)}.campo-fecha[aria-expanded=true]{outline:3px solid var(--ui-highlight-ring);border-color:var(--ui-highlight)}.calendario{position:relative;z-index:900;width:300px;max-width:calc(100vw - 16px);padding:10px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised);color:var(--ui-text);box-shadow:var(--ui-shadow-lg);outline:none}.calendario__cabeza{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}.calendario__titulo{font-size:14px;font-weight:600}.calendario__titulo:first-letter{text-transform:uppercase}.calendario__mes{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--ui-radius-control);background:none;color:var(--ui-text-muted);cursor:pointer;transition:background-color .15s,color .15s}.calendario__mes:hover{background:var(--ui-hover);color:var(--ui-text)}.calendario__mes:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:1px}.calendario__mes--antes .icon{transform:rotate(180deg)}.calendario__dias{width:100%;border-collapse:collapse;table-layout:fixed}.calendario__dias th{padding:4px 0 6px;font-size:11px;font-weight:600;color:var(--ui-text-muted);text-align:center}.calendario__dias th abbr{text-decoration:none}.calendario__dias td{padding:1px;text-align:center}.calendario__dia{width:100%;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--ui-radius-control);background:none;color:var(--ui-text);font:inherit;font-size:13px;cursor:pointer;transition:background-color .12s}.calendario__dia:hover:not(:disabled){background:var(--ui-hover)}.calendario__dia:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:-2px}.calendario__dia.is-fuera{color:var(--ui-text-subtle)}.calendario__dia.is-hoy{box-shadow:inset 0 0 0 1.5px var(--ui-accent-line);color:var(--ui-accent-text);font-weight:700}.calendario__dia.is-elegido,.calendario__dia.is-elegido:hover:not(:disabled){background:var(--ui-accent);color:var(--ui-on-accent);box-shadow:none}.calendario__dia:disabled{opacity:.35;cursor:default}.calendario__hora{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid var(--ui-line-soft);font-size:13px}.calendario__hora>span:first-child{margin-right:auto;color:var(--ui-text-muted)}.calendario__pie{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid var(--ui-line-soft)}.calendario__pie .btn--primary{margin-left:auto}}@layer components{.barra-guardar{position:fixed;left:50%;bottom:18px;z-index:60;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);padding:8px 8px 8px 16px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-xl);background:var(--ui-surface-raised);box-shadow:var(--ui-shadow-lg);transform:translate(-50%);animation:barra-guardar-entra .18s ease-out}.barra-guardar__texto{display:inline-flex;align-items:center;gap:7px;margin-right:6px;font-size:13px;font-weight:600;color:var(--ui-warn);white-space:nowrap}.barra-guardar__texto:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ui-warn)}@keyframes barra-guardar-entra{0%{opacity:0;translate:0 8px}}@media(prefers-reduced-motion:reduce){.barra-guardar{animation:none}}body:has(.barra-guardar) .hosting__main{padding-bottom:104px}@media(max-width:640px){.barra-guardar{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;width:auto;max-width:none;padding-left:12px;transform:none}.barra-guardar__texto{flex:1;min-width:0;margin-right:0;white-space:normal}body:has(.nav-app) .barra-guardar{bottom:calc(76px + env(safe-area-inset-bottom))}body:has(.barra-guardar) .hosting:has(.nav-app) .hosting__main{padding-bottom:calc(150px + env(safe-area-inset-bottom))}}}@layer components{.conexion{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:5px 10px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface);color:var(--ui-text-muted);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s}.conexion:hover{background:var(--ui-hover);color:var(--ui-text)}.conexion:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:2px}.conexion--sin{border-color:transparent;background:var(--ui-warn-soft);color:var(--ui-warn)}.conexion--sin:hover{background:var(--ui-warn-soft);color:var(--ui-warn)}.conexion--error{border-color:transparent;background:var(--ui-danger-soft);color:var(--ui-danger)}.conexion__cuenta{min-width:18px;padding:0 5px;border-radius:999px;background:var(--ui-warn);color:var(--ui-on-accent);font-size:11px;line-height:18px;text-align:center}@media(max-width:640px){.conexion{padding:6px 9px}}@media(max-width:340px){.conexion__texto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.sesion{display:flex;align-items:center;gap:12px;min-width:0;padding:4px 0}.sesion>.icon{flex:none;color:var(--ui-text-muted)}.sesion__texto{display:flex;flex-direction:column;gap:2px;min-width:0}.sesion__detalle{font-size:12px;color:var(--ui-text-muted)}.access__check--recordar{margin-bottom:0}.hosting__topbar{padding-top:env(safe-area-inset-top);padding-left:max(var(--ui-topbar-pad),env(safe-area-inset-left));padding-right:max(var(--ui-topbar-pad),env(safe-area-inset-right));min-height:calc(var(--ui-topbar-h) + env(safe-area-inset-top))}.hosting__main{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right));padding-bottom:calc(48px + env(safe-area-inset-bottom))}.access{padding-top:max(8vh,env(safe-area-inset-top));padding-bottom:calc(48px + env(safe-area-inset-bottom))}}@layer theme{:root{--ui-modes: light dark;--app-color: #0e9aa7;--app-color-de-noche: #22c3cf;--app-sobre-el-color: #ffffff;--app-sobre-el-color-de-noche: #04262a;--ui-font: "Inter", "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--ui-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--app-letra-partitura: Georgia, "Times New Roman", serif;--app-texto-diminuto: 10px;--app-texto-pequeno: 12px;--app-texto-normal: 13px;--app-texto-medio: 14px;--app-texto-destacado: 17px;--app-texto-grande: 20px;--app-texto-titulo: 28px;--app-texto-acorde-compacto: 40px;--app-texto-acorde: clamp(54px, 8vw, 118px);--app-texto-tipo-de-acorde: clamp(16px, 1.8vw, 22px);--app-peso-normal: 500;--app-peso-medio: 600;--app-peso-fuerte: 700;--app-peso-maximo: 750;--ui-font-size: 12px;--ui-title-size: 24px;--ui-title-weight: 600;--ui-title-tracking: -.02em;--ui-panel-title-size: 12px;--ui-panel-title-weight: 600;--ui-panel-title-case: none;--ui-panel-title-tracking: 0;--ui-panel-title-color: var(--ui-text);--ui-kicker-size: 12px;--ui-kicker-weight: 600;--ui-kicker-case: none;--ui-kicker-tracking: 0;--ui-kicker-color: var(--ui-text);--ui-radius-sm: 8px;--ui-radius-md: 10px;--ui-radius-lg: 14px;--ui-radius-xl: 16px;--ui-radius-control: 8px;--ui-radius-panel: 0;--ui-radius-check: 4px;--app-tecla-iluminada: var(--ui-accent);--app-tecla-suave: light-dark(color-mix(in srgb, var(--app-color) 50%, #ffffff), color-mix(in srgb, var(--app-color-de-noche) 65%, #000000));--app-tecla-mal: var(--ui-danger);--app-tecla-blanca: light-dark(#ffffff, #e2e4ec);--app-tecla-negra: light-dark(#2a2e35, #23262d);--app-tecla-raya: light-dark(rgba(18, 22, 28, .18), rgba(18, 22, 28, .16));--app-tecla-contorno: light-dark(rgba(18, 22, 28, .18), transparent);--app-tecla-rotulo: light-dark(#7d8390, #80838f);--app-piano-alto-max: 30dvh;--ui-canvas: light-dark(#f5f5f5, #171717);--ui-panel-bg: light-dark(#ffffff, #111111);--ui-panel-border: 0;--ui-panel-shadow: none;--ui-card-bg: light-dark(#ffffff, #111111);--ui-card-border: 1px solid light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .07));--ui-card-shadow: none;--ui-surface: light-dark(#e9e9e9, #242424);--ui-surface-alt: light-dark(#ffffff, #111111);--ui-surface-raised: light-dark(#ffffff, #1c1c1c);--ui-frame-bg: #ffffff;--ui-topbar-bg: light-dark(#ffffff, #111111);--ui-topbar-line: light-dark(#ebebeb, #222222);--ui-brand-bg: transparent;--ui-brand-line: transparent;--app-escenario: light-dark(#eeeeee, #0b0b0b);--ui-text: light-dark(#111111, #ffffff);--ui-text-label: light-dark(#333333, #cccccc);--ui-text-soft: light-dark(#444444, #bbbbbb);--ui-text-muted: light-dark(#666666, #999999);--ui-text-subtle: light-dark(#757575, #858585);--ui-line: light-dark(#e6e6e6, #2a2a2a);--ui-line-soft: light-dark(#efefef, #222222);--ui-hover: light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .06));--ui-hover-strong: light-dark(rgba(0, 0, 0, .07), rgba(255, 255, 255, .1));--app-boton-encima: light-dark(#dfdfdf, #2e2e2e);--app-campo-encima: light-dark(#ececec, #2a2a2a);--ui-track: light-dark(#f3f3f3, #242424);--ui-track-hover: light-dark(rgba(0, 0, 0, .03), rgba(255, 255, 255, .04));--app-opcion-elegida: light-dark(#ffffff, #404040);--ui-chip-bg: light-dark(rgba(0, 0, 0, .05), rgba(153, 153, 153, .1));--ui-note-bg: light-dark(#f7f7f7, #1c1c1c);--ui-scrollbar: light-dark(rgba(0, 0, 0, .2), rgba(255, 255, 255, .16));--ui-accent: light-dark(var(--app-color), var(--app-color-de-noche));--ui-accent-hover: light-dark(color-mix(in srgb, var(--app-color) 86%, #000000), color-mix(in srgb, var(--app-color-de-noche) 85%, #ffffff));--ui-accent-text: light-dark(color-mix(in srgb, var(--app-color) 75%, #000000), color-mix(in srgb, var(--app-color-de-noche) 70%, #ffffff));--ui-accent-muted: light-dark(color-mix(in srgb, var(--app-color) 55%, #808080), color-mix(in srgb, var(--app-color-de-noche) 55%, #a8a8a8));--ui-accent-soft: light-dark(color-mix(in srgb, var(--app-color) 12%, transparent), color-mix(in srgb, var(--app-color-de-noche) 16%, transparent));--ui-accent-wash: light-dark(color-mix(in srgb, var(--app-color) 6%, transparent), color-mix(in srgb, var(--app-color-de-noche) 8%, transparent));--ui-accent-line: light-dark(color-mix(in srgb, var(--app-color) 45%, transparent), color-mix(in srgb, var(--app-color-de-noche) 45%, transparent));--ui-accent-shadow: none;--ui-accent-glow: none;--ui-on-accent: light-dark(var(--app-sobre-el-color), var(--app-sobre-el-color-de-noche));--ui-highlight: var(--ui-accent);--ui-highlight-ring: transparent;--ui-field-bg: light-dark(#f3f3f3, #242424);--ui-field-border: light-dark(#d4d4d4, transparent);--ui-field-disabled: light-dark(#fafafa, #1a1a1a);--ui-field-addon: light-dark(#ebebeb, #1c1c1c);--ui-control-off: light-dark(#d6d6d6, #444444);--ui-knob: #ffffff;--ui-ok: light-dark(#0b8a4f, #33cc88);--ui-warn: light-dark(#b35c00, #ffb224);--ui-warn-soft: light-dark(#fff1dc, rgba(255, 178, 36, .14));--ui-warn-line: light-dark(#f2c98a, rgba(255, 178, 36, .4));--ui-warn-wash: light-dark(#fffaf2, rgba(255, 178, 36, .06));--ui-danger: light-dark(#d92d32, #ff5c5c);--ui-danger-hover: light-dark(#bb2328, #ff7575);--ui-danger-soft: light-dark(#fdecec, rgba(255, 92, 92, .14));--ui-dirty: light-dark(#f2a300, #ffbb00);--ui-common: #8855ff;--ui-common-soft: light-dark(#f1ebff, rgba(136, 85, 255, .18));--ui-common-text: light-dark(#6a3be0, #b799ff);--app-rec: #e5484d;--ui-serp-title: #1a0dab;--ui-serp-url: #4d5156;--ui-serp-text: #474747;--ui-qr-dark: #000000;--ui-qr-light: #ffffff;--ui-inverse: light-dark(#1f1f1f, #262626);--ui-inverse-text: #ffffff;--ui-inverse-muted: light-dark(#b3b3b3, #aaaaaa);--ui-inverse-note: #ffbb00;--ui-backdrop: light-dark(rgba(0, 0, 0, .3), rgba(0, 0, 0, .55));--app-tinta: light-dark(#151515, #f2f2f2);--app-onda: light-dark(color-mix(in srgb, var(--app-color) 35%, transparent), color-mix(in srgb, var(--app-color-de-noche) 30%, transparent));--app-nota-barra: var(--ui-accent);--app-pedal-barra: light-dark(rgba(255, 178, 36, .55), rgba(255, 178, 36, .45));--app-tramo: light-dark(#f2f2f2, #1d1d1d);--app-tramo-dudoso: light-dark(#fff3dd, #33280f);--app-mano: var(--ui-accent-soft);--app-mano-texto: var(--ui-accent-text);--app-cabezal: var(--ui-danger);--app-bucle: light-dark(color-mix(in srgb, var(--ui-common) 14%, transparent), color-mix(in srgb, var(--ui-common) 22%, transparent));--ui-shadow-xs: 0 1px 3px light-dark(rgba(0, 0, 0, .12), rgba(0, 0, 0, .3)), inset 0 0 0 1px light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .04));--ui-shadow: 0 0 0 1px light-dark(rgba(0, 0, 0, .06), rgba(255, 255, 255, .08)), 0 8px 24px light-dark(rgba(0, 0, 0, .12), rgba(0, 0, 0, .5));--ui-shadow-lg: 0 0 0 1px light-dark(rgba(0, 0, 0, .06), rgba(255, 255, 255, .08)), 0 16px 40px light-dark(rgba(0, 0, 0, .14), rgba(0, 0, 0, .55));--ui-shadow-xl: 0 0 0 1px light-dark(rgba(0, 0, 0, .06), rgba(255, 255, 255, .08)), 0 30px 80px light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .6));--ui-gap: 0px;--ui-topbar-h: 48px;--ui-topbar-pad: 10px;--ui-sidebar-w: 248px;--ui-structure-w: 280px;--ui-css-w: 320px;--ui-css-wide-w: min(600px, 48vw);--ui-inspector-w: 320px;--ui-rail-w: 44px}:root{color-scheme:dark}:root[data-mode=light]{color-scheme:light}.sidebar{border-right:1px solid var(--ui-line-soft)}.panel-right{border-left:1px solid var(--ui-line-soft)}.main{background:var(--ui-canvas)}.topbar{gap:8px}.topbar__brand{padding:0 6px}.topbar__brand strong{font-size:13px}.topbar__page{height:30px;gap:6px;padding:0 10px;border-color:transparent;border-radius:var(--ui-radius-control);font-size:12px}.topbar__page-kicker,.status{font-size:12px}.btn{min-height:30px;padding:0 10px;border-color:transparent;font-size:12px;font-weight:500}.btn--big{min-height:40px;padding:0 18px;font-size:14px}.icon-btn{width:30px;height:30px;border-color:transparent}.tool{width:28px;height:28px;border-radius:6px}:is(.btn:not(.btn--primary,.btn--danger,.btn--quiet-danger),.icon-btn:not(.icon-btn--ghost),.css-class:not(.is-active)):hover:not(:disabled),.topbar__page:hover,.topbar__page[aria-expanded=true]{background:var(--app-boton-encima)}.btn--primary{font-weight:600}.seg,.segmented{gap:2px;padding:2px;border-radius:var(--ui-radius-control);background:var(--ui-track)}.seg__btn,.segmented__btn{height:26px;padding:0 10px;border-radius:6px;color:var(--ui-text-muted);font-size:12px;font-weight:500}.seg__btn--icon,.segmented__btn--icon{display:inline-flex;align-items:center;padding:0 8px}.seg__btn:hover:not(:disabled):not(.is-active),.segmented__btn:hover:not(:disabled):not(.is-active){background:none;color:var(--ui-text)}.seg__btn.is-active,.segmented__btn.is-active{background:var(--app-opcion-elegida);color:var(--ui-text);box-shadow:var(--ui-shadow-xs)}.panel-head{min-height:46px;padding:8px 10px}.panel-tabs{gap:2px;padding:0;background:none}.panel-tabs__btn{height:30px;padding:0 10px;border-radius:var(--ui-radius-control);color:var(--ui-text-muted);font-size:12px;font-weight:500}.panel-tabs__btn:hover:not(.is-active){background:none;color:var(--ui-text)}.panel-tabs__btn.is-active{background:var(--ui-surface);color:var(--ui-text);box-shadow:none}.sidebar__body{padding:10px}.sidebar__title{margin:4px 2px 8px}.props__section{padding:14px 10px 6px}.props__heading{margin:0 0 12px}.props__empty{font-size:12px}.props__common,.props__muted,.props__fixed,.props__settings{margin:10px 10px 0;font-size:12px}.props__note{margin:12px 10px;font-size:12px}.prop--option{grid-template-columns:minmax(72px,32%) 1fr;gap:8px;min-height:30px;margin-bottom:8px}.prop__label{font-size:12px;font-weight:500;color:var(--ui-text-label)}.prop--option .prop__label{font-weight:400;color:var(--ui-text-label)}.prop--field{padding:2px 0 14px}.prop--field+.prop--field{padding-top:2px;border-top:0}.prop__help{font-size:11.5px}.prop__count{border-radius:5px}.input{min-height:30px;padding:6px 8px;border-color:var(--ui-field-border);border-radius:var(--ui-radius-sm);font-size:12px}.input:where(:hover:not(:focus,:disabled)){background:var(--app-campo-encima)}.input:focus{outline:0;border-color:var(--ui-highlight)}.input.is-invalid{border-color:var(--ui-danger);outline:0}.input-prefix,.rich{border-color:var(--ui-field-border);border-radius:var(--ui-radius-sm)}.input-prefix:focus-within,.rich:focus-within{outline:0;border-color:var(--ui-highlight)}.input-prefix__text{border-right-color:var(--ui-line);font-size:11.5px}.input-prefix .input{border-color:transparent}.rich__toolbar{border-bottom-color:var(--ui-line)}.rich__editor{padding:7px 8px;font-size:12px}.lang-row.is-missing :is(.input,.rich):not(.link-field__dest *){border-color:var(--ui-warn-line);background:var(--ui-warn-wash)}.counter{background:var(--ui-panel-bg)}.langs,.lang-row{gap:6px}.lang-chip{width:26px;height:30px;margin-top:0;background:none;color:var(--ui-text-subtle);font-size:10px}.lang-row.is-current .lang-chip{background:none;color:var(--ui-accent-text)}.lang-row.is-missing .lang-chip,.lang-chip.is-missing{background:var(--ui-warn-soft);color:var(--ui-warn)}.switch__track{width:32px}.switch__input:checked+.switch__track:after{transform:translate(12px)}.switch__label{font-size:12px;color:var(--ui-text-label)}.switch__help{font-size:11.5px}.code-block,.site-lang,.service-conversions,.share-card{border-color:var(--ui-line);background:var(--ui-surface-raised)}.page-chip,.module-state,.site-lang__chip,.service-chip,.page-row__count,.site-card__theme-new{border-radius:5px}.menu-pop{padding:4px}.menu-pop__item{padding:7px 8px;border-radius:6px;font-size:12px}.menu-pop__item:hover:not(:disabled),.menu-pop__item:focus-visible{background:var(--ui-accent);color:var(--ui-on-accent)}.menu-pop__item:is(:hover:not(:disabled),:focus-visible) :is(.icon,.menu-pop__hint){color:inherit}.menu-pop__item:is(:hover:not(:disabled),:focus-visible) .menu-pop__check{border-color:var(--ui-on-accent)}.menu-pop__item:is(:hover:not(:disabled),:focus-visible) .menu-pop__check.is-on{background:var(--ui-on-accent)}.menu-pop__item:is(:hover:not(:disabled),:focus-visible) .menu-pop__check.is-on .icon{color:var(--ui-accent)}.menu-pop__item:is(:hover:not(:disabled),:focus-visible) .menu-pop__check--radio.is-on:after{background:var(--ui-accent)}.menu-pop__item.is-danger:hover:not(:disabled),.menu-pop__item.is-danger:focus-visible{background:var(--ui-danger);color:var(--ui-on-accent)}.menu-pop__item.is-danger:is(:hover:not(:disabled),:focus-visible) .icon{color:var(--ui-on-accent)}.menu-pop__hint{font-size:11px}.menu-pop__sub .menu-pop__item{padding-left:33px}@supports (appearance: base-select){.input--select::picker(select){padding:4px}.input--select option{padding:7px 8px;border-radius:6px;font-size:12px}.input--select option:hover:not(:disabled),.input--select:not(:has(option:hover)) option:focus-visible{background:var(--ui-accent);color:var(--ui-on-accent)}.input--select option:hover:not(:disabled)::checkmark,.input--select:not(:has(option:hover)) option:focus-visible::checkmark{color:var(--ui-on-accent)}.input--select optgroup{font-size:11px}}.tip{padding:6px 8px;border-radius:var(--ui-radius-sm);font-size:12px}.tip--rich{padding:8px 10px}.toast{padding:9px 14px;font-size:12px}.modal__form{gap:14px;padding:20px}.modal__icon{width:36px;height:36px;border-radius:var(--ui-radius-md)}.modal__title{font-size:14px;font-weight:600}.modal__sheet-titles .modal__title{font-size:16px}.modal__kicker{color:var(--ui-text-muted)}.modal__message,.modal__label{font-size:12px}.modal__sheet-head{padding:16px 14px 14px 20px}.modal__sheet-foot{padding:12px 20px}.page-settings .props__section{padding:16px 20px 8px}.settings-tabs{padding:12px 20px 10px}.settings-notes{padding:14px 20px 0}.pages{padding:6px}.page-row{min-height:44px}.page-row__name{font-size:13px;font-weight:500}.page-row__main{padding:8px 6px}.pages-screen__intro{font-size:12px}}.sb-escena{display:flex;flex-direction:column;gap:10px;padding:12px 16px 14px;background:var(--app-escenario)}.sb-escena__centro{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0}.sb-escena__piano{flex:none}@media(min-height:500px){.sb-escena{overflow:hidden}.sb-escena__centro{overflow:auto}}@media(max-height:499px){.sb-escena__centro,.sb-acordes{flex:none}}.sb-herramientas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.sb-herramientas__grupo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.sb-herramientas__grupo--derecha{margin-left:auto}.sb-fuente .segmented__btn:disabled{opacity:.45;cursor:default}.sb-rec{display:inline-flex;align-items:center;gap:6px}.sb-rec__boton{color:var(--app-rec)}.sb-rec--grabando .sb-rec__boton{background:var(--app-rec);color:var(--app-tecla-blanca)}.sb-rec__tiempo{color:var(--app-rec);font-weight:var(--app-peso-fuerte);font-variant-numeric:tabular-nums;animation:sb-latido 1s ease-in-out infinite}@keyframes sb-latido{50%{opacity:.45}}.sb-abierto{display:inline-flex;align-items:center;gap:6px;max-width:min(520px,100%);min-height:30px;padding:0 4px 0 10px;border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text-soft)}.sb-abierto__nombre{overflow:hidden;color:var(--ui-text);font-weight:var(--app-peso-medio);text-overflow:ellipsis;white-space:nowrap}.sb-abierto__estado{color:var(--ui-text-muted);white-space:nowrap}.sb-tonalidad,.sb-transportar{gap:6px;font-weight:var(--app-peso-fuerte)}.sb-transportar.is-active{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent-text)}.sb-tonalidad__auto{color:var(--ui-text-subtle);font-size:var(--app-texto-diminuto);font-weight:var(--app-peso-normal)}.sb-midi{color:var(--ui-text-muted);transition:color .12s}.sb-midi--conectado{color:var(--ui-ok)}.sb-midi--senal{color:var(--ui-accent)}.sb-midi--sin{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--ui-text-subtle);opacity:.6}.sb-progreso{display:inline-block;width:110px;height:4px}.sb-progreso--grande{width:min(420px,80%);height:6px}.sb-progreso__fondo{fill:var(--ui-track)}.sb-progreso__barra{fill:var(--ui-accent);transition:width .2s}.sb-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:10px 14px;border:1px solid var(--ui-warn-line);border-radius:var(--ui-radius-md);background:var(--ui-warn-soft);color:var(--ui-text);font-size:var(--app-texto-normal);line-height:1.45}.sb-aviso--suave{border-color:var(--ui-accent-line);background:var(--ui-accent-wash)}.sb-panel{border:var(--ui-card-border);border-radius:var(--ui-radius-lg);background:var(--ui-card-bg);box-shadow:var(--ui-card-shadow)}.sb-panel__cabecera{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 0;color:var(--ui-text-muted);font-size:var(--app-texto-normal);font-weight:var(--app-peso-medio)}.sb-panel__dato{color:var(--ui-text-soft);font-weight:var(--app-peso-normal)}.sb-acordes{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;flex:1 1 auto;min-height:0}@media(min-width:1020px){.sb-acordes{grid-template-columns:minmax(0,1fr) minmax(380px,42%)}}.sb-panel--ficha{display:flex;min-height:200px}.sb-panel--partitura{display:flex;flex-direction:column;min-height:220px}.sb-panel__partitura{display:flex;flex:1 1 auto;min-height:0;padding:8px 12px 12px}@media(max-width:1019px)and (min-height:500px){.sb-acordes{grid-template-rows:auto minmax(0,1fr)}.sb-acordes .sb-panel--partitura{min-height:120px}.sb-acordes .sb-partitura{min-height:80px}}.sb-ficha{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:16px 32px;padding:20px 28px;transition:opacity .25s}.sb-ficha--apagada{opacity:.45}.sb-ficha--vacia{justify-content:center}.sb-ficha__espera{margin:0;color:var(--ui-text-subtle);font-size:var(--app-texto-grande);font-weight:var(--app-peso-medio)}.sb-ficha__nombre{flex:1 1 260px;min-width:0}.sb-ficha__cifrado{margin:0;overflow-wrap:anywhere;font-size:var(--app-texto-acorde);font-weight:var(--app-peso-maximo);letter-spacing:-.03em;line-height:1}.sb-ficha__tipo{margin:8px 0 0;color:var(--ui-text-soft);font-size:var(--app-texto-tipo-de-acorde);font-weight:var(--app-peso-normal)}.sb-ficha__sugerida{color:var(--ui-text-subtle);font-size:.75em}.sb-ficha__datos{display:grid;flex:1 1 280px;gap:0;margin:0}.sb-ficha__fila{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--ui-line-soft)}.sb-ficha__fila:last-child{border-bottom:0}.sb-ficha__fila dt{color:var(--ui-text-muted);font-size:var(--app-texto-normal)}.sb-ficha__fila dd{margin:0;font-size:var(--app-texto-destacado);font-weight:var(--app-peso-fuerte);text-align:right;overflow-wrap:anywhere}.sb-ficha__dato--raiz dd{color:var(--ui-accent-text)}.sb-ficha--compacta{flex-wrap:nowrap;gap:20px;padding:10px 18px;overflow-x:auto}.sb-ficha--compacta .sb-ficha__nombre{flex:none;min-width:110px}.sb-ficha--compacta .sb-ficha__cifrado{font-size:var(--app-texto-acorde-compacto)}.sb-ficha--compacta .sb-ficha__tipo{margin-top:2px;font-size:var(--app-texto-normal)}.sb-ficha--compacta .sb-ficha__datos{display:flex;flex:1 1 auto;gap:22px}.sb-ficha--compacta .sb-ficha__fila{flex-direction:column;gap:2px;padding:0;border:0}.sb-ficha--compacta .sb-ficha__fila dd{font-size:var(--app-texto-medio);text-align:left;white-space:nowrap}.sb-partitura{display:block;width:100%;height:100%;min-height:180px;color:var(--app-tinta);transition:opacity .25s}.sb-partitura--apagada{opacity:.45}.sb-partitura__linea,.sb-partitura__adicional{stroke:currentColor}.sb-partitura__glifo,.sb-partitura__nota path{fill:currentColor}.sb-partitura__nota--pedal{opacity:.55}.sb-partitura__nota--bien{color:var(--app-tecla-iluminada)}.sb-partitura__nota--mal{color:var(--app-tecla-mal)}.sb-partitura__nota--objetivo{color:var(--app-tecla-suave)}.sb-partitura__pedal{fill:currentColor;font-family:var(--app-letra-partitura);font-style:italic;font-weight:var(--app-peso-fuerte)}.sb-teclado{display:block;width:100%;user-select:none;-webkit-user-select:none}.sb-teclado svg{display:block;width:100%;height:auto;max-height:var(--app-piano-alto-max);overflow:visible}.sb-tecla{transition:fill .08s}.sb-tecla--blanca{fill:var(--app-tecla-blanca)}.sb-tecla--negra{fill:var(--app-tecla-negra)}.sb-tecla--pulsada,.sb-tecla--bien{fill:var(--app-tecla-iluminada)}.sb-tecla--pedal,.sb-tecla--objetivo{fill:var(--app-tecla-suave)}.sb-tecla--mal{fill:var(--app-tecla-mal)}.sb-teclado__raya{stroke:var(--app-tecla-raya);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.sb-teclado__contorno{fill:none;stroke:var(--app-tecla-contorno);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.sb-teclado__nombre{fill:var(--app-tecla-rotulo);font-size:var(--app-texto-diminuto);font-weight:var(--app-peso-normal);pointer-events:none}.sb-teclado__nombre--sobre{fill:var(--app-escenario)}.sb-teclado--tocable .sb-tecla{cursor:pointer;touch-action:none}.sb-transporte{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.sb-transporte__grupo{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sb-transporte__tocar{color:var(--ui-accent)}.sb-transporte__reloj{min-width:92px;color:var(--ui-text);font-size:var(--app-texto-medio);font-weight:var(--app-peso-fuerte);font-variant-numeric:tabular-nums}.sb-transporte__tempo{color:var(--ui-text-muted);font-size:var(--app-texto-pequeno)}.sb-transporte__velocidad{gap:6px;font-variant-numeric:tabular-nums}.sb-transporte .is-active{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.sb-linea{flex:none;overflow-x:auto;overflow-y:hidden;border:var(--ui-card-border);border-radius:var(--ui-radius-lg);background:var(--ui-card-bg)}.sb-linea__lienzo{display:block;touch-action:pan-x;user-select:none;-webkit-user-select:none}.sb-linea__fondo{fill:transparent}.sb-linea__compas{stroke:var(--ui-line);stroke-width:1}.sb-linea__segundo{stroke:var(--ui-line)}.sb-linea__pulso{stroke:var(--ui-line-soft);stroke-width:1}.sb-linea__regla{fill:var(--ui-text-muted);font-size:var(--app-texto-diminuto);font-variant-numeric:tabular-nums}.sb-linea__onda{fill:var(--app-onda)}.sb-linea__nota{fill:var(--app-nota-barra)}.sb-linea__pedal{fill:var(--app-pedal-barra)}.sb-linea__seleccion{fill:var(--app-bucle);pointer-events:none}.sb-linea__tramo{cursor:pointer}.sb-linea__tramo rect{fill:var(--app-tramo);stroke:var(--ui-line);stroke-width:1}.sb-linea__tramo:hover rect{fill:var(--ui-hover-strong)}.sb-linea__tramo text{fill:var(--ui-text);font-size:var(--app-texto-normal);font-weight:var(--app-peso-fuerte);pointer-events:none}.sb-linea__tramo--sin text{fill:var(--ui-text-subtle);font-weight:var(--app-peso-normal)}.sb-linea__tramo--dudoso rect{fill:var(--app-tramo-dudoso)}.sb-linea__tramo--corregido rect{stroke:var(--ui-accent);stroke-width:1.5}.sb-linea__mano{cursor:pointer}.sb-linea__mano rect{fill:var(--app-mano)}.sb-linea__mano:hover rect{fill:var(--ui-hover-strong)}.sb-linea__mano text{fill:var(--app-mano-texto);pointer-events:none}.sb-linea__mano-nombre{font-size:var(--app-texto-normal);font-weight:var(--app-peso-fuerte)}.sb-linea__mano-inversion{font-size:var(--app-texto-diminuto);font-weight:var(--app-peso-medio)}.sb-linea__cabezal{stroke:var(--app-cabezal);stroke-width:2;pointer-events:none}.sb-panel--fila{flex:none}.sb-mezclador{display:grid;gap:4px;margin:0;padding:0;list-style:none}.sb-mezclador__pista{display:grid;grid-template-columns:minmax(80px,1fr) auto auto minmax(110px,1.4fr);align-items:center;gap:6px;padding:6px 8px;border-radius:var(--ui-radius-sm);background:var(--ui-track)}.sb-mezclador__pista.is-silencio .sb-mezclador__nombre{color:var(--ui-text-subtle);text-decoration:line-through}.sb-mezclador__pista.is-solo{background:var(--ui-accent-wash)}.sb-mezclador__nombre{overflow:hidden;font-weight:var(--app-peso-medio);text-overflow:ellipsis;white-space:nowrap}.sb-mezclador .is-active{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.sb-deslizador{width:100%;padding:0;border:0;background:none;accent-color:var(--ui-accent)}.sb-editor__titulo{margin:14px 0 8px;color:var(--ui-text-muted);font-size:var(--app-texto-pequeno);font-weight:var(--app-peso-medio)}.sb-editor__titulo:first-child{margin-top:0}.sb-editor__opciones{display:flex;flex-wrap:wrap;gap:6px}.sb-editor__campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.sb-editor__vista{margin:12px 0 0;font-size:var(--app-texto-titulo);font-weight:var(--app-peso-maximo);text-align:center}.sb-practica{display:flex;flex-direction:column;gap:10px}.sb-practica__arriba{display:flex;align-items:center;gap:10px;min-width:0}.sb-practica__modo{flex:none}.sb-fila{display:flex;flex:1 1 auto;align-items:center;gap:2px;min-width:0}.sb-practica__acordes{display:flex;flex:1 1 auto;gap:6px;min-width:0;overflow-x:auto;padding-bottom:2px}.sb-chip{flex:none;min-width:52px;height:40px;padding:0 14px;border:var(--ui-card-border);border-radius:var(--ui-radius-md);background:var(--ui-card-bg);color:var(--ui-text);font:inherit;font-size:var(--app-texto-destacado);font-weight:var(--app-peso-fuerte);cursor:pointer;transition:background-color .12s,color .12s}.sb-chip:hover{background:var(--ui-hover-strong)}.sb-chip.is-active{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.sb-chip:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:2px}.sb-practica__barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:var(--ui-card-border);border-radius:var(--ui-radius-md);background:var(--ui-card-bg)}.sb-practica__voicing,.sb-practica__acciones{display:flex;align-items:center;gap:2px}.sb-practica__inversiones{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.sb-practica__punto{flex:none;width:6px;height:6px;margin-left:5px;border-radius:50%;background:var(--ui-accent)}.sb-practica__leyenda{display:inline-flex;align-items:center;gap:5px;color:var(--ui-text-muted);font-size:var(--app-texto-pequeno)}.sb-practica__leyenda .sb-practica__punto{margin-left:0}.sb-practica__nombre>span{transition:color .15s}.sb-practica__ahora{color:var(--ui-accent-text)}.sb-practica__estilo{min-width:140px;padding:0 6px;font-weight:var(--app-peso-fuerte);text-align:center}.sb-practica__nombre{margin-right:8px;font-size:var(--app-texto-grande);font-weight:var(--app-peso-maximo)}.sb-practica__acciones .is-active{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.sb-practica__estado{margin:0;color:var(--ui-text-muted);font-size:var(--app-texto-medio);text-align:center}.sb-practica__estado.is-correcto{color:var(--ui-accent-text);font-size:var(--app-texto-grande);font-weight:var(--app-peso-maximo)}.sb-panel--partitura-practica{display:flex;height:220px;padding:8px 12px}.sb-panel--cambio{gap:12px}.sb-practica__partitura{display:flex;flex:1 1 0;min-width:0;opacity:.55;transition:opacity .2s}.sb-practica__partitura.is-ahora{opacity:1}.sb-escena--practica .sb-escena__centro{justify-content:safe flex-end}.sb-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1 1 auto;max-width:640px;margin:0 auto;padding:32px 16px;text-align:center}.sb-vacio h2{margin:0;font-size:var(--app-texto-grande);font-weight:var(--app-peso-fuerte)}.sb-vacio p{margin:0;color:var(--ui-text-muted);font-size:var(--app-texto-medio);line-height:1.55}.sb-vacio__botones{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.sb-vacio__nota{font-size:var(--app-texto-pequeno)}.sb-vacio--analizando{min-height:200px}.sb-soltar{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ui-backdrop);pointer-events:none}.sb-soltar p{margin:0;padding:28px 36px;border:2px dashed var(--ui-accent);border-radius:var(--ui-radius-xl);background:var(--ui-surface-raised);color:var(--ui-text);font-size:var(--app-texto-destacado);font-weight:var(--app-peso-fuerte);text-align:center}.sb-reciente{display:flex;flex:1 1 auto;align-items:center;gap:12px;min-width:0;padding:6px 4px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.sb-reciente__icono{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:var(--ui-radius-md);background:var(--ui-accent-soft);color:var(--ui-accent-text)}.sb-reciente__icono--grabacion{background:var(--ui-danger-soft);color:var(--app-rec)}.sb-reciente__icono--pistas{background:var(--ui-common-soft);color:var(--ui-common-text)}.sb-reciente__textos{display:flex;flex-direction:column;gap:2px;min-width:0}.sb-reciente__nombre{overflow:hidden;font-size:var(--app-texto-medio);font-weight:var(--app-peso-fuerte);text-overflow:ellipsis;white-space:nowrap}.sb-reciente__datos{overflow:hidden;color:var(--ui-text-muted);font-size:var(--app-texto-pequeno);text-overflow:ellipsis;white-space:nowrap}.sb-mas{display:flex;justify-content:center;margin-top:12px}.sb-credito{margin:0;font-size:var(--app-texto-medio);line-height:1.55}.sb-credito--enlaces{margin-top:8px;font-size:var(--app-texto-normal)}.sb-credito a{color:var(--ui-accent-text)}@media(max-width:640px){.sb-escena{padding:8px 10px 10px}.hosting:has(.nav-app) .sb-escena{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.sb-herramientas{gap:6px}.sb-herramientas__grupo--derecha{margin-left:0}.sb-abierto__estado{display:none}.sb-ficha{padding:14px 16px}.sb-ficha__fila dd{font-size:var(--app-texto-medio)}.sb-panel--partitura{min-height:180px}.sb-transporte__tempo{display:none}.sb-practica__estilo{min-width:110px}.sb-practica__arriba{flex-direction:column;align-items:stretch}.sb-practica__modo{align-self:flex-start}.sb-mezclador__pista{grid-template-columns:minmax(70px,1fr) auto auto}.sb-mezclador__pista .control{grid-column:1 / -1}}