@charset "UTF-8";
:root{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",Meiryo,sans-serif;color:#202124;background:#fff;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}main{width:min(100%,520px);margin:64px auto;padding:0 24px}h1{font-size:24px;font-weight:650;letter-spacing:-.7px;margin:0 0 10px}.intro{font-size:13px;color:#737373;margin:0 0 32px;line-height:1.8}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,button,summary,a,textarea{outline-offset:4px}input:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #555}[hidden]{display:none!important}.field-label{display:block;font-size:13px;font-weight:550;margin-bottom:9px}.dropzone{position:relative;display:grid;place-items:center;aspect-ratio:1200/630;border:1px dashed #d5d5d5;border-radius:7px;background:#fafafa;overflow:hidden;cursor:pointer}.dropzone:hover,.dropzone.dragover,.dropzone:focus-within{border-color:#777;background:#f4f4f4}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.dropzone>span{font-size:12px;color:#777;padding:20px;text-align:center}.dropzone img{display:block;width:100%;height:100%;object-fit:cover}.image-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:19px;font-size:11px;color:#888}.image-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{padding:0;border:0;background:none;color:#606060;font-size:12px;text-decoration:underline;text-underline-offset:3px;line-height:1.7;white-space:nowrap}.text-button:hover{color:#111}.label-row{display:flex;justify-content:space-between;align-items:start}.label-row>span{font-size:11px;color:#888}input:not([type=file],[type=checkbox]),textarea{width:100%;border:1px solid #dcdcdc;border-radius:6px;background:#fff;color:#222;padding:11px 12px;font-size:14px;min-width:0}input::placeholder{color:#a0a0a0}details{margin:20px 0}summary{cursor:pointer;color:#777;font-size:12px;width:fit-content}.settings{padding-top:18px}.settings>.field-label{margin-top:20px}.settings>.text-button{margin-top:18px}.checkbox{font-size:12px;display:flex;align-items:center;gap:6px}.checkbox input{accent-color:#222}.hint{font-size:11px;color:#888;line-height:1.8;margin:7px 0 0}.primary{width:100%;border:1px solid #242424;background:#242424;color:#fff;border-radius:6px;padding:12px;font-size:13px;font-weight:550}.primary:hover{background:#444}.publish-hint{text-align:center}.status{font-size:12px;line-height:1.8;padding:12px;background:#f5f5f5;border-radius:6px;overflow-wrap:anywhere}.status.error{color:#a6382a;background:#fff4f1}.result{border-top:1px solid #e6e6e6;margin-top:24px;padding-top:22px}.result>strong{font-size:14px}.result>a{display:inline-block;margin-top:10px;font-size:12px;color:#555}.result>.field-label{margin-top:18px}.copy-row{display:flex;gap:8px}.secondary{background:#fff;border:1px solid #dcdcdc;border-radius:6px;padding:10px 13px;font-size:12px;white-space:nowrap}.secondary:hover{background:#f6f6f6}.result textarea{margin:12px 0 6px;resize:vertical;font-family:monospace;font-size:11px}dialog{width:min(860px,94vw);padding:0;border:1px solid #444;border-radius:8px;background:#101114;color:#fff;overflow:hidden}dialog::backdrop{background:#0009}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px}.dialog-heading button{background:none;border:0;color:#fff;padding:5px}#page-preview{display:block;border:0;width:100%;height:min(620px,75vh)}@media(max-width:540px){main{margin:32px auto;padding:0 20px}h1{font-size:22px}.intro{font-size:12px;margin-bottom:26px}input:not([type=file],[type=checkbox]),textarea{font-size:16px}.copy-row{flex-wrap:wrap}.copy-row input{flex:1 1 220px}.settings>.text-button{white-space:normal;text-align:left}}
.analytics{border-top:1px solid #e6e6e6;margin-top:36px;padding-top:26px}.analytics h2{font-size:17px;margin:0 0 20px}.stats-numbers{display:flex;gap:48px;margin:16px 0}.stats-numbers dt{font-size:11px;color:#777}.stats-numbers dd{font-size:30px;font-weight:600;margin:6px 0 0}#stats-title{font-size:13px;overflow-wrap:anywhere}