:root{--bg:#f5fafc;--surface:#fff;--border:#d6e3e3;--text:#263230;--muted:#5f7270;--accent:#4d6669;--accent-soft:#e0ebeb;--ok:#3d7a4f;--danger:#a3433b;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;line-height:1.5}h1{margin:0 0 .5rem;font-size:1.5rem}a{color:var(--accent)}.muted{color:var(--muted);font-weight:400}.error{color:var(--danger);margin:.5rem 0 0}.help{color:var(--muted);margin-top:.3rem;font-size:.85rem;display:block}.btn{font:600 .9rem var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);color:#fff}.btn--primary:not(:disabled):hover{background:#3b5154}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--accent)}.btn--ghost:hover{background:var(--accent-soft)}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;font:.85rem var(--font);color:var(--text);border-radius:6px;padding:.15rem .55rem}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn--danger{color:var(--danger);margin-left:auto}.login{background:linear-gradient(160deg,#e0ebeb,#f5f5e0);place-items:center;min-height:100vh;padding:1rem;display:grid}.login__card{background:var(--surface);border-radius:16px;width:100%;max-width:380px;padding:2rem;box-shadow:0 10px 30px #00000014}.login__form{gap:1rem;margin-top:1.5rem;display:grid}.login__form label{gap:.3rem;font-size:.9rem;font-weight:600;display:grid}input:not([type=file]),textarea{border:1px solid var(--border);width:100%;font:1rem var(--font);color:var(--text);background:var(--surface);border-radius:8px;padding:.6rem .75rem}textarea{resize:vertical;min-height:4.5rem;line-height:1.5}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.topbar__title{flex-direction:column;display:flex}.topbar__title .muted{font-size:.8rem}.topbar__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.topbar__actions form{margin:0}.status{color:var(--muted);font-size:.875rem}.status--ok{color:var(--ok);font-weight:600}.status--error{color:var(--danger);max-width:32rem;font-weight:600}.layout{grid-template-columns:240px 1fr;gap:1.5rem;max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:grid}.sidebar{flex-direction:column;align-self:start;gap:.25rem;display:flex;position:sticky;top:5rem}.sidebar__item{text-align:left;font:.95rem var(--font);color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.6rem .85rem}.sidebar__item:hover{background:var(--accent-soft)}.sidebar__item.is-active{background:var(--accent);color:#fff;font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:0;padding:1.5rem}.field{margin-top:1.4rem}.field>label,.label{margin-bottom:.35rem;font-weight:600;display:block}.field__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.card{border:1px solid var(--border);background:#fbfdfd;border-radius:10px;gap:.6rem;margin-bottom:.75rem;padding:.9rem;display:grid}.card label{color:var(--muted);gap:.3rem;font-size:.85rem;font-weight:600;display:grid}.card__tools{align-items:center;gap:.4rem;display:flex}.image-field{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.image-field__preview{object-fit:cover;border:1px solid var(--border);background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 16px 16px;border-radius:8px;width:220px;max-height:180px}.image-field__empty{height:120px;color:var(--muted);place-items:center;display:grid}.file-btn input{display:none}.env-banner{color:#5b483b;text-align:center;background:#eda;padding:.45rem 1rem;font-size:.875rem}.toggle{cursor:pointer;align-items:center;gap:.55rem;font-weight:600;display:flex!important}.toggle input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.slider{align-items:center;gap:.75rem;display:flex}.slider input[type=range]{accent-color:var(--accent);background:0 0;border:none;flex:1;padding:0}.slider input[type=range]:focus{outline-offset:4px}.slider output{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2rem;color:var(--muted)}.inline-slider{color:var(--muted);gap:.2rem;font-size:.85rem;font-weight:600;display:grid}.image-field__frame{border-radius:8px;line-height:0;position:relative;overflow:hidden}.image-field__tint{mix-blend-mode:color;pointer-events:none;position:absolute;inset:0}.adjust{border:1px solid var(--border);background:#fbfdfd;border-radius:10px;margin-top:.75rem;padding:.6rem .9rem}.adjust summary{cursor:pointer;color:var(--accent);font-weight:600}.adjust[open] summary{margin-bottom:.75rem}.adjust__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1.5rem;margin-bottom:.9rem;display:grid}.tint-row{align-items:center;gap:.6rem;display:flex}.tint-row input[type=color],.swatch--custom input{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:2.2rem;height:2rem;padding:0}.tint-row .slider{flex:1}.bg-field{border-top:1px solid var(--border);padding-top:1.1rem}.bg-field__row{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.bg-field__sample{border:1px solid var(--border);border-radius:10px;flex:none;place-items:center;width:180px;height:110px;font:italic 1.05rem Georgia,serif;display:grid;position:relative;overflow:hidden}.bg-field__sample img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bg-field__sample span{position:relative}.bg-field__controls{flex:1;gap:.7rem;min-width:240px;display:grid}.swatches{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.swatch{cursor:pointer;border:1px solid #0000002e;border-radius:50%;width:1.9rem;height:1.9rem;padding:0}.swatch.is-active{outline:3px solid var(--accent);outline-offset:2px}.swatch--custom{width:auto;height:auto;color:var(--muted);border:none;border-radius:0;align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.preview{z-index:50;background:#263230d9;flex-direction:column;display:flex;position:fixed;inset:0}.preview__bar{background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1.25rem;display:flex}.preview__devices{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.preview__devices button{font:600 .85rem var(--font);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.4rem 1rem}.preview__devices button.is-active{background:var(--accent);color:#fff}.preview__actions{gap:.5rem;display:flex}.preview__stage{flex:1;justify-content:center;padding:1rem;display:flex;overflow:auto}.preview__frame{background:#fff;border:none;border-radius:10px;height:100%;box-shadow:0 10px 40px #00000059}.preview__frame--desktop{width:100%;max-width:1400px}.preview__frame--phone{width:390px;max-width:100%}@media (max-width:760px){.layout{grid-template-columns:1fr;padding:1rem .75rem 3rem}.sidebar{flex-direction:row;padding-bottom:.25rem;position:static;overflow-x:auto}.sidebar__item{white-space:nowrap}.panel{padding:1rem}.image-field__preview{width:100%}}