._container_xzd7n_1{width:100vw;height:100dvh;position:relative;overflow:hidden;display:flex;flex-direction:column}main{flex:1;position:relative;width:100%;height:100%}._loading_xzd7n_17{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:inherit;color:#6b7280;font-weight:500}._overlay_1lxm8_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity .2s ease,visibility .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._hidden_1lxm8_16{opacity:0;visibility:hidden;pointer-events:none}._visible_1lxm8_22{opacity:1;visibility:visible;pointer-events:auto}._modal_1lxm8_28{background:white;border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;padding:32px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}._closeButton_1lxm8_40{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}._closeButton_1lxm8_40:hover{background-color:#f3f4f6;color:#111827}._content_1lxm8_61 h2{margin-top:0;font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:24px}._content_1lxm8_61 h3{font-size:1.1rem;font-weight:600;color:#374151;margin-top:20px;margin-bottom:12px}._content_1lxm8_61 p{color:#4b5563;line-height:1.6;margin-bottom:16px}._content_1lxm8_61 ul{padding-left:20px;margin-bottom:16px}._content_1lxm8_61 li{color:#4b5563;line-height:1.6;margin-bottom:8px}._content_1lxm8_61 strong{color:#111827}._footer_1lxm8_98{margin-top:32px;padding-top:16px;border-top:1px solid #f3f4f6;text-align:center;font-size:.875rem;color:#9ca3af}._toolbar_4ngpe_1{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:white;padding:8px;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;z-index:1000;max-width:95vw}._toolBtn_4ngpe_17{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:#4b5563;cursor:pointer;transition:all .2s;position:relative;flex-shrink:0}._shortcut_4ngpe_33{position:absolute;bottom:2px;right:4px;font-size:10px;color:#9ca3af;pointer-events:none;font-family:inherit;font-weight:500}._toolBtn_4ngpe_17:hover{background:#f3f4f6;color:#111827}._active_4ngpe_49{background:#eef2ff;color:#4f46e5}@media (max-width: 1024px){._toolbar_4ngpe_1{top:auto;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:6px;gap:6px;border-radius:16px;box-shadow:0 8px 32px #00000026;flex-wrap:nowrap;justify-content:flex-start;width:max-content;max-width:95vw;overflow-x:auto;-webkit-overflow-scrolling:touch}._toolbar_4ngpe_1::-webkit-scrollbar{display:none}._toolBtn_4ngpe_17{width:44px;height:44px;flex-shrink:0}._shortcut_4ngpe_33{display:none}}@media (max-width: 480px){._toolbar_4ngpe_1{gap:4px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);width:calc(100vw - 24px);max-width:320px}._toolBtn_4ngpe_17{width:100%;aspect-ratio:1;height:auto}}._topBar_n9zf8_1{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:1001}._topLeft_n9zf8_13{display:flex;align-items:center;gap:12px;pointer-events:auto}._menuContainer_n9zf8_20{position:relative}._menuButton_n9zf8_24{background:white;border:1px solid #e5e7eb;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:#4b5563;transition:all .2s;box-shadow:0 2px 8px #0000000d}._menuButton_n9zf8_24:hover{background:#f3f4f6;color:#111827}._dropdownMenu_n9zf8_44{position:absolute;top:calc(100% + 8px);left:0;background:white;padding:1.25rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;width:220px;z-index:1002}._menuSection_n9zf8_57 h4{font-size:.75rem;text-transform:uppercase;color:#6b7280;margin-bottom:.75rem;letter-spacing:.05em}._colorGrid_n9zf8_65{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}._colorBtn_n9zf8_71{width:100%;aspect-ratio:1;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .1s}._colorBtn_n9zf8_71:hover{transform:scale(1.1)}._activeColor_n9zf8_84{border-color:#4f46e5}._customColorPicker_n9zf8_88{display:flex;align-items:center;gap:8px;margin-top:12px}._colorInput_n9zf8_95{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;padding:0;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;background:white}._colorInput_n9zf8_95::-webkit-color-swatch-wrapper{padding:0}._colorInput_n9zf8_95::-webkit-color-swatch{border:none;border-radius:5px}._colorInput_n9zf8_95::-moz-color-swatch{border:none;border-radius:5px}._hexInput_n9zf8_122{flex:1;padding:6px 8px;font-size:.875rem;border:1px solid #e5e7eb;border-radius:6px;font-family:monospace;text-transform:uppercase;color:#374151;width:100%}._hexInput_n9zf8_122:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5}._actions_n9zf8_140{display:flex;align-items:center;gap:8px;background:white;padding:4px;height:44px;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;pointer-events:auto}._actions_n9zf8_140 button{background:transparent;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:#4b5563;transition:all .2s;gap:6px}._actions_n9zf8_140 button:hover:not(:disabled){background:#f3f4f6;color:#111827}._actions_n9zf8_140 button:disabled{opacity:.3;cursor:not-allowed}._actions_n9zf8_140 button span{font-size:.875rem;font-weight:600;margin-right:4px}._divider_n9zf8_184{width:1px;height:20px;background:#e5e7eb;margin:0 4px}._zoomBar_c1sdb_1{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;background:white;padding:4px;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;z-index:1001}._zoomBar_c1sdb_1 button{background:transparent;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:#4b5563;transition:all .2s}._zoomBar_c1sdb_1 button:hover{background:#f3f4f6;color:#111827}._zoomInput_c1sdb_34{background:transparent;border:none;font-size:.75rem;font-weight:700;color:#4b5563;width:44px;text-align:center;padding:0 4px;outline:none;cursor:text}._zoomInput_c1sdb_34:focus{color:#111827;background:#f3f4f6;border-radius:4px}._divider_c1sdb_53{width:1px;height:16px;background:#e5e7eb;margin:0 2px}@media (max-width: 1024px){._zoomBar_c1sdb_1{display:none}}:root{--bg-color: #ffffff;--ui-bg: #ffffff;--ui-border: #e5e7eb;--primary: #4f46e5;--text: #111827}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text);overflow:hidden;height:100dvh;width:100vw;overscroll-behavior:none;-webkit-touch-callout:none}#root{height:100%;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}