:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}#root{min-height:100vh}.login-page{box-sizing:border-box;background:radial-gradient(circle at 0 0,#0f766e1f,#0000 40%),linear-gradient(#f8fafc 0%,#eef2f7 100%);place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;gap:.85rem;width:min(420px,100%);padding:2.25rem;display:grid;box-shadow:0 20px 45px #0f172a14}.login-brand,.brand-mark{color:#fff;background:#0f766e;border-radius:14px;place-items:center;width:56px;height:56px;font-size:1.15rem;font-weight:700;display:grid}.eyebrow{color:#0f766e;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.login-card h1,.content h1{color:#0f172a;margin:0;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.1}.intro{color:#64748b;margin:0 0 .5rem;line-height:1.55}.field{color:#334155;gap:.4rem;font-size:.92rem;font-weight:600;display:grid}.field input{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #dbe2ea;border-radius:10px;padding:.75rem .9rem;font-weight:400}.field input:focus{border-color:#0f766e;outline:2px solid #0f766e59}.login-card button,.logout-button{color:#fff;font:inherit;cursor:pointer;background:#0f766e;border:0;border-radius:10px;margin-top:.35rem;padding:.8rem 1rem;font-weight:600}.login-card button:disabled{opacity:.7;cursor:wait}.login-card button:hover:not(:disabled),.logout-button:hover{background:#0d9488}.form-error{color:#b91c1c;background:#fef2f2;border-radius:10px;margin:0;padding:.7rem .85rem;font-size:.92rem}.boot-status,.boot-banner{color:#64748b;margin:0}.boot-banner{z-index:20;text-align:center;color:#9a3412;background:#fff7ed;border-bottom:1px solid #fed7aa;padding:.75rem 1rem;position:fixed;top:0;left:0;right:0}.shell{background:#f8fafc;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#e2e8f0;background:#0f172a;flex-direction:column;gap:1.5rem;padding:1.5rem 1.1rem;display:flex}.sidebar-brand{align-items:center;gap:.85rem;padding:0 .4rem;display:flex}.sidebar-brand .eyebrow{color:#5eead4}.sidebar-brand strong{color:#fff;font-size:1.15rem;display:block}.main-nav{flex-direction:column;flex:none;align-items:stretch;gap:.2rem;display:flex}.nav-item{color:#cbd5e1;width:100%;height:auto;min-height:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.45rem .75rem;line-height:1.3}.nav-item:hover{color:#fff;background:#94a3b81f}.nav-item.is-active{color:#fff;background:#0f766e}.nav-item.is-section-active{color:#fff;background:#0f766e47}.nav-group{gap:.15rem;display:grid}.nav-submenu{border-left:1px solid #94a3b840;gap:.1rem;margin:.1rem 0 .35rem;padding-left:.55rem;display:grid}.nav-submenu-nested{margin-left:.35rem}.nav-item-sub{padding-left:.85rem;font-size:.92rem}.nav-item-nested{color:#94a3b8;padding-left:1.05rem;font-size:.88rem}.nav-item-nested:hover,.nav-item-nested.is-active{color:#fff}.sidebar-footer{border-top:1px solid #94a3b833;gap:.65rem;margin-top:auto;padding-top:1rem;display:grid}.user-label{color:#94a3b8;margin:0;padding:0 .35rem;font-size:.88rem}.logout-button{background:0 0;border:1px solid #94a3b859;margin-top:0}.logout-button:hover{background:#94a3b81f}.content{padding:2rem}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:720px;padding:1.75rem;box-shadow:0 10px 30px #0f172a0a}.panel.styles-panel{max-width:none}.themes-workspace{grid-template-columns:minmax(0,6fr) minmax(0,4fr);align-items:start;gap:30px;width:100%;display:grid}.themes-pane{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:0;padding:1.75rem;box-shadow:0 10px 30px #0f172a0a}.themes-settings-pane>.panel-header{margin-bottom:.25rem}.themes-preview-pane{gap:1rem;display:grid;position:sticky;top:1.25rem}.preview-style-select select{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #dbe2ea;border-radius:10px;padding:.7rem .85rem}.preview-placeholder{color:#94a3b8;margin:0;font-size:.92rem}.theme-preview-empty{min-height:12rem}.theme-preview-canvas{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.theme-preview-block{gap:.85rem;display:grid}.theme-preview-eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.theme-preview-heading{border-radius:8px;margin:0;padding:.15rem 0;line-height:1.15}.theme-preview-text{margin:0;line-height:1.55}.theme-preview-image{aspect-ratio:16/10;overflow:hidden}.theme-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.theme-preview-button{cursor:default;pointer-events:none;border:0;justify-self:start;padding:.7rem 1rem;font-weight:600}.panel p{color:#64748b;margin:.85rem 0 0;line-height:1.6}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-header p{max-width:62ch;margin-top:.65rem}.primary-button,.ghost-button{font:inherit;cursor:pointer;border-radius:8px;font-weight:600}.primary-button{color:#fff;background:#0f766e;border:0;flex:none;padding:.7rem 1rem}.primary-button:hover:not(:disabled){background:#0d9488}.primary-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{color:#334155;background:#fff;border:1px solid #dbe2ea;padding:.4rem .7rem}.ghost-button:hover{color:#0f766e;border-color:#0f766e}.form-notice{color:#047857;background:#ecfdf5;border-radius:10px;margin:1rem 0 0;padding:.7rem .85rem;font-size:.92rem}.styles-layout{grid-template-columns:minmax(220px,280px) 1fr;gap:1.25rem;margin-top:1.5rem;display:grid}.template-list{flex-direction:column;gap:.35rem;display:flex}.template-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:.15rem;padding:.7rem .8rem;display:grid}.template-item:hover{border-color:#99f6e4}.template-item.is-active{background:#f0fdfa;border-color:#0f766e}.template-item-name{color:#0f172a;font-weight:600}.template-item-meta{color:#64748b;font-size:.82rem}.style-picker{min-width:0}.style-picker-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.style-picker-header h2{color:#0f172a;margin:0;font-size:1.25rem}.style-picker-header p{margin:.45rem 0 0}.title-field{margin:0 0 1.25rem}.title-field .field-hint{color:#64748b;font-size:.82rem;font-weight:400}.style-section-title{color:#0f172a;margin:0;font-size:1rem}.style-section-header{justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .75rem;display:flex}.empty-hint{margin:0 0 1rem}.theme-overview-list{gap:.65rem;margin-top:.5rem;display:grid}.theme-overview-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:.25rem;padding:1rem 1.1rem;display:grid}.theme-overview-item:hover{background:#f0fdfa;border-color:#99f6e4}.theme-overview-name{color:#0f172a;font-weight:700}.theme-overview-meta{color:#0f766e;font-size:.85rem;font-weight:600}.theme-overview-desc{color:#64748b;font-size:.92rem;line-height:1.45}.style-card-button{text-align:left;width:100%;font:inherit;cursor:pointer;grid-template-columns:auto 1fr}.style-editor{border-top:0;gap:1rem;margin-top:.5rem;padding-top:0;display:grid}.style-editor-solo{margin-top:1rem}.style-editor-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.style-editor-header h3{margin:0;font-size:1.05rem}.style-id-hint{margin:-.35rem 0 0}.danger-button{color:#b91c1c;font:inherit;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:.4rem .7rem;font-weight:600}.danger-button:hover{background:#fef2f2}.style-field-group h4{color:#334155;margin:0 0 .65rem;font-size:.92rem}.style-field-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:.5rem;display:grid}.style-field-grid input[type=color]{cursor:pointer;width:100%;min-height:2.4rem;padding:.2rem}.style-picker-actions{flex:none;gap:.4rem;display:flex}.style-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem;display:grid}.style-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:.7rem;padding:.75rem .85rem;display:grid}.style-card:hover{border-color:#99f6e4}.style-card.is-checked{background:#f0fdfa;border-color:#0f766e}.style-card input{margin:0}.style-swatch{border:1px solid #0f172a1f;border-radius:999px;width:1.1rem;height:1.1rem}.style-card-copy{gap:.15rem;min-width:0;display:grid}.style-card-copy strong{color:#0f172a;font-size:.95rem}.style-card-copy code{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}@media (width<=800px){.shell{grid-template-columns:1fr}.sidebar{gap:1rem}.sidebar-footer{margin-top:.5rem}.content{padding:1.25rem}.panel-header,.style-picker-header{flex-direction:column}.styles-layout,.themes-workspace{grid-template-columns:1fr}.themes-preview-pane{position:static}}