:root{--colour-frame: #1e2171;--colour-on-frame: #ffffff;--colour-border: #d4d6e0;--colour-text: #1a1a1a;--colour-muted: #6b7280;--colour-bg: #f4f5f9;--colour-surface: #ffffff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--colour-text)}:root[data-theme=dark]{--colour-frame: #7a7ee8;--colour-on-frame: #14161d;--colour-border: #2e3346;--colour-text: #e6e8f0;--colour-muted: #9aa0b4;--colour-bg: #14161d;--colour-surface: #1e2130}*{box-sizing:border-box}body{margin:0;background:var(--colour-bg)}.app{display:flex;flex-direction:column;min-height:100vh}.skeleton{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .75rem}.skeleton__bar{height:.9rem;border-radius:4px;background:linear-gradient(90deg,var(--colour-border) 25%,var(--colour-bg) 37%,var(--colour-border) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.skeleton__bar:nth-child(2n){width:80%}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.skeleton__bar{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;padding:2rem;color:var(--colour-muted);text-align:center}.empty-state__icon{font-size:2.5rem;opacity:.6}.empty-state__title{margin:0;font-size:1rem;color:var(--colour-text)}.empty-state__hint{margin:0;font-size:.85rem;max-width:32ch}@keyframes panel-slide-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.preview,.history{animation:panel-slide-in .16s ease-out}.dialog__backdrop{animation:overlay-fade-in .14s ease-out}.dialog{animation:dialog-pop-in .16s ease-out}.palette__btn,.app__theme-toggle,.toast__close{transition:background-color .12s ease,border-color .12s ease,color .12s ease}@media (prefers-reduced-motion: reduce){.preview,.history,.dialog__backdrop,.dialog,.toast{animation:none}}.toast-viewport{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:2000;max-width:360px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem .8rem;border-radius:6px;box-shadow:0 4px 16px #0000002e;background:var(--colour-surface);color:var(--colour-text);border-left:4px solid var(--colour-muted);font-size:.9rem;pointer-events:auto;animation:toast-in .15s ease-out}.toast--success{border-left-color:#2e7d32}.toast--error{border-left-color:#b00020}.toast--info{border-left-color:var(--colour-frame)}.toast__message{flex:1}.toast__close{background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--colour-muted);padding:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.banner{padding:.4rem 1rem;font-size:.85rem;text-align:center}.banner--development{background:#e8f0e8;color:#245c2a}.banner--production{background:#b00020;color:#fff;font-weight:600}.banner--unknown{background:#ececec;color:var(--colour-muted)}.banner__store{opacity:.85}.app__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--colour-frame);color:var(--colour-on-frame)}.app__title{margin:0;font-size:1.15rem}.app__header-actions{display:flex;align-items:center;gap:1rem}.app__theme-toggle{background:#ffffff26;color:var(--colour-on-frame);border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:.25rem .6rem;font-size:.8rem;cursor:pointer}.app__theme-toggle:hover{background:#ffffff40}.identity{font-size:.85rem}.identity--unknown{opacity:.7;font-style:italic}.app__body{display:flex;flex:1;min-height:0}.app__sidebar{width:16rem;border-right:1px solid var(--colour-border);background:var(--colour-surface);overflow-y:auto}.app__main{flex:1;padding:1.5rem;overflow:auto}.app__main--editor{padding:0;display:flex;flex-direction:column}.app__empty{color:var(--colour-muted);padding:1.5rem}.workspace{display:flex;flex-direction:column;flex:1;min-height:0}.workspace__body{display:flex;flex:1;min-height:0}.workspace__canvas{flex:1;overflow:auto;padding:1.5rem;background:#e9ebf2;display:flex;flex-direction:column;align-items:center}.canvas-stage{box-shadow:0 2px 8px #0003}.region-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem}.region-bar__label{font-size:.8rem;color:#555;margin-right:.25rem}.region-bar__chip{font-size:.8rem;padding:.2rem .6rem;border:1px dashed #7a5cff;border-radius:999px;background:#fff;color:#4a3a99;cursor:pointer}.region-bar__chip--active{border-style:solid;border-color:#1e2171;background:#1e2171;color:#fff}.palette{display:flex;gap:1rem;align-items:center;padding:.5rem 1rem;background:var(--colour-surface);border-bottom:1px solid var(--colour-border);flex-wrap:wrap}.palette__group{display:flex;gap:.35rem;align-items:center;padding-right:1rem;border-right:1px solid var(--colour-border)}.palette__group:last-child{border-right:none}.palette__btn{font:inherit;font-size:.8rem;padding:.3rem .6rem;border:1px solid var(--colour-border);border-radius:4px;background:#fff;cursor:pointer}.palette__btn:hover:not(:disabled){background:var(--colour-bg)}.palette__btn:disabled{opacity:.4;cursor:default}.palette__btn--on{background:var(--colour-frame);color:var(--colour-on-frame);border-color:var(--colour-frame)}.palette__zoom{font-size:.8rem;min-width:3rem;text-align:center;color:var(--colour-muted)}.inspector{width:16rem;border-left:1px solid var(--colour-border);background:var(--colour-surface);padding:1rem;overflow-y:auto}.inspector__empty,.inspector__note{color:var(--colour-muted);font-size:.8rem}.inspector__title{font-size:1rem;margin:0}.inspector__type{margin:.1rem 0 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--colour-muted)}.inspector__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.inspector__section{border:1px solid var(--colour-border);border-radius:4px;padding:.5rem .6rem .6rem;margin:0 0 .75rem}.inspector__section legend{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--colour-muted);padding:0 .3rem}.inspector__notyet{margin:.4rem 0 0;font-size:.72rem;color:#8a5a00;background:#fff6e5;border:1px solid #f0d6a0;border-radius:4px;padding:.3rem .4rem}.field{display:flex;flex-direction:column;font-size:.75rem;margin-bottom:.5rem}.field__label{color:var(--colour-muted);margin-bottom:.15rem}.field__input{font:inherit;font-size:.8rem;padding:.25rem .4rem;border:1px solid var(--colour-border);border-radius:4px;width:100%}.field__colour{margin-top:.3rem;width:100%;height:1.6rem;padding:0;border:1px solid var(--colour-border);border-radius:4px;background:none}.checkfield{display:flex;align-items:center;gap:.4rem;font-size:.8rem;margin-bottom:.5rem}.numfield{display:flex;flex-direction:column;font-size:.75rem}.numfield__label{color:var(--colour-muted);margin-bottom:.15rem}.numfield__input{font:inherit;padding:.25rem .4rem;border:1px solid var(--colour-border);border-radius:4px;width:100%}.inspector__delete{margin-top:1.5rem;width:100%;font:inherit;font-size:.8rem;padding:.4rem;border:1px solid #b00020;color:#b00020;background:#fff;border-radius:4px;cursor:pointer}.inspector__delete:hover{background:#b00020;color:#fff}.browser__header{display:flex;align-items:center;justify-content:space-between;padding-right:.5rem}.browser__new{font-size:.72rem;padding:.15rem .45rem}.browser__title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--colour-muted);padding:.75rem 1rem .25rem;margin:0}.browser__status{padding:.5rem 1rem;font-size:.85rem;color:var(--colour-muted)}.browser__status--error{color:#b00020}.browser__list{list-style:none;margin:0;padding:0}.browser__item{display:flex;flex-direction:column;width:100%;text-align:left;border:none;background:none;padding:.5rem 1rem;cursor:pointer;font:inherit;color:inherit;border-left:3px solid transparent}.browser__item:hover{background:var(--colour-bg)}.browser__item--active{background:var(--colour-bg);border-left-color:var(--colour-frame)}.browser__label{font-size:.9rem}.browser__meta{font-size:.72rem;color:var(--colour-muted)}.browser__group+.browser__group{border-top:1px solid var(--colour-border)}.browser__group-title{margin:0;padding:.5rem 1rem .25rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--colour-muted)}.browser__group-summary{padding:.5rem 1rem .25rem;cursor:pointer;list-style:none}.browser__group-summary>.browser__group-title{display:inline;padding:0}.browser__group-summary::-webkit-details-marker{display:none}.browser__group-summary:before{content:"▸";display:inline-block;margin-right:.4rem;font-size:.6rem;color:var(--colour-muted)}.browser__group--collapsible[open]>.browser__group-summary:before{content:"▾"}.scopebar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem 1rem;background:var(--colour-surface);border-bottom:1px solid var(--colour-border)}.scopebar__select{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.scopebar__label{color:var(--colour-muted)}.scopebar__select select{font:inherit;font-size:.8rem;padding:.25rem .4rem;border:1px solid var(--colour-border);border-radius:4px}.scopebar__banner{margin:0;flex:1 1 16rem;font-size:.78rem;padding:.3rem .5rem;border-radius:4px;border:1px solid var(--colour-border);color:var(--colour-muted);background:var(--colour-bg)}.scopebar__banner--cascade{color:var(--colour-frame);border-color:var(--colour-frame);background:#eef0fb}.scopebar__banner--replacement{color:#8a5a00;background:#fff6e5;border-color:#f0d6a0}.scopebar__hidden{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;flex-basis:100%;font-size:.78rem}.scopebar__restore{font:inherit;font-size:.75rem;padding:.15rem .5rem;border:1px solid var(--colour-frame);color:var(--colour-frame);background:#fff;border-radius:999px;cursor:pointer}.scopebar__restore:hover{background:#eef0fb}.scoped{margin-bottom:.5rem}.scoped--overridden{border-left:3px solid var(--colour-frame);padding-left:.5rem}.scoped__meta{display:flex;align-items:center;gap:.6rem;margin-top:.15rem;font-size:.7rem}.scoped__badge--inherit{color:var(--colour-muted)}.scoped__badge--over{color:var(--colour-frame);font-weight:600}.scoped__link{font:inherit;font-size:.7rem;border:none;background:none;padding:0;color:var(--colour-frame);text-decoration:underline;cursor:pointer}.inspector__scopenote{margin:0 0 .6rem;font-size:.72rem;color:var(--colour-muted);font-style:italic}.preview{width:26rem;border-left:1px solid var(--colour-border);background:var(--colour-surface);display:flex;flex-direction:column;min-height:0}.preview__bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--colour-border)}.preview__title{flex:1}.preview__auto{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--colour-muted);white-space:nowrap}.preview__controls{display:flex;flex-wrap:wrap;gap:.5rem .75rem;padding:.75rem;border-bottom:1px solid var(--colour-border)}.preview__control{display:flex;flex-direction:column;font-size:.75rem;color:var(--colour-muted);gap:.25rem}.preview__control--check{flex-direction:row;align-items:center;align-self:end;color:inherit}.preview__control input[type=number]{width:5rem}.preview__note{margin:0;padding:.5rem .75rem;font-size:.75rem;color:var(--colour-muted);background:#fff8e6;border-bottom:1px solid var(--colour-border)}.preview__viewport{flex:1;min-height:0;display:flex}.preview__frame{flex:1;border:0;width:100%;height:100%}.preview__empty,.preview__error{margin:auto;padding:1rem;font-size:.85rem}.preview__error{color:#b00020}.palette__group--end{margin-left:auto;align-items:center}.palette__dirty{font-size:.75rem;color:#b8860b;margin-right:.25rem}.palette__btn--primary{background:var(--colour-accent, #1e2171);color:#fff;border-color:var(--colour-accent, #1e2171)}.palette__btn--primary:disabled{opacity:.5}.workspace__notice{margin:0;padding:.4rem 1rem;font-size:.8rem;background:#e6f4ea;border-bottom:1px solid var(--colour-border);color:#1b5e20}.dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.dialog{background:var(--colour-surface);border-radius:6px;padding:1.25rem 1.5rem;width:min(32rem,90vw);max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.dialog__title{margin:0 0 .75rem;font-size:1.1rem}.dialog__subtitle{margin:0 0 .25rem;font-size:.85rem}.dialog__section{margin-bottom:1rem}.dialog__muted{color:var(--colour-muted);font-size:.85rem}.dialog__errors{background:#fdecea;border:1px solid #f5c6cb;border-radius:4px;padding:.5rem .75rem;color:#b00020;font-size:.85rem}.dialog__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.history{width:22rem;border-left:1px solid var(--colour-border);background:var(--colour-surface);padding:.75rem;overflow-y:auto}.history__bar{display:flex;align-items:center;margin-bottom:.5rem}.history__title{flex:1}.history__muted{color:var(--colour-muted);font-size:.78rem}.history__error{color:#b00020;font-size:.8rem}.history__list{list-style:none;margin:0 0 1rem;padding:0}.history__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--colour-border);font-size:.82rem}.history__confirm{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.history__confirm-note{font-size:.75rem;color:var(--colour-muted, #666);text-align:right}.history__subtitle{font-size:.85rem;margin:0 0 .5rem}.history__compare-pick{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.78rem}.history__diff{font-family:ui-monospace,monospace;font-size:.72rem;white-space:pre-wrap;background:#f6f8fa;border:1px solid var(--colour-border);border-radius:4px;padding:.5rem;max-height:24rem;overflow:auto}.history__diff-line--added{background:#e6ffed}.history__diff-line--removed{background:#ffeef0}.history__view-toggle{display:flex;gap:.25rem;margin-bottom:.5rem}.history__pdf-company{display:flex;gap:.4rem;align-items:center;font-size:.78rem;margin-bottom:.5rem}.pdf-pair{display:flex;gap:.5rem;min-height:0;flex:1}.pdf-pair__pane{display:flex;flex:1;min-width:0;flex-direction:column;gap:.25rem}.pdf-pair__label{font-size:.72rem;font-weight:600;color:var(--colour-muted)}.pdf-pair__frame{width:100%;height:22rem;border:1px solid var(--colour-border);border-radius:4px;background:#fff}.preview__viewport .pdf-pair{height:100%}.preview__viewport .pdf-pair__frame{flex:1;height:auto}.theme-editor{display:flex;flex-direction:column;flex:1;min-height:0}.theme-editor__heading{font-size:.9rem}.theme-editor__controls{overflow-y:auto}.theme-editor__field{margin-bottom:.6rem}.theme-editor__hint{display:block;font-size:.7rem;color:var(--colour-muted);margin-top:.1rem}.hexfield{display:flex;align-items:center;gap:.4rem}.hexfield .field__colour{margin-top:0;width:2.2rem;height:1.8rem;flex:0 0 auto}.hexfield__text{flex:1 1 auto;font-variant-numeric:tabular-nums}.theme-swatches{display:inline-flex;gap:2px;margin-top:.25rem}.theme-swatch{width:.9rem;height:.9rem;border-radius:2px;border:1px solid var(--colour-border)}.preview__hint{font-size:.7rem;color:var(--colour-muted);margin:.25rem 0 0}.dialog__affected-list{margin:.3rem 0 0;padding-left:1.2rem;font-size:.85rem}.change-summary{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--colour-border)}.change-summary__lead{margin:0 0 .35rem;font-size:.85rem;font-weight:600}.change-summary__list{margin:0;padding-left:1.2rem;font-size:.85rem;display:flex;flex-direction:column;gap:.15rem}.change-summary__swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;border:1px solid var(--colour-border);vertical-align:middle;margin:0 .15rem}