:root{--cp-primary: #0c6fae;--cp-primary-strong: #155176;--cp-primary-soft: #e8f4fb;--cp-accent: #1e9a67;--cp-accent-strong: #168357;--cp-accent-soft: #e7f7ef;--cp-surface: #ffffff;--cp-surface-alt: #f4f8fb;--cp-text: #123b57;--cp-text-muted: #40607a;--cp-border: #cfdfeb;--cp-danger: #a52a2a;--cp-danger-soft: #fdeeee;--cp-danger-border: #e5a3a3;--cp-radius: 8px;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--cp-surface-alt);color:var(--cp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}code,pre,.cp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}a{color:var(--cp-primary)}.cp-app{display:flex;flex-direction:column;min-height:100vh}.cp-header{align-items:center;background:var(--cp-primary-strong);color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:.65rem 1.25rem}.cp-header__brand{font-size:1rem;font-weight:700;letter-spacing:.02em;margin:0}.cp-header__brand-accent{color:#7fd4ae}.cp-header__session{align-items:center;display:flex;gap:.75rem;font-size:.85rem}.cp-role-badge{background:var(--cp-accent);border-radius:999px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.15rem .6rem;text-transform:uppercase}.cp-body{display:flex;flex:1;min-height:0}.cp-nav{background:var(--cp-surface);border-right:1px solid var(--cp-border);min-width:13rem;padding:1rem .75rem}.cp-nav ul{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.cp-nav__link{border-radius:var(--cp-radius);color:var(--cp-text-muted);display:block;font-weight:600;padding:.5rem .75rem;text-decoration:none}.cp-nav__link:hover{background:var(--cp-surface-alt);color:var(--cp-primary-strong)}.cp-nav__link--active{background:var(--cp-primary-soft);color:var(--cp-primary-strong)}.cp-main{flex:1;min-width:0;padding:1.5rem}.cp-page-title{font-size:1.35rem;margin:0 0 .25rem}.cp-page-subtitle{color:var(--cp-text-muted);margin:0 0 1.25rem}.cp-card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:var(--cp-radius);padding:1.25rem}.cp-placeholder{border-style:dashed;color:var(--cp-text-muted)}.cp-form{display:flex;flex-direction:column;gap:1rem}.cp-field{display:flex;flex-direction:column;gap:.3rem}.cp-field__label{font-weight:600}.cp-field__hint{color:var(--cp-text-muted);font-size:.82rem}.cp-field__error{color:var(--cp-danger);font-size:.85rem}.cp-input{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:var(--cp-radius);color:inherit;font:inherit;padding:.5rem .65rem}.cp-input:focus-visible{border-color:var(--cp-primary);outline:2px solid var(--cp-primary-soft)}.cp-input[aria-invalid=true]{border-color:var(--cp-danger-border)}.cp-button{background:var(--cp-primary);border:1px solid var(--cp-primary);border-radius:var(--cp-radius);color:#fff;cursor:pointer;font:inherit;font-weight:600;padding:.5rem 1rem}.cp-button:hover:not(:disabled){background:var(--cp-primary-strong)}.cp-button:disabled{cursor:not-allowed;opacity:.55}.cp-button--secondary{background:var(--cp-surface);border-color:var(--cp-border);color:var(--cp-primary-strong)}.cp-button--secondary:hover:not(:disabled){background:var(--cp-surface-alt)}.cp-form-error{background:var(--cp-danger-soft);border:1px solid var(--cp-danger-border);border-radius:var(--cp-radius);color:var(--cp-danger);padding:.6rem .85rem}.cp-login{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.cp-login__card{max-width:26rem;width:100%}.cp-login__steps{color:var(--cp-text-muted);font-size:.85rem;margin:0 0 1rem}.cp-enrolment{background:var(--cp-accent-soft);border:1px solid var(--cp-accent);border-radius:var(--cp-radius);display:flex;flex-direction:column;gap:.5rem;padding:.85rem}.cp-enrolment__title{color:var(--cp-accent-strong);font-weight:700;margin:0}.cp-enrolment__uri{word-break:break-all}.cp-json-editor{display:flex;flex-direction:column;gap:.4rem}.cp-json-editor__toolbar{display:flex;gap:.5rem;justify-content:flex-end}.cp-json-editor__textarea{min-height:12rem;resize:vertical;-moz-tab-size:2;tab-size:2;white-space:pre}.cp-json-editor__status--valid{color:var(--cp-accent-strong);font-size:.85rem;font-weight:600}.cp-json-editor__issues{background:var(--cp-danger-soft);border:1px solid var(--cp-danger-border);border-radius:var(--cp-radius);display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:.6rem .85rem}.cp-json-editor__issue{color:var(--cp-danger);font-size:.85rem}.cp-table-wrapper{overflow-x:auto}.cp-table{border-collapse:collapse;width:100%}.cp-table caption{caption-side:top;color:var(--cp-text-muted);font-size:.85rem;padding-bottom:.5rem;text-align:left}.cp-table th,.cp-table td{border-bottom:1px solid var(--cp-border);padding:.5rem .65rem;text-align:left}.cp-table thead th{background:var(--cp-primary-soft);color:var(--cp-primary-strong)}.cp-table__empty{color:var(--cp-text-muted);font-style:italic}.cp-table-pagination{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;padding-top:.75rem}.cp-table-pagination__status{color:var(--cp-text-muted);font-size:.85rem}.cp-denied{border-color:var(--cp-danger-border)}.cp-loading{color:var(--cp-text-muted);padding:2rem;text-align:center}.cp-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.cp-stack{display:flex;flex-direction:column;gap:1rem}.cp-spaced{margin-top:1.25rem}.cp-section-title{font-size:1.05rem;margin:0}.cp-note{border-style:dashed;color:var(--cp-text-muted)}.cp-muted{color:var(--cp-text-muted)}.cp-hint-block{color:var(--cp-text-muted);font-size:.85rem;margin:0}.cp-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cp-inline-link{font-weight:600;white-space:nowrap}.cp-cell-list{list-style:none;margin:0;padding:0}.cp-textarea{min-height:6rem;resize:vertical}.cp-fieldset{border:1px solid var(--cp-border);border-radius:var(--cp-radius);display:flex;flex-direction:column;gap:.75rem;margin:0;padding:.85rem}.cp-access-row{background:var(--cp-surface-alt);border-radius:var(--cp-radius);display:flex;flex-direction:column;gap:.6rem;padding:.75rem}.cp-scope-grid{display:grid;gap:.25rem 1rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.cp-scope{align-items:center;display:flex;font-size:.85rem;gap:.4rem}.cp-filter-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.cp-inline-field{align-items:center;flex-direction:row;gap:.4rem}.cp-inline-field .cp-field__label{font-size:.85rem;font-weight:600}.cp-badge{border-radius:999px;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:.15rem .55rem;text-transform:uppercase;white-space:nowrap}.cp-badge--ok{background:var(--cp-accent-soft);color:var(--cp-accent-strong)}.cp-badge--warn{background:#fdf3e2;color:#8a5a12}.cp-badge--off{background:var(--cp-danger-soft);color:var(--cp-danger)}.cp-metadata{background:var(--cp-surface-alt);border-radius:var(--cp-radius);font-size:.78rem;margin:.35rem 0 0;max-height:14rem;max-width:28rem;overflow:auto;padding:.5rem}.cp-modal-backdrop{align-items:center;background:#123b5773;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:10}.cp-modal{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:var(--cp-radius);display:flex;flex-direction:column;gap:.85rem;max-height:90vh;max-width:34rem;overflow:auto;padding:1.25rem;width:100%}.cp-modal__title{font-size:1.1rem;margin:0}.cp-modal__body{display:flex;flex-direction:column;gap:.75rem}.cp-modal__footer{display:flex;gap:.5rem;justify-content:flex-end}.cp-warning{background:#fdf3e2;border:1px solid #e0b871;border-radius:var(--cp-radius);color:#7a4d0c;margin:0;padding:.65rem .85rem}.cp-secret-value{font-size:.95rem;width:100%;word-break:break-all}.cp-danger-action .cp-button{background:var(--cp-danger);border-color:var(--cp-danger)}.cp-danger-action .cp-button:hover:not(:disabled){background:#8a1f1f}.cp-main>section>.cp-card,.cp-main>section>.cp-json-editor,.cp-main>section>.cp-loading{margin-bottom:1rem}.cp-section__title{font-size:1.05rem;margin:0 0 .5rem}.cp-issues__title{color:var(--cp-danger);font-size:1rem;margin:0 0 .5rem}.cp-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cp-inline-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.5rem}.cp-field--inline{align-items:center;flex-direction:row;gap:.4rem}.cp-token-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0}.cp-token{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cp-token .cp-field__label{min-width:12rem}.cp-token .cp-input{max-width:12rem}.cp-swatch{border:1px solid var(--cp-border);border-radius:var(--cp-radius);display:inline-block;height:1.5rem;width:1.5rem}.cp-preview{display:grid;gap:1rem;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr)}@media(max-width:60rem){.cp-preview{grid-template-columns:minmax(0,1fr)}}.cp-preview__inspector,.cp-preview__output{background:var(--cp-surface-alt);border:1px solid var(--cp-border);border-radius:var(--cp-radius);min-width:0;overflow-x:auto;padding:.85rem}.cp-preview__config{margin-top:.75rem}.cp-preview__config pre{background:var(--cp-surface);border-radius:var(--cp-radius);font-size:.78rem;margin:.35rem 0 0;max-height:14rem;overflow:auto;padding:.5rem}.cp-asset-preview__image{background:var(--cp-surface-alt);border:1px solid var(--cp-border);border-radius:var(--cp-radius);display:block;margin:.75rem 0 0;max-height:24rem;max-width:100%;object-fit:contain}.cp-asset-meta{display:grid;gap:.35rem 1rem;grid-template-columns:auto minmax(0,1fr);margin:.75rem 0 0}.cp-asset-meta dt{color:var(--cp-text-muted);font-size:.8rem}.cp-asset-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.cp-usage-totals{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-bottom:1rem}.cp-usage-total{display:flex;flex-direction:column;gap:.25rem}.cp-usage-total__label{color:var(--cp-text-muted);font-size:.85rem}.cp-usage-total__value{font-size:1.6rem;line-height:1.1}.cp-theme-new{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem}.cp-theme-new .cp-field{flex:1 1 16rem;margin:0}.cp-theme-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.cp-theme-card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:var(--cp-radius);display:flex;flex-direction:column;overflow:hidden}.cp-theme-card__thumb{aspect-ratio:210 / 297;background:var(--cp-surface-alt);border-bottom:1px solid var(--cp-border)}.cp-theme-card__image{display:block;height:100%;object-fit:cover;width:100%}.cp-theme-card__placeholder{align-items:center;color:var(--cp-text-muted);display:flex;height:100%;justify-content:center}.cp-theme-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.35rem;padding:.75rem .85rem .5rem}.cp-theme-card__name{font-size:1rem;margin:0}.cp-theme-card__meta{align-items:center;color:var(--cp-text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem;margin:0}.cp-theme-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .85rem .85rem}.cp-theme-builder{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.cp-theme-builder__header{align-items:center;background:var(--cp-surface);border-bottom:1px solid var(--cp-border);display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.75rem;padding:.5rem 1rem}.cp-theme-builder__name{background:transparent;border:1px solid transparent;border-radius:var(--cp-radius);color:var(--cp-text);flex:0 1 24rem;font:inherit;font-weight:600;min-width:8rem;padding:.3rem .5rem}.cp-theme-builder__name:hover,.cp-theme-builder__name:focus{border-color:var(--cp-border)}.cp-theme-builder__status{color:var(--cp-text-muted);font-size:.85rem;margin:0;white-space:nowrap}.cp-theme-builder__status--error{color:var(--cp-danger)}.cp-theme-builder__spacer{flex:1 1 auto}.cp-theme-builder__banner{background:var(--cp-primary-soft);border-bottom:1px solid var(--cp-border);flex:0 0 auto;font-size:.85rem;margin:0;padding:.4rem 1rem}.cp-theme-builder__alerts{flex:0 0 auto;padding:.5rem 1rem 0}.cp-theme-builder__canvas{flex:1 1 auto;min-height:0}.cp-theme-builder__fallback{margin:auto;max-width:28rem;padding:2rem;text-align:center}