.production-console{background:#202126;color:#ececf0;border:1px solid #555965;border-radius:12px;width:min(1200px,96vw);max-height:92dvh;padding:18px;overflow:auto}.production-console::backdrop{background:#0009}.production-console-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.production-console h2{font-size:19px}.production-tabs{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #444750}.production-tabs .btn[aria-pressed=true]{color:#98f828;background:#98f82822}.production-content{padding-top:14px}.production-status{min-height:20px;color:#98f828;font-size:12px;margin-top:10px}.production-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:10px 0}.production-row>label{flex:1;min-width:140px}.production-console label{display:block;margin:8px 0;color:#b9c1ce;font-size:12px}.production-console input,.production-console select,.production-console textarea{display:block;width:100%;margin-top:5px;min-height:44px;background:#15161b;color:#ececf0;border:1px solid #444750;border-radius:6px;padding:9px;font:inherit}.production-console input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:#98f828}.production-console textarea{min-height:160px;resize:vertical}.production-operate-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.6fr);gap:16px}.production-preview-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:repeating-conic-gradient(#777 0% 25%,#999 0% 50%) 0/20px 20px;border:1px solid #444750}.production-preview{position:absolute;top:0;left:0;border:0;transform-origin:top left;pointer-events:none}.production-air{padding:10px;background:#292d35;color:#fda4af;font-size:12px;border-radius:6px}.production-data{max-height:320px;overflow:auto;padding:12px;background:#15161b;font:12px monospace;white-space:pre-wrap}.production-launch{display:flex;align-items:center;gap:16px;margin-bottom:14px}.production-launch a{color:#98f828;text-decoration:none;font-size:13px}.production-timeline-row{display:grid;grid-template-columns:minmax(90px,160px) minmax(0,1fr) 24px 100px 100px;align-items:center;gap:12px;margin:12px 0}.production-timeline-row strong{font-size:12px;overflow-wrap:anywhere}.production-track{background:#15161b;border:1px solid #444750;min-height:30px;overflow:hidden}.production-track>div{height:28px;background:#98f82844;color:#d2fcb5;font-size:10px;white-space:nowrap;padding:6px}.remote-app{max-width:none!important;padding:12px!important}.remote-app header{display:flex;align-items:center;justify-content:space-between;padding:12px;margin:0 0 12px}.remote-app #remote-root>.production-console{width:100%;max-height:none}.remote-app .production-console>.production-console-heading{display:none}.remote-app .btn{min-height:52px;font-size:14px}.remote-app .production-content>.production-row .btn-primary{min-width:220px;background:#e53f46}.production-console .btn:disabled{opacity:.4;cursor:default}
@media(max-width:800px){.production-operate-grid{grid-template-columns:minmax(0,1fr)}.production-timeline-row{grid-template-columns:minmax(80px,1fr) minmax(100px,2fr) 24px}.production-timeline-row label{grid-column:auto}.production-console{padding:12px}.production-console .production-row>.btn{flex:1;min-width:140px}.remote-app{padding:6px!important}}

dialog.production-console{margin:auto}.production-monitors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}.production-monitors .hint{font-size:11px;margin:4px 0}.production-console .btn-primary{background:#e53f46;color:white}.production-preview-status{overflow-wrap:anywhere}
@media(max-width:600px){.production-monitors{grid-template-columns:minmax(0,1fr)}}

.production-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:14px 0}.production-comparison h3{font-size:13px;margin:8px 0}@media(max-width:600px){.production-comparison{grid-template-columns:minmax(0,1fr)}}