:root{--bg:#12151c;--bg-2:#181c25;--panel:#1d2230;--panel-2:#242a3b;--line:#32394d;--text:#e9edf5;--muted:#93a0b8;--accent:#4f8cff;--accent-2:#6aa2ff;--ok:#34d399;--err:#fb7185;--warn:#fbbf24;--page:#525863;--shadow:0 12px 40px #00000047;--radius:10px;color:var(--text);background:var(--bg);font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}.app{background:var(--bg);grid-template-rows:52px 48px 1fr 28px;height:100%;display:grid;overflow:hidden}.topbar,.toolbar,.statusbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:8px;padding:0 12px;display:flex}.statusbar{border-bottom:0;border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;font-size:12px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;min-width:140px;font-weight:700;display:flex}.brand-btn{text-align:left;background:0 0;border:0;height:auto;padding:0}.brand b{color:#fff}.brand small{color:var(--muted);letter-spacing:0;font-size:11px;font-weight:500;display:block}.logo{color:#fff;background:linear-gradient(145deg,#4f8cff,#2563eb);border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.icon-btn,.btn,.tool{color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 10px;display:inline-flex}.icon-btn{width:34px;padding:0}.icon-btn:hover,.tool:hover,.btn:hover{background:var(--panel-2)}.icon-btn.active,.tool.active,.btn.active{color:var(--accent-2);background:#4f8cff29;border-color:#4f8cff59}.btn.primary{background:var(--accent);color:#fff;border-color:#0000;font-weight:600}.btn.primary:hover{background:#3b7af0}.btn.ghost{color:var(--muted)}.btn:disabled,.icon-btn:disabled{opacity:.4;cursor:default}.sep{background:var(--line);width:1px;height:22px;margin:0 4px}.grow{flex:1}.filename{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.save-pill{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;flex:none;padding:3px 8px;font-size:11px}.dot{background:var(--warn);border-radius:99px;width:7px;height:7px;margin-right:6px;display:inline-block}.dot.saved{background:var(--ok)}.search{background:var(--bg);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;min-width:210px;height:34px;padding:0 8px;display:flex}.search input{background:0 0;border:0;outline:0;width:140px}.workspace{grid-template-columns:196px 1fr 280px;min-height:0;display:grid}.workspace.no-side{grid-template-columns:0 1fr 280px}.workspace.no-props{grid-template-columns:196px 1fr 0}.workspace.no-side.no-props{grid-template-columns:0 1fr 0}.sidebar,.props{background:var(--bg-2);border-right:1px solid var(--line);z-index:1;min-width:0;overflow:auto}.props{border-right:0;border-left:1px solid var(--line);padding:12px}.side-head,.props h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.side-head{justify-content:space-between;align-items:center;padding:12px 12px 8px;display:flex}.thumbs{flex-direction:column;gap:10px;padding:0 10px 16px;display:flex}.thumb{text-align:center;color:var(--muted);background:#2b3140;border:2px solid #0000;border-radius:8px;padding:6px;font-size:11px}.thumb-preview{background:#fff;border-radius:4px;width:100%;min-height:96px;position:relative;overflow:hidden}.thumb-img,.thumb-native{object-fit:contain;pointer-events:none;border:0;width:100%;height:100%;display:block}.thumb-blank{color:#94a3b8;place-items:center;min-height:88px;font-size:11px;display:grid}.thumb-label{color:#dbe4f0;margin-top:6px;font-weight:600}.thumb-meta{opacity:.8;font-size:10px}.thumb.active{border-color:var(--accent);color:#fff}.thumb.picked{outline:2px dashed var(--warn)}.thumb:hover{background:#333a4d}.viewer{isolation:isolate;z-index:2;background:radial-gradient(circle at 20% 0%, #4f8cff0d, transparent 28%), var(--page);flex-direction:column;align-items:center;gap:18px;padding:24px 28px 64px;display:flex;overflow:auto}.page-wrap{box-shadow:var(--shadow);background:#fff;flex:none;position:relative;overflow:hidden}.page-wrap.exporting .format-bar,.page-wrap.exporting .handle,.page-wrap.exporting .sel-box,.page-wrap.exporting .text-run{visibility:hidden!important}.page-wrap .page-native,.page-wrap .page-raster{pointer-events:none;object-fit:fill;z-index:1;background:#fff;border:0;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.page-hit{display:none}.page-error,.page-loading{text-align:center;pointer-events:none;z-index:2;place-items:center;padding:16px;font-size:13px;display:grid;position:absolute;inset:0}.page-error{color:#b91c1c;background:#ffffffeb}.page-loading{color:var(--muted)}.overlay{z-index:6;pointer-events:auto;background:0 0}.overlay svg{pointer-events:none;background:0 0}.page-blank{box-shadow:var(--shadow);background:#fff}.overlay{touch-action:none;position:absolute;inset:0}.overlay svg{width:100%;height:100%;display:block}.anno-text,.anno-note-card{white-space:pre;word-break:keep-all;outline:none;position:absolute}.anno-text{letter-spacing:0;box-sizing:border-box;cursor:text;z-index:4;white-space:pre;box-shadow:none;-webkit-text-fill-color:currentColor;border:0;margin:0;padding:0;line-height:1;display:block;overflow:hidden;background:0 0!important}.anno-text::selection{background:#4f8cff47}.text-run{cursor:text;z-index:7;border:1px solid #0000;border-radius:0;min-height:0;scroll-margin:48px;position:absolute}.text-run:hover,.text-run.hot{background:#2563eb1f;outline:1px solid #2563eb73}.anno-text.ghost{-webkit-text-fill-color:transparent;caret-color:#2563eb;color:#0000!important;background:0 0!important}.anno-text:focus,.anno-text.editing{outline-offset:1px;outline:1px solid #2563eb;overflow:visible;background:0 0!important}.format-bar{z-index:8;border:1px solid var(--line);box-shadow:var(--shadow);background:#1d2230;border-radius:8px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute}.format-bar button{color:#fff;background:0 0;border:1px solid #0000;border-radius:6px;min-width:26px;height:26px;font-weight:800}.format-bar button.active{color:#93c5fd;background:#4f8cff40}.format-bar select{border:1px solid var(--line);color:#fff;background:#12151c;border-radius:6px;height:26px;font-size:12px}.fmt-swatch{border:1px solid #0b0d12!important;border-radius:99px!important;width:16px!important;min-width:16px!important;height:16px!important;padding:0!important}.fmt-swatch.active{box-shadow:0 0 0 2px #4f8cff}.handle{border:2px solid var(--accent);pointer-events:auto;background:#fff;border-radius:1px;width:8px;height:8px;position:absolute}.sel-box{border:1.5px solid var(--accent);pointer-events:none;position:absolute}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field label{color:var(--muted);font-size:11px}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;outline:none;padding:7px 8px}.field textarea{resize:vertical;min-height:84px}.row{gap:8px;display:flex}.row .field{flex:1}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid #0b0d12;border-radius:99px;width:22px;height:22px;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--accent)}.welcome{background:radial-gradient(circle at 10% 0%, #4f8cff2e, transparent 32%), radial-gradient(circle at 90% 20%, #34d39914, transparent 26%), var(--bg);place-items:center;min-height:100%;padding:32px 16px;display:grid}.welcome-card{background:var(--panel);border:1px solid var(--line);width:min(880px,100%);box-shadow:var(--shadow);border-radius:20px;padding:28px}.welcome h1{letter-spacing:-.04em;margin:0 0 8px;font-size:30px}.welcome p.lead{color:var(--muted);max-width:62ch;margin:0 0 22px}.drop{text-align:center;background:#ffffff05;border:1.5px dashed #4b5875;border-radius:16px;margin-bottom:18px;padding:36px 20px}.drop.over{border-color:var(--accent);background:#4f8cff14}.actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.formats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:18px;display:grid}.chip{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px;font-size:12px}.chip b{color:var(--text);margin-bottom:2px;display:block}.modal-back{z-index:40;background:#06080e9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);border-radius:16px;padding:18px}.modal h2{margin:0 0 8px;font-size:18px}.modal .hint{color:var(--muted);margin:0 0 14px}.modal-wide{width:min(640px,100%)}.convert-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.convert-card{text-align:left;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.convert-card b{font-size:14px}.convert-card small{color:var(--muted);font-size:11px;line-height:1.35}.convert-card.active{background:#4f8cff1f;border-color:#4f8cff8c}.convert-pick{align-items:center;gap:10px;margin-top:12px;display:flex}.terms-scroll{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;max-height:min(52vh,420px);padding:12px 14px;overflow:auto}.terms-scroll h3{margin:12px 0 6px;font-size:13px}.terms-scroll section:first-child h3{margin-top:0}.terms-scroll p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.terms-link{color:var(--accent-2);height:auto;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.sig-canvas{cursor:crosshair;background:#fff;border-radius:10px;width:100%;height:180px}.tabs{gap:6px;margin-bottom:12px;display:flex}.toasts{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:40px;right:16px}.toast{background:var(--panel-2);border:1px solid var(--line);min-width:240px;box-shadow:var(--shadow);border-radius:10px;padding:10px 12px}.toast.ok{border-color:#34d39966}.toast.err{border-color:#fb718573}.loading-mask{z-index:30;background:#0a0c1294;place-items:center;display:grid;position:fixed;inset:0}.load-card{background:var(--panel);border:1px solid var(--line);width:min(420px,100vw - 32px);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:22px 20px 18px}.load-pct{letter-spacing:-.04em;color:#fff;margin-bottom:12px;font-size:34px;font-weight:800}.load-bar{border:1px solid var(--line);background:#0f131b;border-radius:99px;height:10px;overflow:hidden}.load-bar span{background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;transition:width .18s;display:block}.load-label{color:var(--muted);word-break:break-word;margin-top:12px;font-size:13px}.spinner{border:3px solid #334155;border-top-color:var(--accent);border-radius:99px;width:42px;height:42px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kbd{background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:11px}.help-grid{grid-template-columns:1fr 1fr;gap:8px 16px;font-size:13px;display:grid}.help-grid div{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.help-grid b{color:var(--text);font-weight:500}@media (width<=960px){.workspace{grid-template-columns:0 1fr 0}.search{min-width:0}.filename{display:none}.help-grid{grid-template-columns:1fr}}.mkt{background:radial-gradient(circle at 8% -10%, #4f8cff38, transparent 34%), radial-gradient(circle at 92% 8%, #34d39914, transparent 28%), var(--bg);min-height:100%;color:var(--text)}.mkt-nav{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12151ce0;position:sticky;top:0}.mkt-nav-inner{align-items:center;gap:18px;max-width:1120px;margin:0 auto;padding:12px 20px;display:flex}.mkt-links{flex:1;align-items:center;gap:16px;display:flex}.mkt-links a,.mkt-foot a{color:var(--muted);font-size:13px;text-decoration:none}.mkt-links a:hover,.mkt-foot a:hover{color:var(--text)}.mkt-nav-cta{align-items:center;gap:8px;display:flex}.mkt-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:1120px;margin:0 auto;padding:56px 20px 28px;display:grid}.mkt-kicker{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:600}.mkt-hero h1{letter-spacing:-.05em;margin:0 0 14px;font-size:52px;line-height:.95}.mkt-hero h1 span{letter-spacing:-.03em;color:#c7d2e5;margin-top:10px;font-size:28px;font-weight:600;display:block}.mkt-lead{color:var(--muted);max-width:46ch;margin:0 0 22px;font-size:16px}.mkt-cta-row{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.btn.mkt-lg{height:44px;padding:0 16px;font-size:15px}.mkt-bullets{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.mkt-bullets li{align-items:center;gap:8px;display:flex}.mkt-bullets svg{color:var(--ok)}.mkt-drop{text-align:center;background:#ffffff08;border:1.5px dashed #4b5875;border-radius:20px;padding:22px}.mkt-drop.over{border-color:var(--accent);background:#4f8cff14}.mkt-drop>p{color:var(--muted);margin:14px 0 10px}.mkt-preview{border:1px solid var(--line);text-align:left;background:#0f131b;border-radius:14px;overflow:hidden}.mkt-preview-bar{border-bottom:1px solid var(--line);background:#1d2230;align-items:center;gap:6px;padding:10px 12px;display:flex}.mkt-preview-bar span{background:#3b4458;border-radius:99px;width:8px;height:8px}.mkt-preview-bar b{color:#dbe4f0;margin-left:8px;font-size:12px}.mkt-preview-page{min-height:220px;box-shadow:var(--shadow);background:#fff;border-radius:4px;margin:16px 18px 20px;padding:22px 20px}.mkt-line{background:#d7dde8;border-radius:99px;height:10px;margin-bottom:12px}.mkt-line.w80{width:80%}.mkt-line.w60{width:60%}.mkt-line.w90{width:90%}.mkt-line.w70{width:70%}.mkt-hi{background:#fde68a;border-radius:3px;width:55%;height:14px;margin:8px 0 14px}.mkt-sig{border-bottom:2px solid #2563eb;border-radius:40% 60% 0 0;width:88px;height:28px;margin-top:28px}.mkt-strip{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1120px;margin:12px auto 0;padding:0 20px 8px;display:grid}.mkt-strip div{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.mkt-section{max-width:1120px;margin:0 auto;padding:56px 20px 8px}.mkt-section h2{letter-spacing:-.04em;margin:0 0 8px;font-size:30px}.mkt-sub{color:var(--muted);max-width:58ch;margin:0 0 22px}.mkt-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mkt-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.mkt-card svg{color:var(--accent-2)}.mkt-card h3{margin:10px 0 6px;font-size:16px}.mkt-card p{color:var(--muted);margin:0;font-size:13px}.mkt-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.mkt-steps article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.mkt-steps span{color:var(--accent-2);letter-spacing:.08em;margin-bottom:8px;font-weight:800;display:block}.mkt-steps h3{margin:0 0 6px}.mkt-steps p{color:var(--muted);margin:0;font-size:13px}.mkt-privacy{grid-template-columns:1.2fr .8fr;align-items:start;gap:28px;display:grid}.mkt-privacy p{color:var(--muted);line-height:1.6}.mkt-privacy ul{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:16px;margin:0;padding:18px 18px 18px 36px}.mkt-privacy li{margin:8px 0}.mkt-faq{flex-direction:column;gap:8px;margin-top:16px;display:flex}.mkt-faq-item{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;height:auto;padding:14px 16px;display:block}.mkt-faq-item b{display:block}.mkt-faq-item p{color:var(--muted);margin:8px 0 0;font-weight:400}.mkt-final{text-align:center;border-top:1px solid var(--line);background:linear-gradient(#4f8cff1f,#0000);max-width:1120px;margin:48px auto 0;padding:40px 20px}.mkt-final h2{margin:0 0 6px;font-size:32px}.mkt-final p{color:var(--muted);margin:0 0 18px}.mkt-foot{max-width:1120px;color:var(--muted);justify-content:space-between;gap:16px;margin:0 auto;padding:22px 20px 36px;font-size:13px;display:flex}.mkt-card-link{color:inherit;text-decoration:none}.mkt-card-link:hover{border-color:#4b5d86}.mkt-more-guides{margin:8px 0 0}.mkt-more-guides a{color:var(--accent-2);font-weight:600;text-decoration:none}.mkt-more-guides a:hover{color:#fff}.mkt-foot span{margin-top:4px;display:block}.mkt-foot-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}@media (width<=900px){.mkt-hero,.mkt-privacy,.mkt-grid,.mkt-steps,.mkt-strip{grid-template-columns:1fr}.mkt-hero h1{font-size:38px}.mkt-hero h1 span{font-size:22px}.mkt-links{display:none}.mkt-nav-inner{flex-wrap:wrap}.mkt-foot{flex-direction:column}}.conv-hero{max-width:880px;margin:0 auto;padding:40px 20px 8px}.conv-hero h1{letter-spacing:-.04em;align-items:center;gap:10px;margin:0 0 10px;font-size:36px;display:flex}.conv-board{flex-direction:column;gap:16px;max-width:880px;margin:0 auto;padding:16px 20px 64px;display:flex}.conv-drop{text-align:center;background:#ffffff08;border:1.5px dashed #4b5875;border-radius:20px;padding:36px 20px}.conv-drop.over{border-color:var(--accent);background:#4f8cff14}.conv-drop h2{margin:12px 0 6px;font-size:22px}.conv-drop p{color:var(--muted);margin:0 0 8px}.conv-files,.conv-out{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.conv-files-head,.conv-file{justify-content:space-between;align-items:center;gap:10px;display:flex}.conv-files-head{margin-bottom:10px}.conv-file{border-top:1px solid var(--line);padding:10px 8px}.conv-file span{flex-direction:column;min-width:0;display:flex}.conv-file b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conv-file small{color:var(--muted);font-size:12px}.conv-out h3{margin:0 0 12px;font-size:15px}.conv-out .convert-grid{grid-template-columns:repeat(3,1fr)}.conv-run{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.conv-run p{color:var(--muted);margin:0;font-size:13px}@media (width<=700px){.conv-out .convert-grid{grid-template-columns:1fr 1fr}}.pages-toolbar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.pages-item{text-align:left;background:0 0;border:0;height:auto;padding:0}.pages-card{background:var(--panel);border:2px solid var(--line);color:var(--muted);border-radius:12px;padding:8px;font-size:12px}.pages-card.active{border-color:var(--accent);color:#fff}.pages-card.picked{outline:2px dashed var(--warn)}.pages-thumb{background:#fff;border-radius:6px;margin-bottom:6px;overflow:hidden}.pages-thumb img{object-fit:contain;width:100%;height:100%;display:block}