#view-daily .media-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:8px;border-radius:18px;background:#102b2d;box-shadow:0 18px 35px #12382b18}
#view-daily .media-tabs button{border:1px solid transparent;border-radius:13px;padding:16px 10px;color:#c4d9d0;background:transparent;font-weight:800;cursor:pointer;transition:background .2s,transform .2s,color .2s}
#view-daily .media-tabs button:hover{transform:translateY(-2px);color:#fff}
#view-daily .media-tabs button.is-active{background:linear-gradient(135deg,#f0d6a6,#ca995e);color:#193b35;box-shadow:0 8px 20px #0003}
#view-daily .media-pane{display:none}
#view-daily .media-pane.is-active{display:block}
#view-daily .media-section-head{padding:38px 40px;margin-bottom:19px;border-radius:25px;background:radial-gradient(circle at 88% 12%,#a981574f,transparent 32%),linear-gradient(120deg,#11353a,#1a3834 56%,#4b3b34);color:#fff;border:1px solid #d8b77b50}
#view-daily .media-section-head>span{color:#e8c891;font-size:11px;font-weight:800;letter-spacing:.18em}
#view-daily .media-section-head h2{margin:12px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.2;color:#fff}
#view-daily .media-section-head p{margin:0;max-width:680px;color:#d4e1dc;line-height:1.65}
#view-daily .media-empty{padding:38px;min-height:170px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:11px;background:#f6f7f2}
#view-daily .media-empty[hidden],#view-daily #media-edit-ready[hidden],#view-daily #media-live-output[hidden]{display:none!important}
#view-daily .media-empty strong{font-size:21px;color:#1b4439}
#view-daily .media-empty p{margin:0;color:#627a6e;line-height:1.6}
#view-daily .media-edit-control{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px;padding:18px}
#view-daily .media-edit-control label{display:grid;gap:7px;flex:1;color:#507364;font-size:12px;font-weight:700}
#view-daily .media-edit-control select,#view-daily .media-live-form input:not([type=checkbox]),#view-daily .media-live-form select{min-width:0;width:100%;padding:12px 13px;border-radius:10px;border:1px solid #d6dfd7;background:#fff;color:#173d35;font:inherit}
#view-daily .media-editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px}
#view-daily .media-scrub,#view-daily .media-edit-recipe{padding:22px}
#view-daily .media-preview{min-height:300px;border-radius:19px;background:radial-gradient(circle at 88% 14%,#e4b67453,transparent 29%),linear-gradient(148deg,#122c31,#24483e 60%,#5d4238);padding:26px;color:#f6e9d1;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px #ddba8054}
#view-daily .media-preview>small{font-size:12px;font-weight:800;letter-spacing:.15em;color:#e9c78d}
#view-daily .media-preview h3{font-size:clamp(23px,2.4vw,32px);line-height:1.22;margin:14px 0}
#view-daily .media-preview>p{color:#d7e6db;font-size:13px;line-height:1.65}
#view-daily #media-preview-caption{display:grid;gap:7px;padding:15px 17px;border:1px solid #f1dbb063;border-radius:13px;background:#071d20b8}
#view-daily #media-preview-caption small{font-size:10px;color:#dfc493;letter-spacing:.1em}
#view-daily #media-preview-caption strong{font-size:18px;line-height:1.45}
#view-daily #media-preview-caption span{font-size:11px;color:#bfd2c8}
#view-daily #media-second-range{width:100%;margin:20px 0 7px;accent-color:#aa834d;cursor:pointer}
#view-daily .media-time-axis{display:flex;justify-content:space-between;color:#7a8f82;font-size:10px;gap:5px}
#view-daily .media-edit-note{color:#668072;font-size:12px;line-height:1.6;margin:20px 0 0}
#view-daily .media-edit-recipe h3{font-size:22px;color:#204737;margin:10px 0 15px}
#view-daily .media-edit-recipe ol{padding-left:21px;margin:0;color:#496557;font-size:13px;line-height:1.8}
#view-daily .media-edit-recipe li{padding-bottom:10px}
#view-daily .media-second-details{margin-top:15px;padding:19px}
#view-daily .media-second-details summary{font-weight:800;color:#2b5342;cursor:pointer}
#view-daily .media-second-list{max-height:520px;overflow:auto;margin-top:16px;display:grid;gap:6px}
#view-daily .media-second-list>div{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(120px,.7fr);gap:12px;align-items:center;padding:10px 12px;border-radius:9px;background:#f5f8f5;color:#476253;font-size:12px}
#view-daily .media-second-list>div.is-current{background:#e8efdf;box-shadow:inset 3px 0 #bd985d}
#view-daily .media-second-list b{color:#9a7541}
#view-daily .media-second-list small{font-size:12px;color:#244a39}
#view-daily .media-live-layout{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:17px;align-items:start}
#view-daily .media-live-form{padding:23px;position:sticky;top:18px}
#view-daily .media-live-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#view-daily .media-live-form .field{display:grid;gap:6px;min-width:0}
#view-daily .media-live-form .field em{color:#a57447}
#view-daily .media-live-right{display:grid;gap:15px}
#view-daily .media-room{padding:22px;background:#fafbf8}
#view-daily .media-room-diagram{position:relative;display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:auto auto;gap:12px;align-items:center;justify-items:center;min-height:245px;padding:22px;border-radius:19px;background:radial-gradient(circle at center,#405b4d,#173237 70%);color:#f8e9ca;text-align:center;overflow:hidden}
#view-daily .media-camera{grid-column:2;grid-row:1;padding:13px 18px;border:1px solid #e5c99189;border-radius:15px;background:#0a2025;box-shadow:0 0 0 8px #e5c99119;font-weight:800}
#view-daily .media-camera small{display:block;font-size:10px;color:#c4d7cb;margin-top:3px}
#view-daily .media-table{grid-column:2;grid-row:2;width:100%;display:grid;gap:4px;padding:14px;border-radius:15px;background:#d6b279;color:#173730}
#view-daily .media-table span{font-weight:800}
#view-daily .media-table small{font-size:10px}
#view-daily .media-light{grid-column:1;grid-row:2;font-size:12px;color:#f8e3b8}
#view-daily .media-light.right{grid-column:3}
#view-daily .media-room ul{margin:17px 0 0;padding-left:18px;color:#526d60;font-size:12px;line-height:1.75}
#view-daily .media-shoot-guide{margin:0 0 20px;padding:0;overflow:hidden;border:1px solid #d8c9a9;background:#f8f5ed;box-shadow:0 20px 48px #153e3414}
#view-daily .media-guide-head{padding:26px 28px 18px}
#view-daily .media-guide-head h2{margin:8px 0;color:#173d36;font-size:clamp(23px,2.5vw,32px)}
#view-daily .media-guide-head p{margin:0;line-height:1.7;color:#5d7168;font-size:13px}
#view-daily .media-guide-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,.8fr);gap:0;align-items:stretch}
#view-daily .media-guide-photo,#view-daily .media-live-photo{position:relative;margin:0;overflow:hidden;background:#172c2b}
#view-daily .media-guide-photo{min-height:410px}
#view-daily .media-guide-photo img,#view-daily .media-live-photo img{display:block;width:100%;height:100%;object-fit:cover}
#view-daily .media-guide-photo img{position:absolute;inset:0;object-position:center}
#view-daily .media-guide-photo:after,#view-daily .media-live-photo:after{content:"";position:absolute;inset:auto 0 0;height:95px;background:linear-gradient(0deg,#0a1919cc,transparent);pointer-events:none}
#view-daily .media-guide-photo figcaption,#view-daily .media-live-photo figcaption{position:absolute;z-index:1;bottom:13px;left:17px;right:17px;color:#fff6e9;font-size:11px;letter-spacing:.04em;text-shadow:0 2px 8px #0009}
#view-daily .media-guide-steps{list-style:none;display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;background:#193b36}
#view-daily .media-guide-steps li{display:flex;flex-direction:column;gap:5px;padding:16px 19px;border:1px solid #e8cc9040;color:#d5e3d9}
#view-daily .media-guide-steps b{color:#f1d49f;font-size:13px}
#view-daily .media-guide-steps span{font-size:13px;line-height:1.6}
#view-daily .media-live-photo{height:290px;border-radius:16px}
#view-daily .media-live-photo img{object-position:center 45%}
#view-daily .media-placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
#view-daily .media-placement-grid div{display:grid;align-content:start;gap:7px;padding:13px;border:1px solid #dce3d9;border-radius:12px;background:#f0f4ed}
#view-daily .media-placement-grid b{color:#1c5142;font-size:12px}
#view-daily .media-placement-grid span{color:#5b7467;font-size:11px;line-height:1.55}
#view-daily .media-live-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 13px}
#view-daily .media-live-head h2{font-size:23px;color:#214837;margin:4px 0}
#view-daily .media-live-cards{display:grid;gap:10px}
#view-daily .media-live-cards article{padding:19px;border-left:4px solid #be9b67}
#view-daily .media-live-cards article>span{color:#9a7541;font-size:11px;font-weight:800;letter-spacing:.07em}
#view-daily .media-live-cards p{font-size:13px;color:#3f5b4d;line-height:1.7;margin:10px 0 0}
#view-daily .media-live-cards p b{display:block;color:#214839;font-size:11px;margin-bottom:3px}
#view-daily .media-live-faq{margin-top:12px;padding:20px;font-size:13px;line-height:1.7;color:#466456}
#view-daily .media-live-faq h3{margin:0 0 8px;color:#214738;font-size:19px}
#view-daily .daily-card-top{gap:8px;flex-wrap:wrap}
@media(max-width:1050px){#view-daily .media-live-layout,#view-daily .media-editor-layout{grid-template-columns:1fr}#view-daily .media-live-form{position:static}}
@media(max-width:1050px){#view-daily .media-guide-layout{grid-template-columns:1fr}#view-daily .media-guide-photo{min-height:410px}}
@media(max-width:680px){#view-daily .media-guide-head{padding:20px 18px 16px}#view-daily .media-guide-photo{min-height:235px}#view-daily .media-guide-steps{grid-template-columns:1fr 1fr}#view-daily .media-guide-steps li{padding:13px}#view-daily .media-guide-steps span{font-size:11px}#view-daily .media-live-photo{height:220px}#view-daily .media-placement-grid{grid-template-columns:1fr}}
@media(max-width:680px){#view-daily .media-tabs{gap:4px;padding:5px;border-radius:13px}#view-daily .media-tabs button{font-size:11px;line-height:1.35;padding:11px 5px}#view-daily .media-section-head{padding:24px 20px;border-radius:18px}#view-daily .media-section-head h2{font-size:27px}#view-daily .media-edit-control{flex-direction:column;align-items:stretch}#view-daily .media-scrub,#view-daily .media-edit-recipe{padding:14px}#view-daily .media-preview{padding:20px;min-height:285px}#view-daily .media-time-axis{font-size:8px}#view-daily .media-live-form .field-row{grid-template-columns:1fr}#view-daily .media-second-list>div{grid-template-columns:37px 1fr}#view-daily .media-second-list small{grid-column:2}#view-daily .media-live-head{align-items:flex-start;flex-direction:column}#view-daily .media-live-head .button{width:100%}#view-daily .media-room-diagram{padding:13px;gap:4px}#view-daily .media-room{padding:16px}}
