.page-module__9ZsUsq__pageBody{background:var(--bg);color:var(--text);min-height:calc(100vh - 100px);font-family:Noto Sans SC,sans-serif;line-height:1.6}.page-module__9ZsUsq__appContainer{flex-direction:column;gap:16px;max-width:1400px;min-height:calc(100vh - 100px);margin:0 auto;padding:16px 24px 24px;display:flex}.page-module__9ZsUsq__card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.page-module__9ZsUsq__cardCollapsible{flex-shrink:0;max-height:400px}.page-module__9ZsUsq__cardCollapsible.page-module__9ZsUsq__collapsed{background:#fff9;border-color:#0000;max-height:60px}.page-module__9ZsUsq__cardCollapsible.page-module__9ZsUsq__collapsed .page-module__9ZsUsq__cardContent{opacity:0;pointer-events:none}.page-module__9ZsUsq__cardCollapsible .page-module__9ZsUsq__cardHeader{cursor:pointer;-webkit-user-select:none;user-select:none}.page-module__9ZsUsq__cardCollapsible .page-module__9ZsUsq__cardHeader:hover{background-color:#f1f5f9}.page-module__9ZsUsq__previewCard{flex:1;min-height:400px}.page-module__9ZsUsq__cardHeader{border-bottom:1px solid var(--border);background:var(--bg-white);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.page-module__9ZsUsq__cardTitle{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.page-module__9ZsUsq__cardTitle svg{color:var(--primary);width:20px;height:20px}.page-module__9ZsUsq__collapseIcon{color:var(--text-muted);margin-left:8px;transition:transform .3s}.page-module__9ZsUsq__cardCollapsible.page-module__9ZsUsq__collapsed .page-module__9ZsUsq__collapseIcon{transform:rotate(-90deg)}.page-module__9ZsUsq__cardContent{flex-direction:column;flex:1;padding:0;transition:opacity .2s;display:flex;position:relative;overflow:hidden}.page-module__9ZsUsq__editorContainer{background:#fafafa;flex-direction:column;flex:1;display:flex}.page-module__9ZsUsq__codeTextarea{resize:none;color:#333;background:0 0;border:none;outline:none;flex:1;width:100%;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5}.page-module__9ZsUsq__codeTextarea:focus{background:#fff}.page-module__9ZsUsq__previewContainer{background:#f1f5f9;flex:1;width:100%;padding:24px;overflow-y:auto}.page-module__9ZsUsq__previewFrame{background:#fff;border:none;border-radius:4px;width:100%;height:100%;min-height:400px;display:block;box-shadow:0 4px 6px -1px #0000001a}.page-module__9ZsUsq__btnGroup{gap:8px;display:flex}.page-module__9ZsUsq__btn{cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.page-module__9ZsUsq__btnPrimary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #2563eb33}.page-module__9ZsUsq__btnPrimary:hover{background:var(--primary-dark);transform:translateY(-1px)}.page-module__9ZsUsq__btnOutline{border-color:var(--border);color:var(--text);background:#fff}.page-module__9ZsUsq__btnOutline:hover{border-color:var(--primary);color:var(--primary);background:var(--bg)}@media (max-width:768px){.page-module__9ZsUsq__appContainer{padding:88px 12px 12px}.page-module__9ZsUsq__cardHeader{padding:0 12px}.page-module__9ZsUsq__btn{padding:6px 10px}.page-module__9ZsUsq__previewContainer{padding:12px}.page-module__9ZsUsq__previewContent{padding:20px}}.page-module__9ZsUsq__btnShare{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 4px #10b9814d}.page-module__9ZsUsq__btnShare:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.page-module__9ZsUsq__btnShare:disabled{opacity:.7;cursor:not-allowed;transform:none}.page-module__9ZsUsq__spinnerSmall{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite page-module__9ZsUsq__spin}@keyframes page-module__9ZsUsq__spin{to{transform:rotate(360deg)}}.page-module__9ZsUsq__shareUrlContainer{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-bottom:1px solid #a7f3d0;padding:16px 20px}.page-module__9ZsUsq__shareUrlBox{background:#fff;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.page-module__9ZsUsq__shareUrlBox svg{color:#10b981;flex-shrink:0}.page-module__9ZsUsq__shareUrlInput{color:#065f46;background:0 0;border:none;outline:none;flex:1;font-family:Monaco,Consolas,monospace;font-size:14px}.page-module__9ZsUsq__copyBtn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.page-module__9ZsUsq__copyBtn:hover{background:#059669}.page-module__9ZsUsq__shareHint{color:#059669;margin:8px 0 0;font-size:12px}