:root{font-family:Arial,"Helvetica Neue","Noto Sans JP",sans-serif;color:#111;background:#fff;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.button{border:1px solid #d5d5d5;background:#fff;color:#111;border-radius:4px;padding:8px 12px;cursor:pointer;line-height:1.25;text-decoration:none}button:hover,.button:hover{background:#f2f2f2}button:disabled{opacity:.45;cursor:default}.primary{background:#111;color:#fff;border-color:#111}.primary:hover{background:#333}input,select,textarea{width:100%;border:1px solid #d7d7d7;border-radius:4px;background:#fff;color:#111;padding:10px 11px}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #111;outline-offset:2px}input[type=date]{max-width:220px}input[type=checkbox]{width:auto}textarea{height:180px;max-height:320px;resize:vertical;line-height:1.8;overflow:auto}.editor-bar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #dedede;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:600;font-size:17px;color:inherit;text-decoration:none;white-space:nowrap}.brand span{font-weight:400;color:#777;font-size:12px;margin-left:10px}.bar-actions{display:flex;align-items:center;gap:8px}#save-status{font-size:12px;color:#666;margin-right:6px}.editor-layout{display:grid;grid-template-columns:minmax(320px,44%) minmax(0,1fr);align-items:start}.editor-fields{padding:24px;min-width:0;max-width:850px}.field-card{margin-bottom:20px;padding:20px;border:1px solid #dedede;border-radius:4px}.field-card h1,.field-card h2{font-size:14px;font-weight:600;margin:0 0 18px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.field-heading h2{margin:0}.field-heading button{font-size:12px;padding:6px 9px}label{display:block;font-size:12px;color:#555;margin-bottom:14px}label input,label textarea,label select{display:block;margin-top:7px;color:#111;font-size:14px}.check{display:flex;align-items:center;gap:7px;margin:0}.check input{margin:0}.paragraph,.info-row-editor{border-top:1px solid #eee;padding-top:16px;margin-top:16px}.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#777;font-size:11px}.block-head button{width:44px;min-height:36px;padding:6px;font-size:12px}.info-row-editor label{margin-bottom:10px}.row-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}.row-url{grid-column:1/-1}.hint{color:#777;font-size:11px;line-height:1.7;margin-bottom:0}.bottom-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 32px}.preview-panel{position:sticky;top:65px;height:calc(100vh - 65px);border-left:1px solid #dedede;background:#f5f5f5;padding:14px;min-width:0}.preview-label{font-size:11px;color:#555;padding:0 2px 12px;display:flex;justify-content:space-between}.preview-label span{color:#999}iframe{display:block;width:100%;height:calc(100% - 25px);border:1px solid #e5e5e5;background:white}#image-sample{width:160px;max-height:220px;background:#e7e7e7;aspect-ratio:16/9;position:relative}.split::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:8px;background:#fff;transform:translateX(-50%)}#preview-toggle{display:none}dialog{border:1px solid #ccc;border-radius:6px;padding:24px;max-width:min(520px,calc(100% - 32px))}dialog::backdrop{background:#0006}dialog h2{font-size:17px;margin-top:0}dialog p{color:#666;font-size:13px;line-height:1.8}dialog>div{display:flex;gap:8px;flex-wrap:wrap}[hidden]{display:none!important}
@media(max-width:1024px){.editor-bar{padding:12px 16px;flex-wrap:wrap;gap:10px}.brand{font-size:16px}.brand span{font-size:11px}.bar-actions{margin-left:auto;flex-wrap:wrap}#save-status{font-size:11px}.bar-actions button,.bar-actions .button{padding:8px 10px;font-size:12px}#preview-toggle{display:inline-flex}.editor-layout{display:block}.editor-fields{padding:16px;max-width:none}.field-card{padding:16px}.preview-panel{display:none;position:static;top:auto;height:calc(100vh - 125px);border:0}.show-preview .editor-fields{display:none}.show-preview .preview-panel{display:block}.row-grid{grid-template-columns:minmax(85px,30%) minmax(0,1fr)}textarea{height:220px;max-height:320px;resize:none}}

@media(max-width:1024px){input,select,textarea{font-size:16px!important}}