:root{--ed-bg: #f4f5f7;--ed-panel: #fff;--ed-border: #e1e3e5;--ed-text: #202223;--ed-muted: #6d7175;--ed-accent: #1a1a1a;--ed-sel: #e8f1ff;--ed-warn: #fff4e5;--ed-err: #fdecea;--ed-info: #eef7ee}.ed{display:grid;grid-template-rows:48px 1fr;height:calc(100vh - 8px);min-height:600px;background:var(--ed-bg);color:var(--ed-text);font-size:13px;font-family:Inter,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}.ed__top{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--ed-panel);border-bottom:1px solid var(--ed-border)}.ed__top h1{font-size:14px;font-weight:600;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed__status{color:var(--ed-muted);font-size:12px;white-space:nowrap}.ed__body{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;min-height:0}.ed__col{overflow:auto;min-height:0}.ed__col--left{background:var(--ed-panel);border-right:1px solid var(--ed-border)}.ed__col--right{background:var(--ed-panel);border-left:1px solid var(--ed-border)}.ed__col--center{padding:24px 28px 120px}.ed__paper{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--ed-border);padding:40px 36px 60px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #c9cccf;background:#fff;color:var(--ed-text);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;line-height:1.4;white-space:nowrap}.btn:hover{background:#f6f6f7}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--ed-accent);color:#fff;border-color:var(--ed-accent)}.btn--primary:hover{background:#333}.btn--sm{padding:2px 7px;font-size:11px}.btn--icon{padding:2px 6px;min-width:24px}.btn--danger{color:#b42318}.btn--active{background:#e8e8e8}.ms{padding:12px 14px 80px}.ms__head{font-size:11px;color:var(--ed-muted);margin:0 0 8px}.ms__p{font-size:12px;line-height:1.8;padding:6px 8px;margin:0 0 4px;border-radius:4px;cursor:pointer;white-space:pre-wrap;border:1px solid transparent}.ms__p:hover{background:#f6f6f7}.ms__p--bold{font-weight:600}.ms__p--active{background:var(--ed-sel);border-color:#b3d1ff}.ms__p--link{color:#0b61d8;word-break:break-all}.ms__img{position:relative;margin:6px 0 8px;border-radius:4px;overflow:hidden;border:2px solid transparent;cursor:pointer}.ms__img img{display:block;width:100%;height:auto}.ms__img--active{border-color:#0b61d8}.ms__img__label{position:absolute;left:6px;top:6px;background:#000000a6;color:#fff;font-size:11px;padding:2px 7px;border-radius:3px}.ms__img__used{position:absolute;right:6px;top:6px;background:#1f8a3b;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px}.blk{position:relative;margin:0;padding:4px 8px 4px 34px;border-radius:4px;border:1px solid transparent}.blk:hover{border-color:#e1e3e5}.blk--sel{border-color:#0b61d8!important;background:#fbfdff}.blk--flag:after{content:"";position:absolute;right:-1px;top:-1px;width:8px;height:8px;border-radius:50%;background:#e0a100}.blk--flag.blk--err:after{background:#d72c0d}.blk__grip{position:absolute;left:6px;top:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#999;cursor:grab;font-size:14px;-webkit-user-select:none;user-select:none;border-radius:3px}.blk__grip:hover{background:#eee;color:#333}.blk__bar{display:none;position:absolute;right:6px;top:-12px;z-index:2;gap:2px;background:#fff;border:1px solid var(--ed-border);border-radius:6px;padding:2px 4px;box-shadow:0 2px 6px #00000014}.blk:hover .blk__bar,.blk--sel .blk__bar{display:flex}.blk__type{font-size:10px;color:var(--ed-muted);padding:2px 6px;align-self:center;letter-spacing:.04em}.blk--dragging{opacity:.4}.blk--drop-before{box-shadow:0 -3px #0b61d8}.blk--drop-after{box-shadow:0 3px #0b61d8}.editable{outline:none;min-height:1.4em;white-space:pre-wrap}.editable:empty:before{content:attr(data-placeholder);color:#aaa}.editable:focus{background:#fffdf2}.spk{display:inline-block;font-weight:600;min-width:2em;border-bottom:1px dashed #bbb;margin-right:2px}.spk:focus{outline:none;background:#fffdf2}.fig-ph{border:2px dashed #b9bcc0;border-radius:6px;background:#fafbfb;padding:14px;display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;margin:24px 0}.fig-ph__thumb{position:relative}.fig-ph__thumb img{width:100%;display:block;opacity:.55;filter:grayscale(.3);border-radius:4px}.fig-ph__thumb span{position:absolute;left:4px;top:4px;background:#000000a6;color:#fff;font-size:10px;padding:1px 6px;border-radius:3px}.fig-ph__text{font-size:12px;color:#444;line-height:1.7}.fig-ph__text strong{display:block;font-size:13px;margin-bottom:4px}.fig-up{position:relative}.fig-up__bar{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}.fig-up__bar input[type=text]{flex:1;min-width:160px}.fig-warn{margin:8px 0 0;padding:10px 12px;background:var(--ed-err);border:1px solid #f4b7b0;border-radius:6px;font-size:12px}.fig-warn__cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.fig-warn__cmp img{width:100%;display:block;border-radius:4px}.fig-warn__cmp small{display:block;color:#666;margin-bottom:3px}.fig-ok{margin-top:6px;font-size:11px;color:#1f8a3b}.pl{border:1px solid #eee;padding:10px 12px;margin:8px 0 24px;background:#fafafa}.pl__row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #eee}.pl__row img{width:40px;height:40px;object-fit:cover;background:#f0f0f0}.pl__row .t{flex:1;font-size:12px;line-height:1.5}.pl__row .t small{color:var(--ed-muted);display:block}.pl__bad{color:#b42318;font-size:11px}.pl__add{display:flex;gap:6px;margin-top:8px}.pl__add input{flex:1}.pl__search{background:#fff;border:1px solid var(--ed-border);margin-top:6px;max-height:220px;overflow:auto}.pl__search div{padding:6px 8px;cursor:pointer;font-size:12px;display:flex;gap:8px;align-items:center}.pl__search div:hover{background:#f1f6ff}.pl__search img{width:28px;height:28px;object-fit:cover}input[type=text],input[type=url],textarea,select{width:100%;box-sizing:border-box;border:1px solid #c9cccf;border-radius:5px;padding:6px 8px;font-size:12px;font-family:inherit;background:#fff}textarea{resize:vertical;min-height:60px;line-height:1.6}label.f{display:block;font-size:11px;color:var(--ed-muted);margin:10px 0 3px}label.f .cnt{float:right}label.f .cnt--over{color:#d72c0d;font-weight:600}.sp{padding:0 0 80px}.sp__sec{border-bottom:1px solid var(--ed-border)}.sp__h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.sp__h .badge{font-size:10px;background:#eee;border-radius:10px;padding:1px 7px;font-weight:500;margin-left:6px}.sp__h .badge--err{background:#fdecea;color:#b42318}.sp__h .badge--warn{background:#fff4e5;color:#915a00}.sp__c{padding:4px 14px 14px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fmt{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.fmt input[type=color]{width:30px;height:26px;padding:0;border:1px solid #c9cccf;border-radius:4px;background:#fff}.hint{font-size:11px;color:var(--ed-muted);line-height:1.6;margin:6px 0 0}.sg{border:1px solid var(--ed-border);border-radius:6px;padding:8px 10px;margin:0 0 8px;font-size:12px;line-height:1.6;cursor:pointer}.sg--error{background:var(--ed-err);border-color:#f4b7b0}.sg--warn{background:var(--ed-warn);border-color:#f5d7a8}.sg--info{background:var(--ed-info);border-color:#c8e6c9}.sg--sel{outline:2px solid #0b61d8}.sg__cat{font-size:10px;font-weight:600;letter-spacing:.06em;color:#555;margin-right:6px}.sg__diff{margin:6px 0;font-size:11px;background:#ffffffb3;border-radius:4px;padding:6px 8px;word-break:break-all}.sg__diff del{color:#b42318;text-decoration:line-through;background:#fde2e1}.sg__diff ins{color:#1f8a3b;text-decoration:none;background:#dcf3dd}.sg__acts{display:flex;gap:6px;margin-top:6px}.sg__all{display:flex;gap:6px;margin:0 0 10px;flex-wrap:wrap}.pv{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;flex-direction:column}.pv__bar{background:#fff;padding:8px 14px;display:flex;gap:10px;align-items:center}.pv__bar h2{font-size:13px;margin:0;flex:1}.pv iframe{flex:1;border:0;background:#fff}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#202223;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;z-index:60}.ix{padding:24px;max-width:980px}.ix h1{font-size:18px;margin:0 0 14px}.drop{border:2px dashed #b9bcc0;border-radius:8px;padding:36px;text-align:center;background:#fff;cursor:pointer}.drop--over{border-color:#0b61d8;background:#f1f6ff}.drop p{margin:6px 0;color:var(--ed-muted)}.list{margin-top:24px;background:#fff;border:1px solid var(--ed-border);border-radius:8px}.list__row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--ed-border);font-size:13px}.list__row:last-child{border-bottom:0}.list__row .t{flex:1}.list__row small{color:var(--ed-muted);display:block;font-size:11px}.ex{background:#fff;margin:30px auto;width:min(900px,94vw);max-height:90vh;overflow:auto;border-radius:8px;display:flex;flex-direction:column}.ex .pv__bar{border-bottom:1px solid var(--ed-border)}.ex__body{padding:14px 18px 24px;font-size:13px}.ex__steps{margin:0 0 14px;padding-left:20px;line-height:2}.ex__html{display:flex;gap:12px;align-items:center;margin:0 0 14px}.ex__table{width:100%;border-collapse:collapse;font-size:12px}.ex__table th{text-align:left;width:150px;padding:8px;background:#f6f6f7;border-bottom:1px solid var(--ed-border);white-space:nowrap;vertical-align:top}.ex__table td{padding:8px;border-bottom:1px solid var(--ed-border);word-break:break-all;vertical-align:top}.ex__table td:last-child{width:70px}.ed{height:100vh}
