*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#102039;background:#f4f7fb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{width:100%}.app-shell{background:radial-gradient(1200px 500px at 10% -10%,#dbe8ff 0%,#0000 55%),radial-gradient(900px 400px at 100% 0,#eef3ff 0%,#0000 50%),#f4f7fb;min-height:100svh}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffdb;border-bottom:1px solid #e7eef8;align-items:center;height:72px;padding-inline:28px;display:flex;position:sticky;top:0}.logo-mark{color:#fff;background:#1677ff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex}.header-title{color:#102039;margin:0!important;line-height:1.15!important}.header-subtitle{color:#5b6b80;font-size:12px;display:block}.app-content{width:100%;max-width:1280px;margin:0 auto;padding:24px 28px 40px}.panel-card{border:1px solid #e8eef6;box-shadow:0 10px 30px #16325c0f}.preview-card{min-height:100%}.html-dragger{background:#f8fbff!important;border-radius:12px!important}.html-editor textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.source-meta{margin:16px 0 0!important}.document-list{background:#fff;border:1px solid #e8eef6;border-radius:10px;max-height:280px;margin-top:16px;overflow:auto}.doc-item{cursor:pointer;padding-inline:12px!important}.doc-item-active{background:#eef4ff}.preview-stage{background:radial-gradient(circle at top,#f7faff 0%,#e8eef6 70%);border-radius:12px;justify-content:center;min-height:720px;padding:16px;display:flex;overflow:auto}.preview-scaler{flex:none;position:relative}.preview-frame{background:#fff;border:0;border-radius:4px;display:block;box-shadow:0 12px 32px #1020391f}@media (width<=768px){.app-header,.app-content{padding-inline:16px}.preview-stage{min-height:480px}}