.rods-app{--rods-primary:#07569a;--rods-accent:#22a8ab;--rods-bg:#f4f7fb;--rods-panel:#fff;--rods-text:#172033;--rods-muted:#657187;--rods-line:#dce4ee;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--rods-text);background:var(--rods-bg);border:1px solid var(--rods-line);border-radius:18px;overflow:hidden;max-width:1500px;margin:18px auto;box-shadow:0 12px 38px #15294312}.rods-app *{box-sizing:border-box}.rods-app button,.rods-app input,.rods-app select,.rods-app textarea{font:inherit}.rods-header{background:linear-gradient(120deg,var(--rods-primary),var(--rods-accent));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:16px}.rods-brand{display:flex;align-items:center;gap:14px}.rods-brand-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#ffffff25;border:1px solid #ffffff50;font-size:28px}.rods-brand h2{color:#fff;margin:0 0 4px;font-size:clamp(19px,2vw,26px);line-height:1.2}.rods-brand p{color:#ffffffd9;margin:0;font-size:13px}.rods-app button{cursor:pointer;border:1px solid var(--rods-line);border-radius:9px;background:var(--rods-panel);color:var(--rods-text);padding:9px 12px;transition:transform .12s,filter .12s}.rods-app button:hover{filter:brightness(.97);transform:translateY(-1px)}.rods-theme{background:#ffffff20!important;color:#fff!important;border-color:#ffffff55!important;min-width:92px}.rods-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:660px}.rods-sidebar{background:var(--rods-panel);border-right:1px solid var(--rods-line);min-width:0}.rods-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:10px;gap:4px;border-bottom:1px solid var(--rods-line)}.rods-tabs button{font-size:11px;padding:10px 4px;border:0;background:transparent}.rods-tabs button.active{background:color-mix(in srgb,var(--rods-accent) 14%,transparent);color:var(--rods-primary);font-weight:750}.rods-panel{display:none;padding:18px}.rods-panel.active{display:block}.rods-panel h3{font-size:16px;margin:0 0 16px}.rods-panel label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;margin:14px 0;color:var(--rods-text)}.rods-panel input:not([type=range]):not([type=file]),.rods-panel select,.rods-panel textarea{width:100%;border:1px solid var(--rods-line);border-radius:8px;padding:9px;background:var(--rods-bg);color:var(--rods-text);min-height:38px}.rods-panel input[type=color]{height:38px;padding:3px!important}.rods-panel input[type=range]{width:100%;accent-color:var(--rods-accent)}.rods-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rods-template{padding:0!important;overflow:hidden;text-align:left;border-radius:10px!important;min-width:0}.rods-template-preview{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:8px;text-align:center;font-weight:800;font-size:12px;line-height:1.15}.rods-template-preview:after{content:"";position:absolute;width:40%;aspect-ratio:1;border-radius:50%;right:7%;bottom:-12%;background:#ffffff65;border:2px solid #ffffff90}.rods-template small{display:block;padding:8px;font-size:11px}.rods-hint{font-size:11px;line-height:1.5;color:var(--rods-muted)}.rods-btn{width:100%;background:var(--rods-primary)!important;color:#fff!important;border-color:transparent!important;font-weight:700;margin-top:7px}.rods-btn.secondary{background:var(--rods-bg)!important;color:var(--rods-text)!important;border-color:var(--rods-line)!important}.rods-upload{display:block!important;padding:13px;border:1px dashed var(--rods-accent);border-radius:10px;text-align:center;background:color-mix(in srgb,var(--rods-accent) 7%,transparent)}.rods-upload input{display:block;width:100%;margin-top:8px;font-size:11px}.rods-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.rods-chip-row button{font-size:11px;padding:7px}.rods-editor{min-width:0;display:flex;flex-direction:column}.rods-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:var(--rods-panel);border-bottom:1px solid var(--rods-line)}.rods-toolbar>div:first-child{display:flex;flex-direction:column;gap:4px}.rods-toolbar strong{font-size:13px}.rods-status{font-size:10px;color:var(--rods-muted)}.rods-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.rods-toolbar-actions button{font-size:11px;padding:8px 10px}.rods-toolbar-actions .primary{background:var(--rods-primary);color:#fff;border-color:transparent;font-weight:750}.rods-stage-wrap{padding:24px;display:grid;place-items:center;flex:1;min-height:400px;background-color:var(--rods-bg);background-image:radial-gradient(var(--rods-line) .7px,transparent .7px);background-size:14px 14px}.rods-stage{width:100%;max-width:900px;box-shadow:0 8px 28px #1720331c;border-radius:3px;overflow:hidden;background:white}.rods-stage canvas{display:block;width:100%;height:auto;touch-action:pan-y}.rods-bottom-tools{padding:12px 18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--rods-panel);border-top:1px solid var(--rods-line)}.rods-bottom-tools button{font-size:11px}.rods-bottom-tools span{font-size:11px;color:var(--rods-muted);margin-left:auto}.rods-privacy{margin:0;padding:12px 18px;background:color-mix(in srgb,var(--rods-accent) 8%,var(--rods-panel));font-size:11px;line-height:1.55;color:var(--rods-muted)}.rods-privacy strong{color:var(--rods-text)}.rods-footer{text-align:center;padding:12px;font-size:11px;color:var(--rods-muted);background:var(--rods-panel)}.rods-footer a{color:var(--rods-primary)}.rods-app[data-theme=dark]{--rods-bg:#111827;--rods-panel:#1b2535;--rods-text:#edf2fa;--rods-muted:#a5b1c3;--rods-line:#344155}.rods-app[data-theme=dark] .rods-stage-wrap{background-image:radial-gradient(#354258 .7px,transparent .7px)}.rods-app[data-theme=dark] .rods-template-preview{color:#fff}.rods-app[data-theme=dark] .rods-panel input:not([type=range]):not([type=file]),.rods-app[data-theme=dark] .rods-panel select,.rods-app[data-theme=dark] .rods-panel textarea{background:#111827}.rods-app[data-theme=dark] .rods-tabs button.active{color:#8fe5e5}.rods-app[data-theme=dark] .rods-privacy{background:#172f3b}.rods-app[data-theme=dark] .rods-btn.secondary{background:#111827!important;color:var(--rods-text)!important}@media(max-width:900px){.rods-workspace{grid-template-columns:240px minmax(0,1fr)}.rods-stage-wrap{padding:14px}.rods-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.rods-header{padding:15px}.rods-brand-icon{width:42px;height:42px}.rods-brand p{font-size:11px}.rods-workspace{grid-template-columns:1fr}.rods-sidebar{border-right:0;border-bottom:1px solid var(--rods-line)}.rods-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.rods-panel{padding:14px}.rods-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rods-stage-wrap{min-height:260px;padding:10px}.rods-bottom-tools span{margin-left:0;width:100%}.rods-toolbar-actions{width:100%}.rods-toolbar-actions button{flex:1}}