:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{height:100%;overflow:hidden}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}@media (width<=760px){html,body,#root{height:auto;overflow:auto}}.app-shell{color:#000;background:linear-gradient(#fafafa 0 0) padding-box padding-box,repeating-linear-gradient(90deg,#00000009 0 1px,#0000 1px 80px);flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #eaeaea;flex:none;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:14px 24px;display:flex}.brand-lockup,.topbar-actions{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;letter-spacing:0;background:#000;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:700;display:inline-flex}.topbar h1{color:#000;letter-spacing:0;margin:0;font-size:20px;font-weight:650;line-height:1.2}.status-pill{color:#666;white-space:nowrap;background:#fff;border:1px solid #eaeaea;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;display:inline-flex}.copy-button{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#000;border:1px solid #000;border-radius:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,transform .18s}.copy-button:hover{background:#333;border-color:#333}.copy-button:active{transform:translateY(1px)}.copy-button:focus-visible,.layout-mode-button:focus-visible,.theme-card:focus-visible,.mobile-toolbar button:focus-visible,.mobile-panel-backdrop:focus-visible,.mobile-panel-close:focus-visible,.wechat-entry:focus-visible,.wechat-close:focus-visible,.wechat-confirm:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #000}.app-loading{z-index:40;cursor:progress;background:#fff;place-items:center;display:grid;position:fixed;inset:0}.app-loading-card{justify-items:center;gap:16px;width:168px;display:grid}.app-loading-mark{color:#fff;letter-spacing:0;background:#000;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:11px;font-weight:700;display:inline-flex}.app-loading-bar{background:#eaeaea;border-radius:999px;width:100%;height:2px;position:relative;overflow:hidden}.app-loading-bar:after{content:"";border-radius:inherit;background:#000;width:42%;animation:.9s ease-in-out infinite app-loading-progress;position:absolute;inset:0}.wechat-entry{cursor:pointer;background:#fff;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:3px;transition:background .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a}.wechat-entry:after{content:"";border-radius:inherit;animation:2.4s ease-out infinite wechat-pulse;position:absolute;inset:-6px;box-shadow:0 0 0 1px #93c5fd}.wechat-entry:hover,.wechat-entry.is-active{background:#fafafa;box-shadow:0 0 0 1px #0000001a,0 8px 18px #00000014}.wechat-entry img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.wechat-modal-layer{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafab8;place-items:center;padding:24px;animation:.26s both wechat-layer-in;display:grid;position:fixed;inset:0}.wechat-modal-layer.is-closing{animation:.26s both wechat-layer-out}.wechat-modal{text-align:center;transform-origin:calc(100% - 22px) -78px;background:#fff;border-radius:8px;justify-items:center;width:min(100%,368px);padding:28px 28px 24px;animation:.3s cubic-bezier(.2,.8,.2,1) both wechat-modal-in;display:grid;position:relative;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a,0 24px 72px #00000014}.wechat-modal.is-closing{animation:.26s cubic-bezier(.4,0,.2,1) both wechat-modal-out}.wechat-close{color:#666;cursor:pointer;background:#fff;border:0;border-radius:6px;width:32px;height:32px;position:absolute;top:10px;right:10px;box-shadow:0 0 0 1px #eaeaea}.wechat-close:hover{background:#fafafa}.wechat-avatar{object-fit:cover;border-radius:999px;width:54px;height:54px;display:block;box-shadow:0 0 0 1px #eaeaea}.wechat-modal h2{color:#000;letter-spacing:0;max-width:100%;margin:16px 0 0;font-size:22px;font-weight:650;line-height:1.25}.wechat-modal p{color:#555;overflow-wrap:anywhere;word-break:break-word;width:100%;max-width:292px;margin:10px 0 18px;font-size:14px;line-height:1.7}.wechat-qrcode{object-fit:cover;border-radius:8px;width:198px;height:198px;display:block;box-shadow:0 0 0 1px #eaeaea}.wechat-confirm{color:#fff;width:100%;min-height:40px;font:inherit;cursor:pointer;background:#000;border:0;border-radius:6px;margin-top:20px;font-size:14px;font-weight:600}.wechat-confirm:hover{background:#333}.workspace{flex:auto;grid-template-columns:288px minmax(360px,1fr) minmax(380px,480px);gap:12px;width:100%;max-width:1600px;min-height:0;margin:0 auto;padding:12px;display:grid;overflow:hidden}.theme-panel,.editor-panel,.preview-panel{background:#fff;border:1px solid #eaeaea;border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-heading{background:#fff;border-bottom:1px solid #eaeaea;flex:none;padding:16px;position:relative}.panel-heading h2{color:#000;letter-spacing:0;margin:0 0 5px;font-size:14px;font-weight:650;line-height:1.3}.panel-heading p{color:#666;margin:0;font-size:12px;line-height:1.5}.mobile-panel-close,.mobile-panel-backdrop,.mobile-toolbar{display:none}.layout-mode-group{background:#fff;border-bottom:1px solid #eaeaea;flex:none;grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.layout-mode-button{color:#000;text-align:left;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:6px;min-width:0;min-height:74px;padding:10px;transition:background .18s,border-color .18s}.layout-mode-button:hover{background:#fafafa}.layout-mode-button.is-active{border-color:#000}.layout-mode-button strong,.layout-mode-button span{display:block}.layout-mode-button strong{margin-bottom:5px;font-size:13px;font-weight:650;line-height:1.25}.layout-mode-button span{color:#666;font-size:12px;line-height:1.35}.theme-list{flex-direction:column;gap:6px;padding:8px;display:flex;overflow:auto}.theme-card{color:#000;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:100%;padding:9px;transition:background .18s,border-color .18s;display:grid}.theme-card:hover{background:#fafafa;border-color:#eaeaea}.theme-card.is-active{background:#fff;border-color:#000}.theme-card strong,.theme-card small{display:block}.theme-card strong{margin-bottom:2px;font-size:13px;font-weight:650}.theme-card small{color:#666;font-size:12px;line-height:1.35}.theme-swatch{border:1px solid;border-radius:6px;justify-content:flex-end;align-items:flex-end;width:36px;height:36px;display:flex;overflow:hidden}.theme-swatch span{border-radius:999px 0 0;width:15px;height:15px}textarea{resize:none;color:#000;background:#fff;border:0;flex:1;width:100%;min-height:0;padding:16px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.phone-frame{background:linear-gradient(#fafafa,#fafafa),repeating-linear-gradient(0deg,#0000 0 23px,#eee 24px);flex:auto;justify-content:center;align-items:flex-start;min-height:0;padding:16px;display:flex;overflow:auto}.wechat-preview{background:#fff;border:1px solid #eaeaea;border-radius:8px;flex:none;width:375px;min-height:640px;overflow:hidden;box-shadow:0 24px 60px #00000014}@media (width<=820px){.app-shell{background:#fff;height:100dvh}.topbar{gap:10px;min-height:56px;padding:10px 12px}.brand-lockup{min-width:0}.brand-mark{border-radius:7px;width:34px;height:34px;font-size:10px}.topbar h1{font-size:16px}.topbar-actions{gap:8px}.status-pill,.topbar .copy-button{display:none}.workspace{max-width:none;min-height:0;padding:0 0 calc(64px + env(safe-area-inset-bottom));display:block;overflow:hidden}.preview-panel{border:0;border-radius:0;height:100%}.preview-panel>.panel-heading{display:none}.phone-frame{background:#fff;justify-content:stretch;align-items:stretch;height:100%;padding:0;overflow:auto}.wechat-preview{width:100%;min-height:100%;box-shadow:none;border:0;border-radius:0}.mobile-panel{z-index:35;height:min(78dvh,680px);transform:translateY(calc(100% + env(safe-area-inset-bottom)));pointer-events:none;border-bottom:0;border-left:0;border-right:0;border-radius:8px 8px 0 0;transition:transform .22s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 0 0 1px #0000000f,0 -18px 48px #00000024}.mobile-panel.is-open{pointer-events:auto;transform:translateY(0)}.editor-panel.mobile-panel{height:min(86dvh,760px)}.mobile-panel .panel-heading{padding:14px 56px 14px 16px}.mobile-panel-close{color:#333;width:34px;height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:6px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex;position:absolute;top:10px;right:12px}.mobile-panel-backdrop{z-index:34;cursor:pointer;background:#00000047;border:0;display:block;position:fixed;inset:0}.theme-list{padding-bottom:calc(12px + env(safe-area-inset-bottom))}textarea{min-height:320px;padding-bottom:calc(24px + env(safe-area-inset-bottom));font-size:14px}.mobile-toolbar{z-index:45;padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-top:1px solid #eaeaea;grid-template-columns:1fr 1fr 1.25fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-toolbar button{color:#000;min-width:0;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:7px;font-size:14px;font-weight:600}.mobile-toolbar button.is-active,.mobile-toolbar button:last-child{color:#fff;background:#000;border-color:#000}.wechat-modal-layer{z-index:60}}@keyframes app-loading-progress{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes wechat-pulse{0%{opacity:.72;transform:scale(.88)}70%,to{opacity:0;transform:scale(1.22)}}@keyframes wechat-layer-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#fafafa00}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafab8}}@keyframes wechat-layer-out{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafab8}to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#fafafa00}}@keyframes wechat-modal-in{0%{opacity:0;transform:translate(132px,-148px)scale(.18)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes wechat-modal-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(132px,-148px)scale(.18)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.workspace{grid-template-columns:280px 1fr}.preview-panel{grid-column:1/-1}}@media (width<=760px){.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{flex-direction:column;align-items:flex-start}.brand-lockup{align-items:flex-start}.topbar-actions{flex-wrap:wrap}.workspace{grid-template-columns:1fr;overflow:visible}.theme-panel,.editor-panel,.preview-panel{min-height:auto;overflow:visible}textarea{min-height:420px}.phone-frame{min-height:520px}.wechat-modal-layer{padding:16px}.wechat-modal{padding:26px 20px 22px}}