html,body,#root{height:100%;margin:0}.app-root{height:100%;font-family:Segoe UI,system-ui,sans-serif}.fatal{max-width:560px;margin:15vh auto;padding:0 16px}.shell{grid-template-columns:232px 1fr;height:100%;display:grid}.nav{border-right:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground2);flex-direction:column;gap:2px;padding:16px 8px;display:flex;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 12px 20px;display:flex}.brand img{width:28px;height:28px}.nav-link{color:var(--colorNeutralForeground2);border-radius:6px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;text-decoration:none;display:flex}.nav-link:hover{background:var(--colorNeutralBackground2Hover);color:var(--colorNeutralForeground1)}.nav-link.active{background:var(--colorNeutralBackground1Selected);color:var(--colorBrandForeground1);font-weight:600}.nav-spacer{flex:1}.nav-user{border-top:1px solid var(--colorNeutralStroke2);word-break:break-all;flex-direction:column;gap:6px;padding:12px;display:flex}.main{background:var(--colorNeutralBackground1);overflow:auto}.page{max-width:1400px;padding:24px 32px 48px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-header h1{margin:0;font-size:24px;font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.split{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.panel{border:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground1);border-radius:8px}.panel-pad{padding:16px}.muted{color:var(--colorNeutralForeground3)}.signature-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.signature-card{border:1px solid var(--colorNeutralStroke2);cursor:pointer;background:var(--colorNeutralBackground1);border-radius:8px;flex-direction:column;transition:box-shadow .15s;display:flex;overflow:hidden}.signature-card:hover{box-shadow:var(--shadow8)}.signature-card .thumb{border-bottom:1px solid var(--colorNeutralStroke2);background:#fff;height:170px;position:relative;overflow:hidden}.signature-card .thumb iframe{transform-origin:0 0;pointer-events:none;border:0;width:133.34%;height:227px;transform:scale(.75)}.signature-card .meta{flex-direction:column;gap:6px;padding:12px 14px;display:flex}.badges{flex-wrap:wrap;gap:6px;display:flex}.preview-frame{background:#fff;border:0;width:100%;display:block}.preview-box{border:1px solid var(--colorNeutralStroke2);background:#fff;border-radius:8px;overflow:hidden}.editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.code{font-family:Cascadia Code,Consolas,Courier New,monospace!important;font-size:12.5px!important;line-height:1.5!important}.code textarea{white-space:pre;tab-size:2;min-height:420px;font-family:inherit!important}.field-chips{flex-wrap:wrap;gap:6px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.kv-grid{grid-template-columns:180px 1fr auto;align-items:center;gap:8px;display:grid}.login{flex-direction:column;gap:16px;max-width:420px;margin:12vh auto;padding:32px;display:flex}.login .brand{padding:0}table.simple{border-collapse:collapse;width:100%}table.simple th{text-align:left;color:var(--colorNeutralForeground3);border-bottom:1px solid var(--colorNeutralStroke2);padding:8px 10px;font-size:12px;font-weight:600}table.simple td{border-bottom:1px solid var(--colorNeutralStroke3);vertical-align:top;padding:10px;font-size:14px}@media (width<=900px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid var(--colorNeutralStroke2);flex-flow:wrap}.nav-spacer,.brand span{display:none}.split,.editor{grid-template-columns:1fr}.page{padding:16px}}.code-editor{min-width:0}.visual-editor{flex-direction:column;gap:6px;display:flex}.visual-toolbar{border:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground2);border-radius:4px;flex-wrap:wrap}.visual-frame{border:1px solid var(--colorNeutralStroke1);background:#fff;border-radius:4px;width:100%;height:52vh;min-height:380px}.color-pick{align-items:center;gap:4px;padding:0 6px;display:inline-flex}.color-pick input{cursor:pointer;background:0 0;border:0;width:26px;height:22px;padding:0}.lint-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:13px;display:flex}details.more{border-top:1px solid var(--colorNeutralStroke2);padding-top:10px}details.more>summary{cursor:pointer;color:var(--colorNeutralForeground2);-webkit-user-select:none;user-select:none;font-size:13px}.nav-section{letter-spacing:.06em;text-transform:uppercase;color:var(--colorNeutralForeground3);padding:16px 12px 4px;font-size:11px}