:root{font:15px system-ui,Arial,sans-serif;color:#18324c;background:#eef2f6}*{box-sizing:border-box}body{margin:0}header{background:#071b36;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px}header b{font-size:25px;letter-spacing:.08em}header em{font-style:normal;color:#d6b276;font-weight:400}header small{display:block;font-size:9px;letter-spacing:.1em;margin-top:7px}header a{color:#e8d0aa;font-size:12px}#status{padding:13px 24px;background:#e4ecf3;line-height:1.5;min-height:48px}#auth{max-width:460px;padding:30px;background:white;border-radius:18px;margin:40px auto}h1{font-size:30px}h2{font-size:20px;margin-top:24px}h3{font-size:15px}p{line-height:1.6}label{display:block;margin:12px 0;font-size:12px;font-weight:650}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #cbd5df;background:white;color:#18324c;border-radius:8px;padding:11px;margin-top:7px;min-width:0}textarea{min-height:110px;resize:vertical}button{font:inherit;background:#163652;color:white;border:0;border-radius:8px;padding:11px 14px;min-height:42px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.gold{background:#c9a568;color:#071b36;font-weight:700}.light{background:#eaf0f5;color:#17334f}.danger{background:#fff0ed;color:#a43126}.bar{display:flex;align-items:center;gap:10px;background:white;padding:14px 24px;border-bottom:1px solid #d6dfe8;flex-wrap:wrap}.bar label{min-width:190px;flex:1;margin:0}.bar button{font-size:13px}.layout{display:grid;grid-template-columns:390px minmax(0,1fr)}aside{padding:18px;background:white;border-right:1px solid #d6dfe8}nav{display:flex;gap:5px;flex-wrap:wrap}nav button{font-size:12px;background:#eff3f7;color:#38526d;padding:9px}nav .active{background:#12344f;color:white}.canvas{padding:22px}.canvas-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-size:10px;letter-spacing:.08em}iframe{display:block;width:414px;max-width:100%;height:800px;margin:auto;border:0;border-radius:16px;background:white;box-shadow:0 12px 38px #12284020}iframe.wide{width:100%}.hint{font-size:12px;color:#63788b}.video-card{display:grid;grid-template-columns:95px 1fr;gap:12px;border:1px solid #d8e1e8;border-radius:12px;margin:12px 0;padding:12px}.video-card img{width:95px;height:78px;object-fit:cover;border-radius:8px;background:#e8edf3}.video-card strong{display:block;font-size:13px;overflow-wrap:anywhere}.video-card small{display:block;color:#657c90;margin-top:5px}.video-card .actions{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.actions button{font-size:11px;padding:8px 10px}.removed{border-style:dashed;background:#f7f8fa}.selected{border-color:#b78e4d;box-shadow:0 0 0 1px #b78e4d}.section-card{padding:12px;border:1px solid #d9e3eb;border-radius:10px;margin:10px 0}.section-card b{display:block;margin-bottom:8px}.section-card button{font-size:11px;padding:8px;margin:3px}.field-video{width:100%;max-height:210px;background:#071b36;border-radius:10px}#video-fields:not(:empty),#block-fields:not(:empty){margin-top:18px;border-top:1px solid #d9e3eb;padding-top:12px}[hidden]{display:none!important}:focus-visible{outline:3px solid #c7a365;outline-offset:2px}@media(max-width:800px){header{padding:16px}.layout{display:flex;flex-direction:column}.canvas{order:0;padding:12px}aside{order:1}iframe{height:370px}.bar{padding:12px;gap:7px}.bar label{flex-basis:100%}.bar button{font-size:12px;padding:9px}#auth{margin:20px 12px}.canvas-bar button{min-height:36px;padding:8px}.canvas .hint{margin-bottom:0}header small{font-size:8px}aside{padding:16px}nav{position:sticky;top:0;z-index:5;background:white;padding:10px 0}.video-card{grid-template-columns:100px 1fr}}