/* r-theme admin — BASELINE LOCK (no shell/zoom extras) — 2025-08-14 */
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;line-height:1.4;background:#f6f7f8;color:#222}
/* Header */
.rt-header{padding:16px 20px;background:#fff;border-bottom:1px solid #e6e8ea}.rt-title{margin:0 0 4px;font-size:18px}.rt-subtitle{margin:0;color:#555;font-size:13px}
/* Tabs */
.rt-tabs{display:flex;gap:4px;padding:10px 10px 0;background:#fff;border-bottom:1px solid #e6e8ea}
.rt-tab{appearance:none;border:0;background:transparent;cursor:pointer;padding:10px 14px;border-radius:6px 6px 0 0;color:#444;font-weight:600}
.rt-tab:hover{background:#f0f3f5}.rt-tab:focus{outline:2px solid #005177;outline-offset:2px}.rt-tab.is-active{background:#fff;color:#000;border:1px solid #e6e8ea;border-bottom-color:#fff}
/* Layout */
.rt-main{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}
.rt-settings,.rt-preview{background:#fff;border:1px solid #e6e8ea;border-radius:8px;padding:12px;min-height:70vh}
@media(max-width:1100px){.rt-main{grid-template-columns:1fr}}
/* Panel */
.rt-panel[hidden]{display:none}.rt-panel.is-active{display:block}
/* Accordion */
.rt-accordion{border:1px solid #e6e8ea;border-radius:8px;margin-bottom:12px}
.rt-accordion__header{padding:10px 12px;font-weight:700;cursor:pointer}
.rt-accordion__content{padding:10px 12px 14px;border-top:1px solid #e6e8ea}
/* Forms */
.rt-fieldgroup{margin-bottom:12px}.rt-label{display:block;font-weight:600;margin-bottom:6px}
.rt-input,.rt-select,.rt-textarea{width:100%;padding:8px 10px;border:1px solid #cfd6dc;border-radius:6px;background:#fff}
.rt-input:focus,.rt-select:focus,.rt-textarea:focus{outline:2px solid #0073aa}
.rt-color{width:100%;height:38px;padding:0;border:1px solid #cfd6dc;border-radius:6px}
.rt-checkbox,.rt-radio,.rt-switch{display:flex;align-items:center;gap:8px;margin:8px 0}.rt-help{color:#6a7380;font-size:12px;margin:6px 0 0}
/* Buttons */
.rt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.rt-btn{appearance:none;border:1px solid #cfd6dc;background:#f7f9fb;color:#222;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}
.rt-btn:hover{background:#eef3f7}.rt-btn:focus{outline:2px solid #005177;outline-offset:2px}
.rt-btn--primary{background:#0073aa;border-color:#006695;color:#fff}.rt-btn--primary:hover{background:#005f8a}
.rt-btn--danger{background:#d9534f;border-color:#b52b27;color:#fff}
.rt-actions--sticky{position:sticky;bottom:0;padding-top:8px;background:#fff;border-top:1px solid #e6e8ea;display:flex;gap:8px;align-items:center}
.rt-feedback{margin-left:8px;font-weight:600;font-size:13px}
/* Grid */
.rt-grid{display:grid;gap:12px}.rt-grid--2{grid-template-columns:repeat(2,1fr)}.rt-grid--3{grid-template-columns:repeat(3,1fr)}
/* Thumbs */
.rt-thumb{margin-top:8px;width:160px;height:80px;border:1px dashed #cfd6dc;border-radius:6px;display:grid;place-items:center;overflow:hidden}
.rt-thumb img{max-width:100%;max-height:100%;display:block}
.rt-favicon__frame{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #cfd6dc;border-radius:6px;overflow:hidden;background:#fff}
.rt-favicon__frame img{width:100%;height:100%;object-fit:cover}
/* chips/pills */
.rt-palette{display:flex;gap:8px;margin-bottom:10px}.rt-pill{padding:6px 10px;border:1px solid #cfd6dc;border-radius:999px;background:#fff;cursor:pointer;font-weight:600}
.rt-devices{display:flex;gap:8px;margin-bottom:8px}.rt-chip{padding:6px 10px;border:1px solid #cfd6dc;background:#fff;border-radius:999px;cursor:pointer;font-weight:600}
.rt-chip.is-active{background:#eef3f7}
/* Preview */
.rt-preview__frame{border:1px solid #e6e8ea;border-radius:8px;background:#fff;padding:10px;min-height:60vh;position:relative;overflow:auto;background-size:cover;background-position:center}
.rt-device--desktop{width:100%}.rt-device--tablet{width:768px;max-width:100%}.rt-device--mobile{width:375px}
.pv-header{border-bottom:1px solid #e6e8ea;padding-bottom:10px;margin-bottom:10px}
.pv-logo{max-height:48px;display:block}.pv-title{margin:6px 0 0}.pv-slogan{margin:2px 0 6px;color:#555}
.pv-menu{padding:6px 8px;color:#fff;margin-top:6px;border-radius:4px}.pv-menu--main{background:#0073aa}.pv-menu--secondary{background:#005177}
.pv-main{padding:6px 0}.pv-sidebar{background:#f4f5f6;padding:8px;border-radius:4px}.pv-particles{background:#eceff3;padding:8px;border-radius:4px;margin-top:8px}
.pv-footer{border-top:1px solid #e6e8ea;margin-top:12px;padding-top:10px}.pv-footer-title{font-weight:700;margin:4px 0}.pv-footer-text{color:#444}
.pv-scrolltop{position:sticky;bottom:10px;margin-left:auto;display:block;padding:6px 10px;border-radius:6px;border:1px solid #cfd6dc;background:#fff;cursor:pointer}