.studio-plan-fields { grid-template-columns:minmax(0,1.4fr) minmax(130px,.8fr) auto; align-items:end; gap:10px; } .studio-name-preview,.studio-control-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:10px 0; } .studio-name-preview strong { font-size:13px; } .studio-control-row .form-field { width:180px; } .studio-keyword-heading { display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .studio-keyword-heading .studio-keyword-batch { margin:0; font-size:12px; white-space:nowrap; } .studio-keyword-heading .studio-keyword-batch input { width:90px; margin-left:5px; } .studio-keyword-heading select { margin-left:auto; } .studio-keyword-bid { grid-template-columns:minmax(0,1fr) 100px 110px auto; } .daypart-setting { display:flex; align-items:center; gap:8px; white-space:nowrap; font-size:12px; } .daypart-backdrop { position:fixed; inset:0; z-index:1200; display:grid; place-items:center; background:rgb(20 24 32 / 50%); } .daypart-dialog { width:min(1120px,95vw); background:white; border-radius:8px; padding:24px; box-shadow:0 16px 60px rgb(0 0 0 / 25%); } .daypart-dialog header h3 { margin:0 0 8px; } .daypart-dialog header p { color:#566273; font-size:12px; } .daypart-hours-labels { display:grid; grid-template-columns:repeat(4,1fr); text-align:center; margin:18px 0 6px; color:#586579; font-size:12px; } .daypart-hours { display:grid; grid-template-columns:repeat(24,minmax(0,1fr)); gap:2px; user-select:none; touch-action:none; } .daypart-hours button { min-width:0; height:50px; padding:0; border:1px solid #fff; color:#5d270a; font-size:10px; font-weight:600; cursor:crosshair; } .daypart-hours button.selected { outline:2px solid #1765c0; outline-offset:-2px; } .daypart-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; background:#f5f6f8; padding:12px; margin:18px 0; } .daypart-actions label { display:flex; align-items:center; gap:8px; } .daypart-actions input { width:100px; } .daypart-scale { height:12px; background:linear-gradient(90deg,#fff0dc,#ffc196,#f46f67,#c95dc9,#7756d9,#3d6fe0); } .daypart-dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:24px; }