.brush-quick-panel{position:fixed;width:560px;height:434px;min-width:420px;min-height:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;background-color:var(--mica-bg);backdrop-filter:var(--mica-blur);-webkit-backdrop-filter:var(--mica-blur);border:1px solid var(--mica-border);border-radius:var(--radius-xl);box-shadow:var(--mica-shadow-lg);z-index:var(--z-popover);overflow:hidden;resize:both;cursor:default;transition:none}.brush-quick-panel.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.brush-quick-panel *{cursor:default}.brush-quick-panel button,.brush-quick-panel input,.brush-quick-panel .saturation-square,.brush-quick-panel .vertical-hue-slider,.brush-quick-panel .brush-quick-grid-item{cursor:pointer}.brush-quick-panel input[type=text],.brush-quick-panel input[type=number]{cursor:text}.brush-quick-panel-body{display:flex;flex-direction:column;gap:8px;padding:8px;flex:1;min-height:0}.brush-quick-size-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:8px;width:100%;--brush-panel-value-width: 64px}.brush-quick-size-card .brush-setting-label{font-size:12px;color:var(--text-secondary)}.brush-quick-size-card .brush-setting-row{display:flex;align-items:center;gap:8px}.brush-quick-size-card .brush-setting-row input[type=range]{flex:1;min-width:80px;cursor:pointer;accent-color:var(--accent)}.brush-quick-search{height:32px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);padding:0 10px;flex-shrink:0}.brush-quick-search:focus-within{border-color:var(--accent)}.brush-quick-search input{width:100%;border:none;background:transparent;outline:none;color:var(--text-primary)}.brush-quick-error{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--danger);background:var(--danger-bg);border-radius:var(--radius-md);color:var(--danger);font-size:12px;flex-shrink:0}.brush-quick-error button{padding:0 6px;color:inherit}.brush-quick-library{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0000001a;padding:6px}.brush-quick-empty{min-height:100px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}.brush-quick-group+.brush-quick-group{margin-top:8px}.brush-quick-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.brush-quick-group-title-main{display:flex;align-items:center;gap:8px;min-width:0}.brush-quick-group-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brush-quick-group-count{color:var(--text-muted)}.brush-quick-group-toggle-btn{width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.brush-quick-group-toggle-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface-hover)}.brush-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px}.brush-quick-grid-item{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary)}.brush-quick-grid-item:hover{border-color:var(--accent);color:var(--text-primary)}.brush-quick-grid-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.brush-quick-thumb{width:30px;height:30px}@media (max-width: 920px){.brush-quick-panel{min-width:360px}}.canvas-container{flex:1;display:block;background:var(--app-bg);overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}.canvas-container:focus{outline:none}.canvas-viewport{position:absolute;top:0;left:0;box-shadow:0 4px 20px #00000080;z-index:1}.gpu-canvas,.tiling-preview-canvas,.main-canvas,.gradient-preview-canvas{position:absolute;top:0;left:0;display:block;pointer-events:none}.gpu-canvas,.tiling-preview-canvas{z-index:0}.main-canvas{z-index:1}.gradient-preview-canvas{z-index:2}.tiling-center-frame{position:absolute;top:0;left:0;box-sizing:border-box;pointer-events:none;z-index:3}.canvas-checkerboard{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--pattern-light);background-image:conic-gradient(var(--pattern-dark) .25turn,var(--pattern-light) 0 .5turn,var(--pattern-dark) 0 .75turn,var(--pattern-light) 0);background-size:16px 16px;background-position:0 0;pointer-events:none;z-index:0}.main-canvas{display:block;cursor:inherit}.brush-cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:var(--z-overlay);min-width:2px;min-height:2px;will-change:transform}.brush-cursor__ellipse{position:absolute;top:0;left:0}.brush-cursor--texture{border:none;border-radius:0;box-shadow:none;background:transparent}.transform-overlay-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:14}._floatingPanel_1xvp5_2{position:fixed;background-color:var(--mica-bg);backdrop-filter:var(--mica-blur);-webkit-backdrop-filter:var(--mica-blur);border:1px solid var(--mica-border);border-radius:var(--radius-xl);box-shadow:var(--mica-shadow);display:flex;flex-direction:column;overflow:visible;-webkit-user-select:none;user-select:none;contain:layout style}._panelHeader_1xvp5_17{height:40px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:grab;touch-action:none;flex-shrink:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}._panelHeader_1xvp5_17:active{cursor:grabbing}._panelTitle_1xvp5_35{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._windowControls_1xvp5_46{display:flex;gap:4px}._iconBtn_1xvp5_51{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}._iconBtn_1xvp5_51:hover{background:var(--surface-hover);color:var(--text-primary)}._panelContent_1xvp5_71{flex:1;overflow:auto;position:relative}._resizeHandle_1xvp5_78{position:absolute;z-index:var(--z-popover)}._resize-n_1xvp5_86{top:-4px;left:6px;right:6px;height:8px;cursor:n-resize}._resize-s_1xvp5_93{bottom:-4px;left:6px;right:6px;height:8px;cursor:s-resize}._resize-e_1xvp5_100{right:-4px;top:6px;bottom:6px;width:8px;cursor:e-resize}._resize-w_1xvp5_107{left:-4px;top:6px;bottom:6px;width:8px;cursor:w-resize}._resize-ne_1xvp5_115{top:-4px;right:-4px;width:12px;height:12px;cursor:ne-resize;z-index:var(--z-tooltip)}._resize-nw_1xvp5_123{top:-4px;left:-4px;width:12px;height:12px;cursor:nw-resize;z-index:var(--z-tooltip)}._resize-se_1xvp5_131{bottom:-4px;right:-4px;width:12px;height:12px;cursor:se-resize;z-index:var(--z-tooltip)}._resize-sw_1xvp5_139{bottom:-4px;left:-4px;width:12px;height:12px;cursor:sw-resize;z-index:var(--z-tooltip)}.toast-layer{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:10000;pointer-events:none}.toast{min-width:220px;max-width:360px;padding:10px 12px;background:#18181aeb;color:#f2f2f2;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--toast-accent, #3b82f6);border-radius:8px;box-shadow:0 6px 16px #00000059;font-size:13px;line-height:1.3;letter-spacing:.2px;animation:toast-in .16s ease-out}.toast--error{--toast-accent: #ef4444}.toast--info{--toast-accent: #3b82f6}.toast--success{--toast-accent: #22c55e}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.toast-layer{left:12px;right:12px}.toast{width:100%;max-width:none}}:root{--web-entry-bg: #080707;--web-entry-surface: rgba(26, 24, 24, .76);--web-entry-surface-strong: rgba(238, 226, 211, .12);--web-entry-text: #f7efe4;--web-entry-text-muted: rgba(247, 239, 228, .72);--web-entry-accent: #f26d50;--web-entry-accent-soft: #ffb29b;--web-entry-cream: #f3dec7;--web-entry-shadow: 0 28px 80px rgba(0, 0, 0, .38)}.web-entry{position:relative;min-height:100%;overflow:clip;background:radial-gradient(circle at top left,rgba(242,109,80,.22),transparent 28%),radial-gradient(circle at 85% 15%,rgba(255,226,171,.08),transparent 24%),linear-gradient(145deg,#100d0d,#080707 45%,#171313);color:var(--web-entry-text);isolation:isolate}.web-entry__topbar{position:absolute;top:clamp(18px,2vw,28px);right:clamp(18px,2vw,28px);z-index:3}.web-entry__language{position:relative}.web-entry__language-trigger{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 14px;border-radius:16px;background:#161212d6;color:var(--web-entry-text);box-shadow:0 18px 40px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.web-entry__language-trigger:hover{background:#221c1ceb}.web-entry__language-trigger-label{font-family:Aptos,Trebuchet MS,Microsoft YaHei UI,sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em}.web-entry__language-menu{position:absolute;top:calc(100% + 10px);right:0;display:grid;gap:8px;min-width:180px;padding:10px;border-radius:18px;background:linear-gradient(180deg,#ffffff14,#ffffff05),#121010f0;box-shadow:0 28px 56px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.web-entry__language-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:14px;background:#ffffff05;color:var(--web-entry-text);text-align:left}.web-entry__language-item:hover,.web-entry__language-item[data-selected=true]{background:#f26d502e}.web-entry__language-item-name{font-family:Aptos,Trebuchet MS,Microsoft YaHei UI,sans-serif;font-size:14px;font-weight:800}.web-entry__language-item-code{color:var(--web-entry-text-muted);font-family:Bahnschrift,Aptos,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.web-entry__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.web-entry__atmosphere--mesh{background:radial-gradient(circle at 18% 26%,rgba(255,214,167,.14),transparent 22%),radial-gradient(circle at 78% 68%,rgba(242,109,80,.16),transparent 24%),radial-gradient(circle at 72% 22%,rgba(255,255,255,.08),transparent 18%);opacity:.95}.web-entry__atmosphere--grain{opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:6px 6px,6px 6px;mix-blend-mode:soft-light}.web-entry__atmosphere--streak:before,.web-entry__atmosphere--streak:after{content:"";position:absolute;border-radius:999px;filter:blur(.4px)}.web-entry__atmosphere--streak:before{top:8%;right:14%;width:min(34vw,420px);height:72px;background:linear-gradient(90deg,#f26d5000,#f26d50b8,#ffceb500);transform:rotate(-12deg);opacity:.88}.web-entry__atmosphere--streak:after{left:-6%;bottom:20%;width:min(28vw,320px);height:36px;background:linear-gradient(90deg,#f3dec700,#f3dec757,#f3dec700);transform:rotate(18deg)}.web-entry__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(32px,4vw,56px);min-height:100vh;padding:clamp(28px,4vw,52px)}.web-entry__hero,.web-entry__aside{animation:web-entry-rise .75s cubic-bezier(.2,.9,.2,1) both}.web-entry__hero{align-self:center;max-width:760px}.web-entry__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:10px 14px;border-radius:999px;background:#f3dec714;color:var(--web-entry-cream);font-family:Aptos,Trebuchet MS,Microsoft YaHei UI,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.web-entry__brand{display:grid;gap:8px;margin-bottom:18px}.web-entry__brand-latin{width:fit-content;padding:2px 14px 6px;background:linear-gradient(90deg,#f26d50e6,#ffc5a5e6);color:#120f0f;font-family:Arial Black,Segoe UI Black,Aptos Display,Bahnschrift,sans-serif;font-size:clamp(66px,15vw,180px);font-weight:900;line-height:.88;letter-spacing:.02em;box-shadow:var(--web-entry-shadow)}.web-entry__brand-zh{width:fit-content;padding:6px 14px;background:#f7efe41f;color:var(--web-entry-text);font-size:clamp(24px,4vw,34px);font-weight:700;letter-spacing:.18em}.web-entry__title{max-width:11ch;margin-top:8px;font-family:Aptos,Trebuchet MS,Microsoft YaHei UI,sans-serif;font-size:clamp(34px,5.6vw,76px);line-height:.94;letter-spacing:-.05em}.web-entry__subtitle,.web-entry__description,.web-entry__feature-list,.web-entry__info-card p,.web-entry__limitations{font-family:Aptos,Trebuchet MS,PingFang SC,Microsoft YaHei UI,sans-serif}.web-entry__subtitle{max-width:42ch;margin-top:22px;color:var(--web-entry-text);font-size:clamp(16px,1.5vw,22px);line-height:1.7}.web-entry__feature-list{display:grid;gap:10px;max-width:48ch;margin:18px 0 0;padding:0;list-style:none;color:var(--web-entry-text);font-size:16px;line-height:1.5}.web-entry__feature-list li{position:relative;padding-left:18px}.web-entry__feature-list li:before{content:"";position:absolute;top:10px;left:0;width:6px;height:6px;border-radius:999px;background:#ff9170f2;box-shadow:0 0 14px #ff917061}.web-entry__description{max-width:62ch;margin-top:18px;color:var(--web-entry-text-muted);font-size:15px;line-height:1.8}.web-entry__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.web-entry__action{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-width:196px;padding:15px 18px;border-radius:18px;color:#101010;font-family:Aptos,Trebuchet MS,Microsoft YaHei UI,sans-serif;font-size:14px;font-weight:800;letter-spacing:.01em;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.web-entry__action:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0000003d;filter:saturate(1.04)}.web-entry__action--primary{background:linear-gradient(135deg,var(--web-entry-accent) 0%,#ff9b79 100%)}.web-entry__action--secondary{background:linear-gradient(135deg,#f3dec7,#fff4e8)}.web-entry__action--tertiary{background:linear-gradient(135deg,#2d2421,#443632);color:var(--web-entry-text)}.web-entry__aside{display:grid;gap:18px;align-self:end}.web-entry__summary-card,.web-entry__info-card{position:relative;overflow:hidden;padding:22px 22px 20px;border-radius:24px;background:linear-gradient(180deg,#ffffff14,#ffffff05),var(--web-entry-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--web-entry-shadow)}.web-entry__summary-card{display:flex;align-items:end;justify-content:space-between;gap:16px}.web-entry__summary-card:after,.web-entry__info-card:after{content:"";position:absolute;inset:auto -10% -40% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#f26d5033,#f26d5000);pointer-events:none}.web-entry__summary-label{color:var(--web-entry-text-muted);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.web-entry__summary-version{font-family:Bahnschrift Condensed,Avenir Next Condensed,Arial Narrow Bold,sans-serif;font-size:clamp(36px,5vw,64px);line-height:.9;letter-spacing:.08em}.web-entry__info-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.web-entry__info-heading h2{font-size:18px;font-weight:800}.web-entry__info-card p{color:var(--web-entry-text-muted);font-size:14px;line-height:1.75}.web-entry__info-card a{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--web-entry-cream);font-size:13px;font-weight:800;text-decoration:none}.web-entry__limitations{display:grid;gap:10px;margin-top:14px;padding-left:18px;color:var(--web-entry-text);font-size:13px;line-height:1.65}@keyframes web-entry-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1080px){.web-entry__layout{grid-template-columns:1fr;min-height:auto}.web-entry__aside{align-self:stretch}}@media (max-width: 640px){.web-entry__topbar{top:14px;right:14px}.web-entry__language-trigger{min-height:40px;padding:10px 12px}.web-entry__language-trigger-label{font-size:11px}.web-entry__layout{padding:22px 18px 32px}.web-entry__actions{display:grid;grid-template-columns:1fr}.web-entry__action{width:100%}.web-entry__summary-card{align-items:start;flex-direction:column}}:root{--mica-bg: rgba(20, 20, 25, .8);--mica-bg-solid: #1e1e23;--mica-blur: blur(20px) saturate(120%);--mica-border: rgba(255, 255, 255, .08);--mica-shadow: 0 4px 30px rgba(0, 0, 0, .3);--mica-shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--primary: #137fec;--primary-hover: #1a8fff;--primary-active: #0d6ecc;--primary-bg: rgba(19, 127, 236, .2);--primary-border: rgba(19, 127, 236, .4);--bg-primary: #0f1318;--bg-secondary: #111a22;--bg-tertiary: rgba(255, 255, 255, .05);--bg-elevated: rgba(255, 255, 255, .08);--app-bg: var(--bg-primary);--surface-color: var(--mica-bg-solid);--surface-hover: rgba(255, 255, 255, .1);--border-color: var(--mica-border);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-disabled: #4b5563;--accent: var(--primary);--accent-hover: var(--primary-hover);--danger: #ef4444;--danger-hover: #f87171;--success: #22c55e;--warning: #f59e0b;--border: var(--mica-border);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .12);--divider: rgba(255, 255, 255, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--z-canvas: 0;--z-panels: 40;--z-header: 50;--z-overlay: 1000;--z-modal: 2000;--z-dropdown: 3000;--z-popover: 4000;--z-tooltip: 5000;--danger-bg: rgba(239, 68, 68, .1);--success-bg: rgba(34, 197, 94, .1);--warning-bg: rgba(245, 158, 11, .1);--pattern-light: #ffffff;--pattern-dark: #e5e5e5}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--app-bg);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;width:100%;height:100%}.workspace{display:flex;flex:1;overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:var(--text-secondary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button{background:transparent;color:var(--text-primary);border:none;border-radius:var(--radius-md);padding:6px 12px;cursor:pointer;font-size:13px;font-family:inherit;outline:none;transition:background-color .15s ease,color .15s ease}button:hover{background:var(--surface-hover)}button:active{background:var(--bg-elevated)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=number]{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;font-family:inherit}input:focus{outline:none;border-color:var(--primary)}.mica-panel{background-color:var(--mica-bg);backdrop-filter:var(--mica-blur);-webkit-backdrop-filter:var(--mica-blur);border:1px solid var(--mica-border);box-shadow:var(--mica-shadow);border-radius:var(--radius-xl)}.mica-panel-header{height:40px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.mica-panel-header h2,.mica-panel-header h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn.active{background:var(--primary-bg);color:var(--primary)}.tool-btn-fluent{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.tool-btn-fluent:hover{background:var(--surface-hover);color:var(--text-primary)}.tool-btn-fluent.active{background:var(--primary-bg);color:var(--primary)}.tool-btn-fluent.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:24px;background:var(--primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.mica-divider{width:24px;height:1px;background:var(--divider);margin:4px auto}html.web-entry-mode,body.web-entry-mode,#root.web-entry-mode{overflow:auto}body.web-entry-mode{touch-action:auto;-webkit-user-select:auto;user-select:auto}