@import"https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=BIZ+UDPGothic:wght@400;700&family=DotGothic16&family=Hachi+Maru+Pop&family=Kaisei+Decol:wght@400;500;700;800&family=Kaisei+HarunoUmi:wght@400;500;700&family=Kaisei+Opti:wght@400;500;700;800&family=Kaisei+Tokumin:wght@400;500;700;800&family=Kiwi+Maru:wght@300;400;500&family=Kosugi&family=Kosugi+Maru&family=M+PLUS+1p:wght@100;200;300;400;500;600;700;800;900&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Mochiy+Pop+One&family=Mochiy+Pop+P+One&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Rampart+One&family=RocknRoll+One&family=Sawarabi+Gothic&family=Sawarabi+Mincho&family=Shippori+Antique:wght@400;700&family=Shippori+Mincho:wght@400;500;600;700;800&family=Yuji+Boku&family=Yuji+Mai&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap";*{box-sizing:border-box;font-family:Noto Sans JP,system-ui,sans-serif}body{margin:0}:root{color:#111}.page{min-height:100vh;background:#f1f1f1;color:#222}.topbar{max-width:1400px;margin:0 auto;padding:16px 20px 8px;display:flex;align-items:center;gap:14px}.topbar-left{justify-content:flex-start}.brand{font-weight:800;letter-spacing:.08em;font-size:28px}.topActions{display:flex;gap:8px}.topActions-left{margin-left:8px}button,input,select,textarea{border:1px solid #dedede;background:#fff;border-radius:9px;padding:8px 10px;font-size:13px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.layout{max-width:1400px;margin:0 auto;padding:6px 20px 20px;display:grid;gap:14px;grid-template-columns:340px 1fr}.leftPanel{background:#ececec;border-radius:14px;border:1px solid #dddddd;padding:12px}.leftPanel section{margin-bottom:10px}.leftPanel.compact h4{margin:0 0 6px;font-size:13px}label{display:grid;gap:4px;font-size:12px}.titleInput{width:100%;min-height:96px;resize:vertical}.miniHint{margin-top:4px;font-size:11px;color:#666}.switchRow{display:flex;align-items:center;justify-content:space-between}.posGrid{display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr}.posGrid button{padding:6px 8px}.active{background:#5f63f2;color:#fff;border-color:#5f63f2}.alignBtnActive{background:#dfe8ff;border-color:#5f63f2;color:#243b8a;box-shadow:inset 0 0 0 1px #5f63f2}.rangeLabel{display:flex;justify-content:space-between;color:#666;font-size:11px;margin-top:2px}details{background:#f7f7f7;border:1px solid #ddd;border-radius:10px;padding:6px 8px}summary{cursor:pointer;font-size:12px;font-weight:600}.miniControls{margin-top:8px;display:grid;gap:6px}.colorRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inlineColor{display:flex;align-items:center;justify-content:space-between;border:1px solid #ddd;background:#fff;border-radius:8px;padding:6px 8px}.inlineColor input[type=color]{width:36px;height:24px;padding:0;border:none;background:transparent}.presetRow{display:grid;grid-template-columns:1fr auto;gap:6px}.presetList{margin-top:6px;display:grid;gap:6px}.presetItem{display:grid;grid-template-columns:1fr auto;gap:6px}.selectedLayer{border-left:4px solid #5f63f2;background:#eaf0ff;border-radius:8px;padding:6px}.selectedLayer>div>button:first-child{font-weight:700;color:#243b8a}.presetItem .danger{background:#fff1f1;border-color:#f2c7c7;color:#a02b2b}.exports{display:flex;gap:8px}.previewArea{display:grid;align-content:start}.previewLabel{font-size:13px;font-weight:700;color:#666}.previewSub{margin-top:3px;margin-bottom:8px;color:#777;font-size:12px}.canvasFrame{width:fit-content;background:transparent;border:0;padding:0}.ytMock{margin-top:14px}.ytTitle{font-size:12px;color:#666;margin-bottom:6px}.ytLayout{display:grid;grid-template-columns:460px 360px;gap:12px}.ytMainCard{background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden}.ytMainVertical{display:grid;grid-template-rows:auto 1fr}.ytMainThumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#eee;display:block}.ytMainInfo{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:10px}.ytAvatar{width:36px;height:36px;border-radius:999px;background:#5f63f2;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}.ytMeta{display:grid;gap:4px}.ytText{font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ytChannel,.ytSub{font-size:11px;color:#666}.ytRecommend{background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px;display:grid;gap:8px}.ytRecTitle{font-size:12px;color:#666;font-weight:700}.ytRecItem{display:grid;grid-template-columns:120px 1fr;gap:8px}.ytRecItem img{width:120px;height:68px;object-fit:cover;border-radius:6px;background:#eee}.ytRecText{font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ytRecSub{font-size:10px;color:#777;margin-top:2px}@media(max-width:1180px){.layout,.ytLayout{grid-template-columns:1fr}}