*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;background:#f0f0f1;color:#1e1e1e;min-height:100dvh;min-height:100vh}#root{min-height:100dvh;min-height:100vh}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--accent: #18181b;--accent-2: #3f3f46;--blue: #2563eb;--blue-dark: #1d4ed8;--blue-bg: rgba(37, 99, 235, .05);--text: #18181b;--text-2: #52525b;--muted: #71717a;--border: #e4e4e7;--bg: #f5f4f0;--card: #ffffff;--white: #ffffff;--danger: #dc2626;--r: 12px;--r-sm: 7px;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.03)}.app{display:flex;flex-direction:column;min-height:100dvh;min-height:100vh;background:var(--bg)}.app-header{position:sticky;top:0;z-index:200;height:52px;background:#0c0c0c;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06)}.header-left{display:flex;align-items:center;gap:9px}.header-logo{font-size:18px;line-height:1}.header-title{color:#ffffffd1;font-size:14px;font-weight:500;letter-spacing:.01em}.mode-btn{height:30px;padding:0 13px;background:#ffffff1a;color:#ffffffd1;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.mode-btn:active{background:#ffffff2e}.mode-btn--back,.mode-btn--raw{background:#ffffff12}.mode-btn--icon{width:30px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border-color:transparent;color:#fff6}.mode-btn--icon:active{background:#ffffff1a;border-color:#ffffff1f;color:#fffc}.mode-btn--swap-active{background:#2563ebb3;border-color:#2563ebcc;color:#fff}.mode-btn--swap-active:active{background:#2563ebe6}.header-confirm-label{color:#ffffff8c;font-size:12px;white-space:nowrap;align-self:center}.mode-btn--clear-confirm{background:#dc2626bf;border-color:#dc262680;color:#fff}.mode-btn--clear-confirm:active{background:#dc2626}.header-btns{display:flex;gap:5px;align-items:center}.header-sep{width:1px;height:18px;background:#ffffff26;margin:0 2px}.app-main{flex:1;padding:12px;max-width:760px;margin:0 auto;width:100%}@media (min-width: 640px){.app-main{padding:20px}}.editor{display:flex;flex-direction:column;gap:3px}.block{background:var(--card);border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s;overflow:hidden;position:relative}.block--selected{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a,var(--shadow)}.block--selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue);border-radius:3px 0 0 3px}.block-view{display:flex;align-items:flex-start;gap:8px;padding:13px 14px;cursor:pointer;min-height:48px;-webkit-tap-highlight-color:transparent;transition:background .1s}.block-view--heading{padding:14px}.block-view:active{background:#00000006}.block-badge{flex-shrink:0;min-width:22px;height:19px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:#f1f0ec;border-radius:4px;font-size:9px;font-weight:700;color:#a1a1aa;letter-spacing:.02em;margin-top:3px}.block-view-content{flex:1;min-width:0}.block-type-bar{display:flex;padding:8px 10px;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fafaf9}.block-type-bar::-webkit-scrollbar{display:none}.tbar-btn{flex-shrink:0;min-width:36px;height:34px;padding:0 8px;border:1px solid var(--border);background:var(--white);border-radius:var(--r-sm);font-size:11px;font-weight:700;cursor:pointer;color:var(--muted);transition:all .1s;-webkit-tap-highlight-color:transparent}.tbar-btn:active{background:#f4f4f5}.tbar-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.block-ta{display:block;width:100%;border:none;outline:none;padding:13px 14px;font-family:inherit;font-size:16px;line-height:1.65;color:var(--text);background:transparent;-webkit-appearance:none}.block-ta--heading1{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.block-ta--heading2{font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.block-ta--heading3{font-size:17px;font-weight:600;line-height:1.35}.block-ta--quote{font-style:italic;padding-left:18px;border-left:3px solid var(--blue);color:var(--muted)}.block-ta--code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;background:#18181b;color:#93c5fd;padding:14px}.block-action-bar{display:flex;align-items:center;padding:8px 10px;gap:8px;border-top:1px solid var(--border);background:#fafaf9}.abar-btn{min-width:44px;height:34px;padding:0 14px;border:1px solid var(--border);background:var(--white);border-radius:var(--r-sm);font-size:13px;cursor:pointer;color:var(--muted);font-weight:500;transition:all .1s;-webkit-tap-highlight-color:transparent}.abar-btn:active:not(:disabled){background:#f4f4f5}.abar-btn:active:not(:disabled){transform:scale(.95)}.abar-btn:disabled{opacity:.28;cursor:default}.abar-btn--cancel{color:var(--muted);margin-left:auto}.abar-btn--danger{color:var(--danger);border-color:#fca5a5}.abar-btn--danger:active{background:#fef2f2!important}.abar-btn--apply{color:#fff;background:var(--blue);border-color:var(--blue);margin-left:auto;font-weight:600}.abar-btn--apply:active{background:#1d4ed8!important;border-color:#1d4ed8!important}.sortable-block-wrapper{position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sortable-block-wrapper--swap{touch-action:none}.sortable-block-wrapper--editing{touch-action:auto;user-select:auto;-webkit-user-select:auto}.block-drag-overlay{box-shadow:0 12px 32px #00000024,0 2px 8px #0000000f;border-radius:var(--r);background:#fff;opacity:.96;cursor:grabbing}.bv-h1{font-size:28px;font-weight:800;line-height:1.2;color:var(--text);margin:0;letter-spacing:-.02em}.bv-h2{font-size:21px;font-weight:700;line-height:1.3;color:var(--text);margin:0;letter-spacing:-.01em}.bv-h3{font-size:17px;font-weight:600;line-height:1.4;color:#27272a;margin:0}.bv-p{font-size:15px;line-height:1.75;color:var(--text);margin:0;word-break:break-word;white-space:pre-wrap}.bv-quote{border-left:3px solid var(--blue);padding:4px 12px;font-style:italic;color:var(--muted);margin:0;font-size:15px;line-height:1.65;white-space:pre-wrap}.bv-code{background:#18181b;color:#93c5fd;padding:10px 12px;border-radius:6px;font-family:SF Mono,monospace;font-size:13px;overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-all}.bv-list{padding-left:20px;margin:0;font-size:15px;line-height:1.7;color:var(--text)}.bv-list li{margin-bottom:2px}.bv-olist{padding-left:20px;margin:0;font-size:15px;line-height:1.7;color:var(--text)}.bv-olist li{margin-bottom:2px}.bv-divider{border:none;border-top:1.5px solid var(--border);margin:4px 0}.divider-edit-hint{padding:10px 14px;font-size:13px;color:var(--muted);font-style:italic}.bv-ph{color:#d4d4d8;font-style:normal}.add-wrap{margin-top:4px}.add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;background:transparent;border:1.5px dashed #d4d4d8;border-radius:var(--r);font-size:13px;font-weight:500;color:#a1a1aa;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.add-btn:active{border-color:var(--blue);color:var(--blue);background:var(--blue-bg)}.add-btn-icon{font-size:18px;line-height:1;font-weight:400}.add-menu{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.add-menu-grid{display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width: 480px){.add-menu-grid{grid-template-columns:repeat(4,1fr)}}.add-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:transparent;border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;-webkit-tap-highlight-color:transparent}.add-option:active{background:var(--blue-bg)}.add-option-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f4f4f5;border-radius:8px;font-size:12px;font-weight:700;color:var(--text-2)}.add-option-name{font-size:11px;font-weight:500;color:var(--text-2)}.add-cancel{display:block;width:100%;padding:15px;background:transparent;border:none;border-top:1px solid var(--border);cursor:pointer;font-size:14px;color:var(--muted);font-weight:500;transition:background .1s;-webkit-tap-highlight-color:transparent}.add-cancel:active{background:#f4f4f5}.bv-img{display:block;max-width:100%;border-radius:6px}.bv-img-ph{display:flex;align-items:center;gap:6px;font-size:15px;color:var(--muted)}.img-editor{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.img-drop-zone{border:1.5px dashed var(--border);border-radius:var(--r);padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.img-drop-zone:active,.img-drop-zone--over{border-color:var(--blue);background:var(--blue-bg)}.img-drop-icon{font-size:28px;line-height:1}.img-drop-text{font-size:14px;font-weight:600;color:var(--text);margin-top:4px}.img-drop-sub{font-size:12px;color:var(--muted)}.img-preview-wrap{display:flex;flex-direction:column;gap:8px}.img-preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:6px;border:1px solid var(--border)}.img-remove-btn{align-self:flex-start;padding:4px 12px;font-size:12px;border:1px solid #fca5a5;background:transparent;color:var(--danger);border-radius:6px;cursor:pointer}.img-remove-btn:active{background:#fef2f2}.img-url-input,.img-alt-input{width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text);background:var(--white);outline:none;transition:border-color .15s}.img-url-input:focus,.img-alt-input:focus{border-color:var(--blue)}.raw-wrap{display:flex;flex-direction:column;gap:10px}.raw-info{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--r);padding:10px 14px;font-size:13px;color:#92400e;line-height:1.5}.raw-textarea{width:100%;min-height:60vh;padding:14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.7;color:var(--text);background:var(--white);border:1px solid var(--border);border-radius:var(--r);outline:none;resize:none;box-shadow:var(--shadow);transition:border-color .15s;overflow:hidden}.raw-textarea:focus{border-color:var(--blue)}.raw-footer{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:8px}.raw-back-btn{height:40px;padding:0 18px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.raw-back-btn:active{opacity:.8}.preview-wrap{display:flex;flex-direction:column;gap:12px}.preview{background:var(--white);border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px 18px;font-size:15px;line-height:1.75;word-break:break-word}.preview h1{font-size:26px;font-weight:700;margin-bottom:14px;line-height:1.3;color:var(--text)}.preview h2{font-size:20px;font-weight:600;margin:22px 0 10px;line-height:1.35;color:var(--text)}.preview h3{font-size:17px;font-weight:600;margin:18px 0 8px;line-height:1.4;color:var(--text)}.preview p{margin-bottom:14px;color:var(--text)}.preview ul,.preview ol{padding-left:22px;margin-bottom:14px;color:var(--text)}.preview li{margin-bottom:4px}.preview blockquote{border-left:3px solid var(--blue);padding:6px 14px;margin:14px 0;color:var(--muted);font-style:italic;background:var(--blue-bg);border-radius:0 6px 6px 0}.preview pre{background:#18181b;color:#93c5fd;padding:14px;border-radius:8px;overflow-x:auto;margin-bottom:14px;font-size:13px}.preview code{font-family:SF Mono,Consolas,monospace}.preview img{max-width:100%;border-radius:6px;margin-bottom:14px;display:block}.preview p code{background:#f4f4f5;padding:1px 6px;border-radius:4px;font-size:13px;color:#be185d}.preview-footer{text-align:center;padding-bottom:8px}.copy-btn{height:40px;padding:0 20px;background:var(--white);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;box-shadow:var(--shadow)}.copy-btn:active{border-color:var(--blue);color:var(--blue)}