:root{color:#1f2430;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:880px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1480px,calc(100vw - 48px));margin:0 auto;padding:34px 0 40px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.brand-lockup{display:flex;align-items:center;gap:15px}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;color:#fff;font-size:21px;font-weight:800;background:linear-gradient(145deg,#0071ce,#004f9e);box-shadow:0 8px 20px #0059b23b}h1,h2,p{margin:0}h1{font-size:22px;letter-spacing:-.02em}.brand-lockup p,.panel-header p,.editor-hint,.output-footer{color:#677084;font-size:13px}.brand-lockup p{margin-top:4px}.format-note{padding:8px 11px;border:1px solid #dce2ee;border-radius:999px;color:#566177;background:#fff;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:11px}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);gap:20px}.panel{display:flex;flex-direction:column;min-height:650px;overflow:hidden;border:1px solid #e0e5ee;border-radius:16px;background:#fff;box-shadow:0 12px 32px #232f4812}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 17px;border-bottom:1px solid #edf0f5}h2{font-size:15px;letter-spacing:-.01em}.panel-header p{margin-top:5px}.status-text{padding-top:2px;color:#70809a;font-size:12px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:5px;min-height:56px;padding:9px 15px;border-bottom:1px solid #edf0f5;background:#fbfcfe}.tool-button{display:grid;place-items:center;min-width:31px;height:31px;padding:0 8px;border:1px solid transparent;border-radius:7px;color:#34425b;background:transparent;font-size:15px;line-height:1}.tool-button:hover,.tool-button:focus-visible{border-color:#b9cfee;outline:none;background:#eaf4ff;color:#006fc9}.text-tool{font-family:Georgia,serif;font-size:17px}.italic{font-style:italic}.link-tool{font-size:19px}.tool-divider{width:1px;height:21px;margin:0 4px;background:#dfe4ec}.editor-frame{flex:1;padding:22px}.rich-editor{min-height:500px;color:#252c3a;font-size:15px;line-height:1.72;outline:none;overflow-wrap:anywhere}.rich-editor:empty:before{content:attr(data-placeholder);color:#a1a9b7;pointer-events:none}.rich-editor p{margin:0 0 1em}.rich-editor ul,.rich-editor ol{margin:.25em 0 1em;padding-left:1.5em}.rich-editor li>ul,.rich-editor li>ol{margin:.22em 0}.rich-editor a{color:#0071ce;text-decoration:underline;text-underline-offset:2px}.editor-hint{padding:0 22px 20px;line-height:1.45}.output-header{align-items:center}.copy-button{flex:0 0 auto;padding:9px 14px;border:0;border-radius:8px;color:#fff;background:#0071ce;box-shadow:0 4px 12px #0071ce33;font-size:13px;font-weight:650}.copy-button:hover,.copy-button:focus-visible{background:#005ca8;outline:3px solid #cfe8ff;outline-offset:2px}.html-output{flex:1;margin:0;padding:22px;overflow:auto;color:#2d3d58;background:#fcfdff;font:13px/1.62 ui-monospace,Cascadia Code,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.output-footer{min-height:54px;padding:17px 22px;border-top:1px solid #edf0f5;background:#fff}.link-dialog[hidden]{display:none}.link-dialog{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#18233659}.link-card{width:min(440px,100%);padding:22px;border-radius:14px;background:#fff;box-shadow:0 20px 58px #151f3240}.link-dialog-heading{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.link-dialog-heading p{margin-top:5px;color:#677084;font-size:13px;line-height:1.45}.dialog-close{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#536078;font-size:25px;line-height:1}.dialog-close:hover,.dialog-close:focus-visible{background:#eef3f9;outline:none}.link-card label{display:grid;gap:7px;margin-top:14px;color:#3b465a;font-size:13px;font-weight:650}.link-card input{width:100%;padding:10px 11px;border:1px solid #cfd8e6;border-radius:8px;color:#253149;outline:none;font-size:14px;font-weight:400}.link-card input:focus{border-color:#0071ce;box-shadow:0 0 0 3px #d8edff}.link-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary-button{padding:9px 13px;border:1px solid #cfd8e6;border-radius:8px;color:#4d5a70;background:#fff;font-size:13px;font-weight:650}.secondary-button:hover,.secondary-button:focus-visible{background:#f4f7fb;outline:none}@media(max-width:980px){body{min-width:0}.app-shell{width:min(100% - 28px,720px);padding-top:20px}.app-header{align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:1fr}.panel{min-height:530px}.rich-editor{min-height:340px}}