.rod-control-surface>button{color:#f5e8d0;cursor:pointer;background:#382812;border:1px solid rgba(200,160,90,.533);border-radius:6px;min-height:36px;padding:4px 12px}.rod-status{font-size:12px}.rod-debug{color:#fff;pointer-events:none;z-index:25;background:rgba(0,0,0,.867);margin:0;padding:8px;font:11px/1.5 monospace;position:fixed;bottom:8px;left:8px}.rod-view-bar{z-index:15;color:#f5e8d0;white-space:nowrap;background:rgba(38,26,14,.92);border-radius:8px;padding:8px 14px;font-size:13px;position:fixed;top:68px;left:50%;transform:translate(-50%)}.rod-view-bar button{color:#fff;cursor:pointer;background:#55381c;border:1px solid #c8a05a;border-radius:5px;margin-left:10px;padding:7px}.rod-audience-preview{color:#e6cda0;z-index:10;background:#100b07;border:1px solid #75562c;border-radius:8px;width:min(440px,32vw);font:12px sans-serif;position:fixed;top:130px;right:14px;overflow:hidden}.rod-audience-preview div{padding:7px 10px}.rod-audience-preview canvas{object-fit:contain;width:100%;height:auto;max-height:24vh}@media (max-width:700px){.rod-audience-preview{display:none}}.rod-character-picker{align-items:center;gap:6px;font-size:13px;display:flex}.rod-character-picker select{color:#f5e8d0;background:#382812;border:1px solid #c8a05a;border-radius:6px;max-width:125px;padding:6px}.rod-control-heading{flex-wrap:wrap;gap:6px}@media (min-width:768px) and (max-width:1366px) and (orientation:landscape){.rod-audience-preview{width:min(270px,27vw);top:118px;right:10px}.rod-audience-preview canvas{max-height:20vh}.rod-control-surface.rod-edge-layout{z-index:25;pointer-events:none;height:174px;left:0!important;right:0!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:100%!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;position:fixed!important}.rod-control-surface.rod-edge-layout .rod-control-pads{height:166px;padding:0 calc(10px + env(safe-area-inset-right)) 0 calc(10px + env(safe-area-inset-left));pointer-events:none;grid-template-columns:max(250px,min(30vw,380px)) max(250px,min(30vw,380px));justify-content:space-between;gap:0;display:grid;position:absolute;bottom:0;left:0;right:0}.rod-control-surface.rod-edge-layout .rod-pad{pointer-events:auto;background:radial-gradient(circle at 50% 58%,rgba(125,86,43,.58),rgba(14,9,6,.9));border:1px solid rgba(200,160,90,.72);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.38);height:166px!important;min-height:166px!important}.rod-control-surface.rod-edge-layout .rod-handle{pointer-events:auto;border-width:4px;padding:0;font-size:18px;width:62px!important;height:62px!important;min-height:62px!important}.rod-control-surface.rod-edge-layout .rod-control-heading{text-align:center;pointer-events:auto;background:rgba(18,11,7,.88);border:1px solid rgba(200,160,90,.48);border-radius:10px;justify-content:center;align-items:center;width:min(236px,27vw);min-height:38px;margin:0;padding:6px 8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.rod-control-surface.rod-edge-layout .rod-control-heading span,.rod-control-surface.rod-edge-layout .rod-control-heading>strong{display:none}.rod-control-surface.rod-edge-layout>button{pointer-events:auto;min-width:82px;min-height:42px;margin:0;padding:5px 9px;position:absolute;top:48px}.rod-control-surface.rod-edge-layout>[data-rod-reset]{right:calc(50% + 5px)}.rod-control-surface.rod-edge-layout>[data-rod-flip]{left:calc(50% + 5px)}.rod-control-surface.rod-edge-layout .rod-status{color:#edc466;text-align:center;pointer-events:none;width:min(242px,28vw);line-height:1.3;position:absolute;top:99px;left:50%;transform:translate(-50%)}.rod-control-surface.rod-edge-layout .rod-control-foot{text-align:center;pointer-events:none;width:min(242px,28vw);margin:0;line-height:1.3;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}}