.theme-editor-shell{min-height:100svh;padding:1rem;color:var(--ink,#3f4740);background:radial-gradient(circle at 100% 0%,rgb(203 221 225 / 58%),transparent 26rem),var(--cream,#fbf7ef)}
.theme-editor-nav,.theme-editor-header,.theme-editor-layout,.theme-editor-page-alert,.theme-editor-shell>.theme-editor-success{width:min(100%,88rem);margin-right:auto;margin-left:auto}.theme-editor-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem}.theme-editor-nav strong{display:block;margin-top:.15rem;color:var(--sage-deep,#586c56);font:1.2rem Georgia,serif}.theme-editor-eyebrow{color:var(--sage-deep,#586c56);font-size:.68rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.theme-editor-secondary,.theme-editor-primary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:999px;font-size:.82rem;font-weight:700;text-decoration:none}.theme-editor-secondary{border:1px solid #bcc1bd;color:var(--ink,#3f4740);background:rgb(255 253 249 / 78%)}.theme-editor-primary{width:100%;border:1px solid var(--sage-deep,#586c56);color:#fff;background:var(--sage-deep,#586c56);gap:.5rem}.theme-editor-secondary:hover,.theme-editor-secondary:focus-visible{border-color:var(--sage-deep,#586c56);color:var(--sage-deep,#586c56);background:#fff}.theme-editor-primary:hover,.theme-editor-primary:focus-visible{color:#fff;background:#485c47}.theme-editor-primary:disabled{cursor:wait;opacity:.62}
.theme-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:1.15rem;border:1px solid rgb(183 185 184 / 65%);border-radius:1.15rem;background:var(--warm-white,#fffdf9);box-shadow:0 1rem 3rem rgb(63 71 64 / 7%);gap:1rem}.theme-editor-header h1{margin:.4rem 0 0;color:var(--sage-deep,#586c56);font:400 clamp(1.9rem,8vw,3.2rem)/1 Georgia,serif;letter-spacing:-.045em}.theme-editor-save-state{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:.25rem}.theme-editor-save-state>span{padding:.3rem .55rem;border-radius:999px;font-size:.65rem;font-weight:750}.theme-editor-save-state .is-dirty{color:#755d4d;background:#eee0d1}.theme-editor-save-state .is-saved{color:#50684e;background:rgb(135 155 130 / 16%)}.theme-editor-save-state small{color:#7a837c;font-size:.62rem;text-align:right}
.theme-editor-success{margin-bottom:1rem;border-color:rgb(135 155 130 / 45%);color:var(--sage-deep,#586c56);background:rgb(135 155 130 / 15%)}.theme-editor-page-alert{margin-bottom:1rem}.theme-editor-layout,.theme-editor-controls{display:grid;gap:1rem}.theme-editor-panel,.theme-editor-preview-panel{padding:1.15rem;border:1px solid rgb(183 185 184 / 65%);border-radius:1.15rem;background:var(--warm-white,#fffdf9);box-shadow:0 1rem 3rem rgb(63 71 64 / 7%)}.theme-editor-section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.8rem;gap:.7rem}.theme-editor-section-heading h2{margin:.25rem 0 0;color:var(--sage-deep,#586c56);font:400 clamp(1.35rem,6vw,1.8rem) Georgia,serif}.theme-editor-copy{margin:0 0 .9rem;color:#737d75;font-size:.76rem;line-height:1.45}.theme-editor-empty{margin:.7rem 0 0;padding:1rem;border:1px dashed #d3d7d3;border-radius:.75rem;color:#78817a;background:#fbfaf6;font-size:.75rem;text-align:center}
.theme-editor-preset-list{display:grid;gap:.55rem}.theme-editor-preset-list>label{position:relative;display:grid;grid-template-columns:4.2rem minmax(0,1fr) 1.7rem;min-height:70px;align-items:center;padding:.65rem;border:1px solid #dfe2df;border-radius:.8rem;cursor:pointer;background:#fffefa;gap:.65rem}.theme-editor-preset-list>label.is-selected{border-color:rgb(135 155 130 / 70%);background:rgb(135 155 130 / 10%);box-shadow:0 0 0 3px rgb(135 155 130 / 9%)}.theme-editor-preset-list input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.theme-editor-preset-swatches{display:flex;overflow:hidden;height:2.5rem;border:1px solid rgb(63 71 64 / 12%);border-radius:.55rem}.theme-editor-preset-swatches i{flex:1}.theme-editor-preset-copy strong,.theme-editor-preset-copy small{display:block}.theme-editor-preset-copy strong{color:var(--sage-deep,#586c56);font-size:.82rem}.theme-editor-preset-copy small{margin-top:.15rem;color:#78817a;font-size:.66rem;line-height:1.35}.theme-editor-preset-check{display:grid;width:1.6rem;height:1.6rem;place-items:center;border-radius:50%;color:transparent;background:#eceeec;font-size:.72rem}.theme-editor-preset-list>label.is-selected .theme-editor-preset-check{color:#fff;background:var(--sage-deep,#586c56)}
.theme-editor-color-list{display:grid;gap:.65rem}.theme-editor-color-row{display:grid;grid-template-columns:minmax(7.5rem,1fr) 44px minmax(7.5rem,.8fr);align-items:start;padding:.65rem;border:1px solid #e0e3e0;border-radius:.75rem;background:#fffefa;gap:.55rem}.theme-editor-color-row>div:first-child label,.theme-editor-radius-field label{display:block;color:#505a52;font-size:.76rem;font-weight:750}.theme-editor-color-row>div:first-child small{display:block;margin-top:.12rem;color:#7c857e;font-size:.62rem;line-height:1.35}.theme-editor-color-row input[type=color]{width:44px;height:44px;padding:.18rem;border:1px solid #c8cdc9;border-radius:.6rem;background:#fff}.theme-editor-color-row .form-control{min-height:44px;border-color:#c9cdca;border-radius:.6rem;font-family:ui-monospace,monospace;font-size:.74rem;text-transform:uppercase}.theme-editor-contrast-warning,.theme-editor-contrast-ok{margin-top:.8rem;padding:.75rem;border-radius:.72rem;font-size:.7rem;line-height:1.45}.theme-editor-contrast-warning{border:1px solid #dfc6a8;color:#705a43;background:#f7ecdf}.theme-editor-contrast-warning strong{display:block}.theme-editor-contrast-warning ul{margin:.3rem 0 0;padding-left:1.1rem}.theme-editor-contrast-ok{border:1px solid rgb(135 155 130 / 38%);color:#52684f;background:rgb(135 155 130 / 11%)}
.theme-editor-font-grid{display:grid;gap:.75rem}.theme-editor-font-grid .form-label{color:#505a52;font-size:.76rem;font-weight:750}.theme-editor-font-grid .form-select{min-height:44px;border-color:#c9cdca;border-radius:.68rem;background-color:#fffefa;font-size:.78rem}.theme-editor-radius-field{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e4e2}.theme-editor-radius-field>div:first-child,.theme-editor-radius-field>div:nth-of-type(2){display:flex;justify-content:space-between;gap:1rem}.theme-editor-radius-field output{color:var(--sage-deep,#586c56);font-size:.78rem;font-weight:800}.theme-editor-radius-field input{width:100%;height:44px;accent-color:var(--sage-deep,#586c56)}.theme-editor-radius-field>div:nth-of-type(2){color:#818982;font-size:.62rem}.theme-editor-field-error{margin:.3rem 0 0;color:#b02a37;font-size:.72rem}
.theme-editor-preview-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.75rem;padding:.25rem;border:1px solid #d8dcd8;border-radius:.68rem;background:#f1f2ef;gap:.25rem}.theme-editor-preview-switch button{min-height:44px;border:0;border-radius:.5rem;color:#667169;background:transparent;font-size:.74rem;font-weight:750}.theme-editor-preview-switch button.is-active{color:var(--sage-deep,#586c56);background:#fff;box-shadow:0 .2rem .6rem rgb(63 71 64 / 8%)}.theme-editor-preview-frame{display:flex;justify-content:center;overflow:auto;padding:.7rem;border:1px solid #d5d9d5;border-radius:.85rem;background:#eef0ee}.theme-editor-preview-frame.is-mobile .theme-editor-preview-canvas{width:320px}.theme-editor-preview-canvas{width:100%;min-height:36rem;padding:clamp(1rem,4vw,2.4rem);transition:width 180ms ease,background-color 180ms ease}.theme-editor-preview-canvas>article{max-width:37rem;margin:0 auto;padding:clamp(1.2rem,5vw,2.8rem);border:1px solid rgb(63 71 64 / 14%);box-shadow:0 1.2rem 3rem rgb(63 71 64 / 10%);text-align:center}.theme-editor-preview-canvas article>span{font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.theme-editor-preview-canvas h3{margin:.7rem 0;font-size:clamp(2rem,7vw,3.5rem);font-weight:400;line-height:1}.theme-editor-preview-ornament{margin:.8rem 0;font-size:1.25rem}.theme-editor-preview-canvas article>p{max-width:27rem;margin:0 auto;font-size:.82rem;line-height:1.6}.theme-editor-preview-actions{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2rem 0;gap:.5rem}.theme-editor-preview-actions button{min-height:44px;padding:.55rem .85rem;border:1px solid transparent;color:#fff;font-size:.7rem;font-weight:750}.theme-editor-preview-actions button+button{background:transparent;color:inherit}.theme-editor-preview-canvas article>aside{margin-top:1rem;padding:.8rem;text-align:left}.theme-editor-preview-canvas article>aside strong,.theme-editor-preview-canvas article>aside span{display:block}.theme-editor-preview-canvas article>aside strong{font-size:.72rem}.theme-editor-preview-canvas article>aside span{margin-top:.2rem;font-size:.65rem;line-height:1.4}.theme-editor-preview-note{margin:.55rem 0 .8rem;color:#7b847d;font-size:.64rem;line-height:1.4}.theme-editor-saving{margin:.5rem 0 0;color:#66736a;font-size:.68rem;text-align:center}
.theme-editor-preset-list>label:focus-within,.theme-editor-color-row input:focus,.theme-editor-font-grid .form-select:focus,.theme-editor-radius-field input:focus-visible,.theme-editor-preview-switch button:focus-visible,.theme-editor-secondary:focus-visible,.theme-editor-primary:focus-visible{border-color:var(--ice-blue-deep,#7999a1);outline:3px solid rgb(121 153 161 / 28%);outline-offset:2px;box-shadow:none}
@media(max-width:575.98px){.theme-editor-header{align-items:flex-start;flex-direction:column}.theme-editor-save-state{align-items:flex-start}.theme-editor-color-row{grid-template-columns:44px minmax(0,1fr)}.theme-editor-color-row>div:first-child{grid-column:1/-1}.theme-editor-preview-panel{padding:.9rem}.theme-editor-preview-frame{padding:.4rem}}
@media(min-width:576px){.theme-editor-shell{padding:1.5rem}.theme-editor-header,.theme-editor-panel,.theme-editor-preview-panel{padding:1.5rem}.theme-editor-preset-list{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-editor-preset-list>label{grid-template-columns:1fr 1.6rem}.theme-editor-preset-swatches{grid-column:1/-1}.theme-editor-font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.theme-editor-shell{padding:2.5rem}.theme-editor-nav{margin-bottom:1.5rem}.theme-editor-layout{grid-template-columns:minmax(0,1.15fr) minmax(24rem,.85fr);align-items:start;gap:1.5rem}.theme-editor-preview-panel{position:sticky;top:1.5rem}}
@media(prefers-reduced-motion:reduce){.theme-editor-shell *,.theme-editor-shell *::before,.theme-editor-shell *::after{scroll-behavior:auto!important;transition:none!important}}