:root{--bg:#0f1115;--panel:#171a21;--panel-alt:#1e222b;--border:#2a2f3a;--ink:#eef0f4;--muted:#9aa1ad;--accent:#c24646;--radius:12px;--ease:cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Lato,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}body{background:radial-gradient(760px 420px at 12% -10%, #c8102e14, transparent 60%), var(--bg);color:var(--ink);margin:0}h1,h2,h3{margin:0;font-family:Oswald,Segoe UI,Arial,sans-serif}button,input,textarea,select{color:var(--ink);font-family:inherit;font-size:.95rem}.muted{color:var(--muted);font-size:.9rem}.btn-primary,.btn-ghost{cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease), filter .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);border:1px solid #0000;border-radius:9px;padding:10px 18px;font-weight:600}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:inset 0 1px #ffffff14}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #c8102e59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border-color:var(--border);color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--panel-alt);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.btn-ghost--danger{color:#ff6b6b;border-color:#0000}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-align:center;max-width:360px;padding:48px}.login-card h1{margin-bottom:8px;font-size:1.5rem}.login-card p{color:var(--muted);margin-bottom:24px}.login-error{color:#ff6b6b;border-radius:var(--radius);text-align:left;background:#ff6b6b1a;border:1px solid #ff6b6b33;margin-bottom:16px;padding:8px 12px;font-size:.875rem;line-height:1.4}.page{max-width:1100px;margin:0 auto;padding:24px}.page--editor{max-width:none;padding:16px 24px}.page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page__header h1{font-size:1.5rem}.page__header-right{align-items:center;gap:12px;display:flex}.title-input{background:0 0;border:none;border-bottom:1px solid #0000;flex:1;min-width:200px;padding:4px 0;font-family:Oswald,sans-serif;font-size:1.3rem}.title-input:focus{border-bottom-color:var(--accent);outline:none}.accent-picker{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.accent-picker input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.spacing-picker input[type=number]{background:var(--panel-alt);border:1px solid var(--border);width:60px;color:var(--ink);border-radius:6px;padding:4px 6px}.spacing-picker span{white-space:nowrap}.new-project{gap:10px;margin-bottom:24px;display:flex}.new-project input{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex:1;padding:10px 14px}.project-list{flex-direction:column;gap:8px;display:flex}.project-list__item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:transform .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);align-items:center;gap:16px;padding:14px 18px;display:flex}.project-list__item:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));transform:translateY(-2px);box-shadow:0 8px 20px #00000047}.project-list__title{color:var(--ink);transition:color .15s var(--ease);flex:1;font-weight:600;text-decoration:none}.project-list__title:hover{color:var(--accent)}.project-list__folder-select{background:var(--panel-alt);border:1px solid var(--border);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 8px;font-size:.85rem}.status-pill{white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:.75rem;font-weight:700}.status-pill--draft{background:var(--panel-alt);color:var(--muted);border:1px solid var(--border)}.status-pill--published{color:#7ee2a8;background:#2f9e5b40}.folder-group{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.folder-group__header{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:10px;padding:14px 18px;font-family:inherit;display:flex}.folder-group__chevron{color:var(--muted);width:12px;transition:transform .2s var(--ease);display:inline-block}.folder-group__header[aria-expanded=false] .folder-group__chevron{transform:rotate(-90deg)}.folder-group__name{flex:1;font-weight:600}.folder-group__count{font-size:.85rem}.folder-group__body-wrap{transition:grid-template-rows .28s var(--ease);grid-template-rows:0fr;display:grid}.folder-group__body-wrap.is-open{grid-template-rows:1fr}.folder-group__body-inner{min-height:0;overflow:hidden}.folder-group__body{flex-direction:column;gap:8px;padding:0 14px 14px;display:flex}.editor-layout{grid-template-columns:minmax(340px,420px) 1fr;align-items:start;gap:20px;display:grid}.editor-layout__blocks{flex-direction:column;gap:12px;display:flex}.editor-layout__preview{position:sticky;top:16px}@media (width<=1000px){.editor-layout{grid-template-columns:1fr}.editor-layout__preview{position:static}}.block-adder{background:color-mix(in srgb, var(--accent) 6%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-radius:var(--radius);padding:16px}.block-adder__toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0;display:flex}.block-adder__chevron{color:var(--muted);width:12px;transition:transform .2s var(--ease);display:inline-block}.block-adder__toggle[aria-expanded=false] .block-adder__chevron{transform:rotate(-90deg)}.block-adder__title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.8rem}.block-adder__body-wrap{transition:grid-template-rows .28s var(--ease);grid-template-rows:0fr;display:grid}.block-adder__body-wrap.is-open{grid-template-rows:1fr}.block-adder__body-inner{min-height:0;overflow:hidden}.block-adder__body-wrap.is-open .block-adder__body-inner{padding-top:14px}.block-adder__category{margin-bottom:14px}.block-adder__category:last-child{margin-bottom:0}.block-adder__category-label{color:var(--muted);margin:0 0 6px;font-size:.72rem;font-weight:600}.block-adder__grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.block-adder__btn{background:var(--panel-alt);border:1px solid var(--border);text-align:left;cursor:pointer;transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);border-radius:8px;padding:8px 10px}.block-adder__btn:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel-alt));transform:translateY(-2px);box-shadow:0 6px 14px #00000040}.saved-blocks{background:color-mix(in srgb, #4d90fe 6%, var(--panel));border:1px solid color-mix(in srgb, #4d90fe 25%, var(--border));border-radius:var(--radius);margin-top:12px;padding:16px}.saved-blocks__toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0;display:flex}.saved-blocks__chevron{color:var(--muted);width:12px;transition:transform .2s var(--ease);display:inline-block}.saved-blocks__toggle[aria-expanded=false] .saved-blocks__chevron{transform:rotate(-90deg)}.saved-blocks__title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.8rem}.saved-blocks__body-wrap{transition:grid-template-rows .28s var(--ease);grid-template-rows:0fr;display:grid}.saved-blocks__body-wrap.is-open{grid-template-rows:1fr}.saved-blocks__body-inner{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.saved-blocks__body-wrap.is-open .saved-blocks__body-inner{padding-top:14px}.saved-blocks__empty{margin:0;font-size:.85rem}.saved-blocks__item{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.saved-blocks__item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.saved-blocks__label{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.saved-blocks__type{color:var(--muted);font-size:.72rem}.saved-blocks__item-actions{flex:none;align-items:center;gap:4px;display:flex}.saved-blocks__delete{border:1px solid var(--border);cursor:pointer;color:#ff6b6b;width:28px;height:28px;transition:border-color .15s var(--ease), background .15s var(--ease);background:0 0;border-radius:6px}.saved-blocks__delete:hover{background:var(--panel);border-color:#ff6b6b}.block-adder__btn:active{transform:translateY(0)}@keyframes block-card-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.block-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);animation:block-card-in .32s var(--ease) both;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);overflow:hidden}.block-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:0 8px 20px #00000047}.block-card--dragging{opacity:.5}.block-card--drag-over{border-top:2px solid var(--accent)}.block-card__header{background:var(--panel-alt);cursor:grab;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.block-card__header:active{cursor:grabbing}.block-card__toggle{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:0;display:flex}.block-card__chevron{color:var(--muted);width:12px;transition:transform .2s var(--ease);display:inline-block}.block-card__toggle[aria-expanded=false] .block-card__chevron{transform:rotate(-90deg)}.block-card__label{font-weight:600}.block-card__actions{gap:4px;display:flex}.block-card__actions button{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), color .15s var(--ease);background:0 0;border-radius:6px}.block-card__actions button:not(:disabled):hover{border-color:var(--accent);background:var(--panel);transform:translateY(-1px)}.block-card__actions button:disabled{opacity:.3;cursor:not-allowed}.block-card__delete{color:#ff6b6b}.block-card__delete:hover{border-color:#ff6b6b!important}.block-card__save{opacity:.55;font-size:13px}.block-card__save:hover,.block-card__save:focus-visible{opacity:1}.block-card--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.block-card__select-label{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;margin-right:4px;font-size:.7rem;display:flex}.block-card__select{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.merge-toolbar{background:color-mix(in srgb, var(--accent) 12%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));border-radius:var(--radius);animation:block-card-in .2s var(--ease) both;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex}.merge-toolbar span{color:var(--muted);flex:1}.recrawl-prompt{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.recrawl-prompt__row{gap:8px;display:flex}.blog-meta-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.recrawl-prompt__row input{background:var(--panel-alt);border:1px solid var(--border);color:var(--ink);border-radius:8px;flex:1;padding:8px 12px}.recrawl-error{margin-bottom:16px}.block-card__body-wrap{transition:grid-template-rows .28s var(--ease);grid-template-rows:0fr;display:grid}.block-card__body-wrap.is-open{grid-template-rows:1fr}.block-card__body-inner{min-height:0;overflow:hidden}.block-card__body{padding:14px}.edit-grid{flex-direction:column;gap:12px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.field input[type=text],.field input[type=number],.field textarea,.field select{background:var(--panel-alt);border:1px solid var(--border);color:var(--ink);border-radius:6px;padding:8px 10px}.field--checkbox{flex-direction:row;align-items:center}.field--checkbox input{width:auto}.field input[type=color]{cursor:pointer;background:0 0;border:none;width:48px;height:32px;padding:0}.color-field{align-items:center;gap:8px;display:flex}.color-field__hex{text-transform:lowercase;width:100px;font-family:monospace}.field--px input[type=number]{width:90px}.product-fetch-row{gap:8px;display:flex}.product-fetch-row input{flex:1;min-width:0}.product-fetch-row button{flex-shrink:0}.field-group{border-top:2px dashed color-mix(in srgb, var(--muted) 45%, transparent);margin-top:4px;padding-top:14px}.field-group__toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0;display:flex}.field-group__chevron{color:var(--muted);width:12px;transition:transform .2s var(--ease);display:inline-block}.field-group__toggle[aria-expanded=false] .field-group__chevron{transform:rotate(-90deg)}.field-group__label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:0;font-size:.8rem;font-weight:700}.field-group__body-wrap{transition:grid-template-rows .28s var(--ease);grid-template-rows:0fr;display:grid}.field-group__body-wrap.is-open{grid-template-rows:1fr;margin-top:8px}.field-group__body-inner{min-height:0;overflow:hidden}.field-hint{color:var(--muted);margin:2px 0 0;font-size:.8rem;line-height:1.4;display:block}.rich-toolbar{gap:4px;display:flex}.rich-toolbar__btn{border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--ink);transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease);background:0 0;border-radius:6px;padding:0;font-size:.8rem;line-height:1}.rich-toolbar__btn:hover{border-color:var(--accent);background:var(--panel);transform:translateY(-1px)}.rich-toolbar__btn--bold{font-weight:700}.rich-toolbar__btn--italic{font-style:italic}.rich-toolbar__btn--highlight{color:var(--accent);font-weight:700}.list-editor{flex-direction:column;gap:10px;display:flex}.list-editor__item{border:1px dashed var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.list-editor__item-actions{align-self:flex-end;gap:4px;display:flex}.list-editor__item-actions button{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), color .15s var(--ease);background:0 0;border-radius:6px}.list-editor__item-actions button:not(:disabled):hover{border-color:var(--accent);background:var(--panel);transform:translateY(-1px)}.list-editor__item-actions button:disabled{opacity:.3;cursor:not-allowed}.weekday-toggle{flex-wrap:wrap;gap:4px;display:flex}.weekday-toggle__btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:.8rem}.weekday-toggle__btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.preview-pane{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.preview-pane__toolbar{border-bottom:1px solid var(--border);gap:4px;padding:8px;display:flex}.preview-pane__toolbar button{border:1px solid var(--border);cursor:pointer;color:var(--muted);transition:color .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease);background:0 0;border-radius:6px;padding:6px 12px}.preview-pane__toolbar button:hover{color:var(--ink);background:var(--panel-alt)}.preview-pane__toolbar button.active{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.preview-pane__frame{background:#fff;justify-content:center;padding:16px;display:flex}.preview-pane__frame iframe{background:#fff;border:none;width:100%;height:80vh}.preview-pane__frame--tablet iframe{max-width:768px;box-shadow:0 0 0 1px var(--border)}.preview-pane__frame--mobile iframe{max-width:390px;box-shadow:0 0 0 1px var(--border)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:modal-backdrop-in .18s var(--ease) both;background:#08090ca6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:min(800px,100%);max-height:85vh;animation:modal-in .22s var(--ease) both;flex-direction:column;padding:20px;display:flex;box-shadow:0 24px 60px #00000073}.modal__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal__header button{color:var(--muted);cursor:pointer;transition:color .15s var(--ease), transform .15s var(--ease);background:0 0;border:none;font-size:1.2rem}.modal__header button:hover{color:var(--ink);transform:rotate(90deg)}.modal__hint{color:var(--muted);margin:0 0 14px;font-size:.9rem;line-height:1.5}.modal__footer{border-top:1px solid var(--border);justify-content:flex-end;margin-top:14px;padding-top:14px;display:flex}.code-blocks{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.code-block{background:var(--panel-alt);border:1px solid var(--border);animation:block-card-in .28s var(--ease) both;transition:border-color .15s var(--ease);border-radius:10px;flex-shrink:0;overflow:hidden}.code-block:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.code-block--style{border-style:dashed}.code-block__header{background:var(--bg);align-items:center;gap:8px;padding:8px 10px;display:flex}.code-block__index{background:var(--accent);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.code-block__label{flex:1;font-size:.85rem;font-weight:600}.split-btn{color:var(--muted);cursor:pointer;transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:none;border-radius:4px;margin:0 5px;padding:2px 4px;font-size:.65rem}.split-btn:hover{color:#ff6b6b;background:#ff6b6b1f}.code-block-gap{justify-content:center;align-items:center;height:22px;display:flex;position:relative}.code-block-gap:before{content:"";border-top:1px dashed var(--border);position:absolute;top:50%;left:0;right:0}.merge-btn{z-index:1;background:var(--accent);color:#fff;cursor:pointer;width:22px;height:22px;transition:transform .15s var(--ease), box-shadow .15s var(--ease), filter .15s var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;line-height:1;display:flex;position:relative;box-shadow:0 1px 4px #00000059}.merge-btn:hover{filter:brightness(1.1);transform:scale(1.2);box-shadow:0 4px 12px #c8102e73}.merge-btn:active{transform:scale(1.05)}.code-block__pre{color:#d6d9e0;white-space:pre-wrap;word-break:break-word;max-height:140px;margin:0;padding:10px 12px;font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.5;overflow:auto}.copy-btn{background:var(--panel);border:1px solid var(--border);cursor:pointer;transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), color .15s var(--ease);border-radius:7px;flex:none;padding:5px 12px;font-size:.8rem;font-weight:600}.copy-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.copy-btn--done{color:#7ee2a8;background:#1e3a2a;border-color:#2f6b45}.tab-container{border-bottom:1px solid var(--border);gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-weight:600;transition:all .2s}.tab-btn:hover{background:var(--panel-alt);color:var(--ink)}.tab-btn--active,.tab-btn--active:hover{background:var(--accent);color:#fff}.tab-container--section{border-bottom:2px solid var(--border);margin-bottom:20px;padding-bottom:12px}.tab-container--section .tab-btn{padding:8px 18px;font-size:1rem}.import-fallback{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;margin-bottom:24px;padding:20px;display:flex}.import-fallback textarea{background:var(--bg);border:1px solid var(--border);color:var(--ink);resize:vertical;border-radius:8px;width:100%;min-height:150px;padding:12px;font-family:monospace;font-size:.85rem}.import-fallback textarea:focus{border-color:var(--accent);outline:none}.import-fallback label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.import-fallback input{background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:10px 14px}.import-fallback input:focus{border-color:var(--accent);outline:none}.import-error{color:#ff6b6b;text-align:left;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:8px;padding:10px 14px;font-size:.85rem;line-height:1.4}