html,body,#root{width:100%;height:100%;margin:0;background:#f8fafc;overscroll-behavior:contain}*{box-sizing:border-box}body{overflow:hidden;background:#f8fafc;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html.is-dark,html.is-dark body,html.is-dark #root{background:#111827}button,select{font:inherit}.zww-case-lite{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;border:0;border-radius:0;background:#f8fafc}.zww-case-lite.is-dark{background:#111827;color:#e5e7eb}.zww-case-stage{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;background:radial-gradient(circle at center,rgba(37,99,235,.08),transparent 38%),#f8fafc}.zww-case-lite.is-dark .zww-case-stage{background:radial-gradient(circle at center,rgba(96,165,250,.12),transparent 38%),#111827}.zww-case-lite.has-grid .zww-case-stage{background-image:linear-gradient(rgba(148,163,184,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.22) 1px,transparent 1px),radial-gradient(circle at center,rgba(37,99,235,.08),transparent 38%);background-size:20px 20px,20px 20px,auto}.zww-case-lite.is-dark.has-grid .zww-case-stage{background-image:linear-gradient(rgba(148,163,184,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 1px),radial-gradient(circle at center,rgba(96,165,250,.12),transparent 38%)}.zww-case-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.zww-case-toolbar{pointer-events:none;position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px}.zww-case-toolbar-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}.zww-case-toolbar-secondary{position:fixed;left:12px;bottom:12px;z-index:2;pointer-events:auto;justify-content:flex-start}.zww-case-tools,.zww-case-selects{pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.zww-case-zoom{display:inline-flex;align-items:center;gap:4px;border:1px solid #dbe3ee;border-radius:7px;background:#ffffffb8;padding:3px;box-shadow:0 1px 2px #0f172a0a}.zww-case-zoom .zww-case-tool{height:26px;min-width:46px;border-color:transparent;background:transparent;padding:0 8px;box-shadow:none;font-size:12px}.zww-case-zoom .zww-case-tool:hover,.zww-case-zoom .zww-case-tool.is-active{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.zww-case-tool,.zww-case-select{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd5e1;border-radius:6px;background:#ffffffe6;color:#334155;font-size:13px;line-height:1;box-shadow:0 1px 2px #0f172a0f;transition:border-color .16s,background-color .16s,color .16s}.zww-case-tool{padding:0 10px;cursor:pointer}.zww-case-setting-trigger{display:none}.zww-case-select{min-width:102px;padding:0 30px 0 10px;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:calc(100% - 10px) 50%;background-size:14px 14px;background-repeat:no-repeat;cursor:pointer}.zww-case-tool:hover,.zww-case-select:hover{border-color:#60a5fa;color:#2563eb}.zww-case-tool.is-active{border-color:#60a5fa;background:#eff6ff;color:#2563eb}.zww-case-lite.is-dark .zww-case-tool,.zww-case-lite.is-dark .zww-case-select{border-color:#334155;background-color:#0f172aeb;color:#cbd5e1;box-shadow:none}.zww-case-lite.is-dark .zww-case-zoom{border-color:#334155;background:#0f172ab8;box-shadow:none}.zww-case-lite.is-dark .zww-case-zoom .zww-case-tool{border-color:transparent;background:transparent;color:#cbd5e1}.zww-case-lite.is-dark .zww-case-zoom .zww-case-tool:hover,.zww-case-lite.is-dark .zww-case-zoom .zww-case-tool.is-active{border-color:#3b82f6;background:#2563eb38;color:#bfdbfe}.zww-case-lite.is-dark .zww-case-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.zww-case-lite.is-dark .zww-case-tool:hover,.zww-case-lite.is-dark .zww-case-select:hover,.zww-case-lite.is-dark .zww-case-tool.is-active{border-color:#60a5fa;background-color:#2563eb2e;color:#bfdbfe}.zww-case-status{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);min-width:180px;border:1px solid #e5e7eb;border-radius:6px;background:#fffffff0;padding:14px 16px;text-align:center;color:#475569;box-shadow:0 10px 24px #0f172a14}.zww-case-status b{display:block;margin-bottom:5px;color:#0f172a;font-size:15px}.zww-case-status small{display:block;color:#64748b;font-size:12px}.zww-case-lite.is-dark .zww-case-status{border-color:#334155;background:#0f172af0;color:#cbd5e1}.zww-case-lite.is-dark .zww-case-status b{color:#f8fafc}.zww-case-lite.is-dark .zww-case-status small{color:#94a3b8}.zww-case-settings{pointer-events:none;position:absolute;inset:0;z-index:5;display:none}.zww-case-settings.is-open{pointer-events:auto}.zww-case-settings-backdrop{position:absolute;inset:0;border:0;background:#0f172a33;opacity:0;transition:opacity .18s}.zww-case-settings.is-open .zww-case-settings-backdrop{opacity:1}.zww-case-settings-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,82vw);transform:translate(102%);border-left:1px solid #dbe3ee;background:#fff;box-shadow:none;transition:transform .18s}.zww-case-settings.is-open .zww-case-settings-panel{transform:translate(0);box-shadow:-18px 0 40px #0f172a24}.zww-case-settings-head{display:flex;height:46px;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:0 14px;color:#0f172a;font-size:15px}.zww-case-settings-close{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#64748b;font-size:24px;line-height:1}.zww-case-settings-body{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 14px 16px}.zww-case-settings-body label{display:grid;gap:6px;min-width:0}.zww-case-settings-body label>span{color:#64748b;font-size:12px}.zww-case-settings-body .zww-case-select{width:100%;min-width:0}.zww-case-zoom-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.zww-case-zoom-panel .zww-case-tool{min-width:0;width:100%}.zww-case-lite.is-dark .zww-case-settings-backdrop{background:#00000057}.zww-case-lite.is-dark .zww-case-settings-panel{border-left-color:#202938;background:#111827;box-shadow:none}.zww-case-lite.is-dark .zww-case-settings.is-open .zww-case-settings-panel{box-shadow:-18px 0 40px #00000052}.zww-case-lite.is-dark .zww-case-settings-head{border-bottom-color:#202938;color:#e5e7eb}.zww-case-lite.is-dark .zww-case-settings-close{color:#94a3b8}.zww-case-lite.is-dark .zww-case-settings-body label>span{color:#94a3b8}@media (max-width: 700px){.zww-case-toolbar{padding:10px}.zww-case-toolbar-row{display:block}.zww-case-toolbar-secondary{display:none}.zww-case-tools{width:100%;gap:6px}.zww-case-tools>.zww-case-zoom{display:none}.zww-case-selects{display:none}.zww-case-setting-trigger{display:inline-flex;margin-left:auto}.zww-case-settings{display:block}.zww-case-tool,.zww-case-select{height:30px;font-size:12px}.zww-case-select{min-width:92px}}