*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #00ff41;--accent-dim: #00ff4144;--value: #ffffff;--input-bg: #000000;--app-bg: #050505;--status-bg: #0a0a0a;--border: 1px solid #00ff4144;--font: "Courier New", Courier, monospace;--font-size: 13px;--label-size: 15px;--row-height: 28px}html,body,#root{height:100%;background-color:var(--app-bg);color:var(--accent);font-family:var(--font);font-size:var(--font-size);overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--accent-dim)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:33%;min-width:260px;max-width:400px;background:var(--app-bg);border-right:var(--border);overflow-y:auto;padding:0 12px 12px;display:flex;flex-direction:column;gap:2px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 20px;background-color:var(--status-bg);border-bottom:1px solid #00ff4122;flex-shrink:0}.status-text{font-size:13px;letter-spacing:1px;opacity:.9;font-weight:700;color:var(--accent)}.brand{padding:12px 0 16px;border-bottom:var(--border);margin-bottom:6px}.brand-title{color:var(--accent);font-size:18px;font-weight:900;letter-spacing:1px}.brand-version{color:var(--accent);font-size:10px;opacity:.7;letter-spacing:1px;margin-top:2px}.rack-row{display:grid;grid-template-columns:1.8fr 2.4fr;align-items:center;min-height:var(--row-height);gap:6px}.rack-label{font-size:var(--label-size);font-weight:400;color:var(--label-color, var(--accent));white-space:nowrap;overflow:visible}input[type=text],input[type=number],select,textarea{width:100%;background-color:var(--input-bg);color:var(--value);font-family:var(--font);font-size:var(--font-size);border:var(--border);border-radius:0;outline:none;padding:0 6px;height:var(--row-height);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border:1px solid var(--accent);box-shadow:0 0 8px #00ff4166}input::placeholder,textarea::placeholder{color:#666}input:focus::placeholder,textarea:focus::placeholder{color:transparent}select option{background-color:#111;color:var(--value)}textarea{height:auto;resize:vertical;padding:6px;line-height:1.4}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sidebar-divider{border:none;border-top:var(--border);margin:8px 0}.content-area{flex:1;overflow-y:auto;padding:10px 16px 16px;display:flex;flex-direction:column;gap:6px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.inline-label{font-size:var(--label-size);font-weight:400;color:var(--accent);padding-top:4px;margin-bottom:2px}.request-area{width:100%;min-height:72px;height:72px}.btn-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:8px;margin-top:4px}.btn{height:32px;font-size:11px;font-weight:400;text-align:left;padding-left:8px;background-color:#111;color:var(--accent);border:2px solid var(--btn-border, var(--accent));letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font);transition:background-color .15s,box-shadow .15s}.btn:hover{background-color:#1a1a1a;box-shadow:0 0 8px #00ff4144}.btn:active{background-color:#020}.faq-btn{height:32px;font-size:11px;font-weight:400;background-color:#111;color:var(--accent);border:2px solid var(--btn-border, var(--accent));letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font);text-align:left;padding-left:8px;width:100%;margin-top:6px;transition:background-color .15s,box-shadow .15s}.faq-btn:hover{background-color:#1a1a1a;box-shadow:0 0 8px #00ff4144}.paste-zone{width:100%;min-height:280px;height:280px}.prompt-wrapper{position:relative;margin-top:6px}.prompt-output{width:100%;background:#050505;color:var(--accent);font-family:var(--font);font-size:12px;border:var(--border);padding:10px;white-space:pre-wrap;word-break:break-word;line-height:1.5;max-height:400px;overflow-y:auto}.copy-btn{position:absolute;top:6px;right:6px;height:26px;padding:0 10px;font-size:9px;font-weight:900;background-color:#111;color:var(--accent);border:1px solid var(--accent);letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:var(--font);transition:background-color .15s}.copy-btn:hover{background-color:#1a1a1a}.copy-btn.copied{color:#fff;border-color:#fff}.btn-active{background-color:#020!important;box-shadow:0 0 8px #00ff4144 inset!important}.player-stage{display:grid;grid-template-columns:220px 1fr;gap:10px;margin-top:4px}.theater-player{background-color:#000;padding:15px;border:3px solid var(--accent);border-radius:10px;height:360px;flex-shrink:0;overflow:hidden}.now-playing{color:var(--accent);font-size:14px;font-weight:900;margin-bottom:10px}.theater-player iframe{width:100%;height:420px;border:none;display:block}width: 100%; height: 420px; border: none; display: block; } .queue-panel{display:flex;flex-direction:column;gap:3px;overflow-y:auto;border:var(--border);padding:8px 6px}.queue-panel .inline-label{margin-bottom:4px;flex-shrink:0}.queue-grid{display:flex;flex-direction:column;gap:3px}.queue-btn{height:28px;font-size:11px;font-weight:600;background-color:#0a0a0a;color:#888;border:1px solid #222;text-align:left;padding:0 8px;cursor:pointer;font-family:var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s,border-color .1s}.queue-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.queue-btn.active{color:var(--accent);border-color:var(--accent);font-weight:900}.how-to-btn{width:100%;height:26px;font-size:var(--label-size);font-weight:400;background-color:#0a0a0a;color:var(--accent);border:1px solid var(--accent-dim);letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:var(--font);margin-top:6px;transition:border-color .15s}.how-to-btn:hover{border-color:var(--accent)}.group-body{border:1px solid var(--accent-dim);border-top:none;padding:6px 8px 8px;display:flex;flex-direction:column;gap:2px;margin-bottom:2px}.how-to-box{background:#080808;border:1px solid var(--accent-dim);padding:10px 12px;margin-top:4px;font-size:12px;line-height:1.8;color:#afa}.how-to-box ol{padding-left:16px}.how-to-box li{margin-bottom:2px}.msg-error{color:#f44;font-size:12px;border:1px solid #ff444444;padding:6px 10px}.msg-warning{color:#fa0;font-size:12px;border:1px solid #ffaa0044;padding:6px 10px}.countdown{font-family:var(--font);letter-spacing:2px;color:var(--accent);opacity:.85}.tip-wrap{position:relative;display:inline-block;margin-left:4px;vertical-align:middle}.tip-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;font-size:9px;font-weight:900;color:#000;background:var(--accent);border-radius:50%;cursor:default;opacity:.7;line-height:1}.tip-icon:hover{opacity:1}.tip-box{position:absolute;top:calc(100% + 6px);left:0;transform:none;background:#111;color:#afa;border:1px solid var(--accent-dim);padding:6px 10px;font-size:11px;font-family:var(--font);line-height:1.5;white-space:normal;width:220px;z-index:9999;pointer-events:none}.status-control{display:flex;align-items:center;gap:4px}.status-select{background:transparent;color:var(--accent);font-family:var(--font);font-size:11px;font-weight:400;border:1px solid var(--accent-dim);padding:0 4px;height:22px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.status-select:focus{border-color:var(--accent)}.status-select option{background:#111;color:var(--accent)}.exclude-label{display:flex;align-items:center;gap:5px;margin-left:12px;font-size:11px;color:var(--accent);font-family:var(--font);cursor:pointer;white-space:nowrap}.exclude-check{width:13px;height:13px;accent-color:var(--accent);cursor:pointer}.adv-box{background:#080808;border:1px solid var(--accent-dim);padding:10px 12px;margin-top:4px;display:flex;flex-direction:column;gap:8px}.adv-guide{font-size:11px;color:#afa;line-height:1.7}.adv-guide ol{padding-left:16px;margin-top:4px}.adv-guide a{color:#6f8;text-decoration:underline}.adv-row{display:flex;flex-direction:column;gap:3px}.adv-label{font-size:var(--label-size);font-weight:400;color:var(--label-color, var(--accent));font-family:var(--font);display:flex;align-items:center;gap:4px}.adv-input{width:100%;background:var(--input-bg);color:var(--value);font-family:var(--font);font-size:12px;border:var(--border);padding:4px 6px;height:26px;outline:none}.adv-input:focus{border:1px solid var(--accent);box-shadow:0 0 6px #00ff4144}.adv-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.adv-status{font-size:11px;color:#afa;font-family:var(--font);padding:4px 0}.shuffle-btn{height:22px;font-size:9px;font-weight:900;background:#0a0a0a;color:#666;border:1px solid #333;letter-spacing:1px;cursor:pointer;font-family:var(--font);margin-bottom:4px;transition:color .1s,border-color .1s;align-self:flex-start;padding:0 8px}.shuffle-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.shuffle-btn.active{color:var(--accent);border-color:var(--accent)}.queue-item{display:grid;grid-template-columns:1fr 18px;gap:2px;align-items:center}.queue-remove{height:28px;width:18px;font-size:10px;background:transparent;color:#444;border:none;cursor:pointer;font-family:var(--font);padding:0;text-align:center;transition:color .1s;flex-shrink:0}.queue-remove:hover{color:#f44}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-box{background:#0a0a0a;border:1px solid var(--accent);padding:16px;width:360px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 30px #00ff4122}.modal-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--label-size);font-weight:400;color:var(--accent);font-family:var(--font);letter-spacing:1px;border-bottom:1px solid var(--accent-dim);padding-bottom:8px}.modal-close{background:transparent;border:none;color:var(--accent);font-size:14px;cursor:pointer;font-family:var(--font);opacity:.7;padding:0 4px}.modal-close:hover{opacity:1}.examples-btn{height:var(--row-height);width:24px;background:transparent;color:var(--accent);border:1px solid var(--accent-dim);cursor:pointer;font-size:11px;font-family:var(--font);flex-shrink:0;transition:border-color .1s}.examples-btn:hover{border-color:var(--accent)}.examples-box{background:#080808;border:1px solid var(--accent-dim);padding:8px 10px;margin-top:2px;font-size:11px;font-family:var(--font);color:#afa;line-height:1.6}.examples-title{color:var(--accent);font-weight:400;margin-bottom:4px;font-size:11px}.examples-item{padding:1px 0;opacity:.85}