.kh-room{--kh-orange:#ef6c28;color:#20252c;font:16px/1.5 system-ui,sans-serif;max-width:1100px;margin:24px auto;background:#fffaf5;border:1px solid #e7e1d9;border-radius:22px;padding:clamp(16px,3vw,32px)}
.kh-room [hidden]{display:none!important}.kh-room *{box-sizing:border-box}.kh-room h2{font-size:clamp(26px,4vw,38px);margin:0 0 8px}.kh-room p{margin:8px 0 18px}.kh-room .kh-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.kh-room .kh-tags span{font-size:12px;background:#eee9e1;padding:5px 10px;border-radius:20px}
.kh-room .kh-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.kh-room button,.kh-room .kh-file,.kh-room .kh-buy{border:1px solid #cfc9c1;padding:10px 14px;border-radius:10px;background:white;color:#20252c;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}.kh-room button:disabled{opacity:.45;cursor:default}.kh-room button[aria-pressed=true],.kh-room .kh-primary{background:var(--kh-orange);color:white;border-color:var(--kh-orange)}
.kh-room .kh-stage{background:#e9e6e0;overflow:auto;border-radius:12px;position:relative;min-height:240px;max-height:75vh}.kh-room canvas{display:block;width:100%;height:auto;touch-action:none}.kh-room canvas.kh-zoom{width:180%;max-width:none}.kh-room .kh-empty{text-align:center;padding:80px 15px;color:#62666b}.kh-room .kh-status{padding:12px;background:#fff;border-radius:10px;border-left:4px solid var(--kh-orange);min-height:48px;margin:12px 0}.kh-room .kh-note{font-size:13px;color:#666}.kh-room input[type=range]{width:110px}.kh-room .kh-file input{display:none}.kh-room .kh-mode{display:flex;gap:8px;flex-wrap:wrap}.kh-room :focus-visible{outline:3px solid #1769aa;outline-offset:3px}.kh-room .kh-meta{font-weight:600}.kh-room .kh-ai-note{background:#fff0dc;padding:12px;border-radius:10px;font-size:13px}