@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}}:root{--bg:#080d15;--panel:#0c131fe6;--panel-strong:#0d1522;--line:#2a3a52;--line-soft:#4e688c47;--text:#e9eef7;--muted:#8b9cb4;--faint:#5d6f87;--accent:#f2c66d;--accent-soft:#f2c66d24;--mint:#7fd1ae;--danger:#ff7d7d;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px}button{font:inherit;color:inherit}.editor{background:#0a0f19;position:fixed;inset:0;overflow:hidden}.editor:after{content:"";z-index:5;pointer-events:none;opacity:.6;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.canvas-host{position:absolute;inset:0}.park-canvas{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none;display:block}.park-canvas.is-panning{cursor:grabbing}.park-canvas.is-painting{cursor:crosshair}.vignette{z-index:4;pointer-events:none;background:linear-gradient(#04080e73 0%,#0000 18% 82%,#04080e8c 100%),radial-gradient(at 50% 45%,#0000 40%,#03060c80 100%);position:absolute;inset:0}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#111b2bf2,#0a101bf0);border-radius:5px;box-shadow:0 18px 40px #0000006b,inset 0 1px #ffffff0a}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:14px;left:16px;right:16px}.topbar>*{pointer-events:auto}.brand{border:1px solid var(--line);background:linear-gradient(#111b2bf2,#0a101beb);border-radius:5px;align-items:center;gap:10px;padding:7px 13px 7px 8px;display:flex;box-shadow:0 12px 30px #00000059}.brand-mark{background:#7fd1ae0f;border:1px solid #7fd1ae33;border-radius:3px;place-items:center;width:38px;height:38px;display:grid}.brand-title{font-family:var(--mono);letter-spacing:.18em;font-size:13px;font-weight:700}.brand-sub{letter-spacing:.08em;color:var(--muted);margin-top:3px;font-size:10px}.world-chip{color:var(--text);border:1px solid var(--line);background:#0c131fdb;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex;box-shadow:0 8px 24px #0000004d}.world-chip-sub{font-family:var(--mono);color:var(--faint);border-left:1px solid var(--line-soft);padding-left:8px;font-size:9px}.gen-entry{letter-spacing:.05em;color:var(--text);cursor:pointer;background:#0c131fe0;border:1px solid #f2c66d59;border-radius:5px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;transition:background .15s,border-color .15s;display:flex;box-shadow:0 12px 30px #00000059}.gen-entry svg{color:var(--accent)}.gen-entry:hover{background:var(--accent-soft);border-color:#f2c66d99}.gen-entry:active{transform:translateY(1px)}@media (max-width:860px){.gen-entry{padding:8px 9px}.gen-entry-label{display:none}}.chip-btn.pack-toggle{white-space:nowrap;align-items:center;gap:5px;width:auto;min-width:28px;padding:0 9px;font-family:inherit;font-size:11px;display:inline-flex}.chip-btn.pack-toggle.active{color:var(--accent);background:var(--accent-soft);border-color:#f2c66d73}.gen-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05080e8c;place-items:center;display:grid;position:absolute;inset:0}.gen-panel{box-sizing:border-box;width:min(480px,100vw - 32px);max-height:calc(100vh - 80px);padding:14px 16px 16px;overflow-y:auto}@media (max-width:520px){.gen-panel{width:calc(100vw - 24px);padding:12px 12px 14px}}.gen-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:12px}.gen-close:hover{color:var(--text)}.gen-theme-line{color:var(--muted);margin:10px 0 8px;font-size:11px}.gen-input{box-sizing:border-box;width:100%;color:var(--text);border:1px solid var(--line);resize:vertical;background:#080c14e6;border-radius:4px;padding:9px 10px;font-family:inherit;font-size:13px}.gen-input:focus{border-color:#f2c66d8c;outline:none}.gen-examples{scrollbar-width:none;flex-wrap:nowrap;gap:5px;margin-top:8px;display:flex;overflow-x:auto}.gen-panel .chip-btn{white-space:nowrap;width:auto;min-width:28px;padding:0 10px;font-family:inherit}.gen-examples::-webkit-scrollbar{display:none}.gen-examples .chip-btn{white-space:nowrap;flex-shrink:0}.gen-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.gen-actions .wide-btn{flex:150px;justify-content:center}.gen-settings{border:1px solid var(--line-soft);background:#080c14b3;border-radius:4px;margin-top:10px;padding:10px}.gen-settings-row{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.gen-settings-row label{cursor:pointer;align-items:center;gap:5px;display:flex}.gen-field{box-sizing:border-box;width:100%;color:var(--text);font-size:12px;font-family:var(--mono);border:1px solid var(--line);background:#0c131fe6;border-radius:3px;margin-top:8px;padding:7px 9px;display:block}.gen-error{color:#ff8d8d;margin:10px 0 0;font-size:12px}.gen-preview-bar{color:var(--text);background:#f2c66d14;border:1px solid #f2c66d66;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin-top:12px;padding:9px 11px;font-size:12px;display:flex}.gen-preview-bar>span:first-child{word-break:break-all;min-width:0}.gen-preview-buttons{flex-shrink:0;gap:6px;display:flex}.theme-tabs{border:1px solid var(--line);background:#0c131fe0;border-radius:5px;gap:4px;padding:4px;display:flex;box-shadow:0 12px 30px #00000059}.theme-tab{letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;transition:color .15s,background .15s,border-color .15s;display:flex}.theme-tab:hover{color:var(--text);background:#ffffff0d}.theme-tab.active{color:var(--text);background:#f2c66d1a;border-color:#f2c66d73}.theme-tab-dot{border:1px solid #ffffff40;border-radius:2px;width:9px;height:9px;box-shadow:0 0 6px #ffffff26}.pulse-dot{background:var(--mint);width:6px;height:6px;box-shadow:0 0 8px var(--mint);border-radius:50%;animation:2.4s ease-in-out infinite pulse}.top-actions{border:1px solid var(--line);background:#0c131fe6;border-radius:5px;align-items:center;gap:5px;padding:5px;display:flex;box-shadow:0 12px 30px #00000059}.top-divider{background:var(--line-soft);width:1px;height:20px;margin:0 3px}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;place-items:center;transition:background .14s,color .14s,border-color .14s;display:grid}.icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--line-soft);background:#ffffff0d}.icon-btn:disabled{opacity:.28;cursor:not-allowed}.icon-btn.active{color:var(--accent);background:var(--accent-soft);border-color:#f2c66d59}.icon-btn.danger:hover{color:var(--danger);background:#ff7d7d14;border-color:#ff7d7d4d}.chip-btn{width:28px;height:28px;font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;font-size:11px;transition:background .14s,color .14s}.chip-btn:hover{color:var(--text);background:#ffffff0d}.chip-btn.active{color:var(--accent);background:var(--accent-soft);border-color:#f2c66d66}.wide-btn{width:100%;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:3px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:8px;font-size:11px;transition:background .14s,color .14s,border-color .14s;display:flex}.wide-btn:hover{color:var(--text);background:#ffffff0f;border-color:#8caad266}.palette{z-index:15;width:208px;padding:12px;position:absolute;top:78px;bottom:92px;left:16px;overflow-y:auto}.panel-heading{letter-spacing:.16em;border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding-bottom:10px;font-size:11px;display:flex}.panel-meta{font-family:var(--mono);letter-spacing:.18em;color:var(--faint);font-size:9px}.palette-group{margin-top:12px}.group-title{letter-spacing:.14em;color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:10px;display:flex}.group-line{background:var(--line-soft);flex:1;height:1px}.tool-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tool-btn{color:var(--muted);cursor:pointer;background:#ffffff06;border:1px solid #5a739638;border-radius:3px;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;transition:background .14s,border-color .14s,color .14s,transform .14s;display:flex;position:relative}.tool-btn:hover{color:var(--text);background:#ffffff0e;border-color:#8caad259;transform:translateY(-1px)}.tool-btn.active{color:var(--accent);background:var(--accent-soft);border-color:#f2c66d8c;box-shadow:0 0 0 1px #f2c66d1f,0 6px 16px #00000040}.tool-preview{justify-content:center;align-items:flex-end;height:36px;display:flex}.tool-preview canvas{width:auto;max-width:44px;height:auto;max-height:36px;image-rendering:pixelated;filter:drop-shadow(0 2px #00000040)}.tool-label{letter-spacing:.05em;font-size:11px}.hotkey{font-family:var(--mono);color:var(--faint);font-size:8px;position:absolute;top:3px;right:4px}.tool-btn.active .hotkey{color:#f2c66dcc}.tool-btn.wide{grid-column:span 2}.tool-btn.eraser{flex-direction:row;grid-column:span 2;justify-content:flex-start;gap:8px;padding:6px 8px}.tool-btn.eraser .tool-preview{width:40px;height:28px}.tool-btn.eraser .tool-preview canvas{max-height:26px}.palette-foot{font-family:var(--mono);color:var(--faint);border-top:1px solid var(--line-soft);justify-content:space-between;margin-top:12px;padding-top:8px;font-size:9px;display:flex}.bottombar{z-index:16;white-space:nowrap;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.bottom-group{align-items:center;gap:4px;display:flex}.bottom-label{color:var(--muted);margin-right:2px;font-size:10px}.bottom-divider{background:var(--line-soft);width:1px;height:18px;margin:0 3px}.zoom-label{min-width:24px;font-family:var(--mono);color:var(--muted);text-align:center;font-size:10px}.hint{color:var(--faint);padding:0 4px;font-size:10px}.hint b{color:var(--line);margin:0 2px;font-weight:400}.infopanel{z-index:15;width:226px;max-height:calc(100vh - 170px);padding:12px;position:absolute;top:78px;right:16px;overflow-y:auto}.current-tool{background:#f2c66d0f;border:1px solid #f2c66d2e;border-radius:3px;margin-top:12px;padding:10px}.current-tool-name{letter-spacing:.06em;color:var(--accent);font-size:14px}.current-tool p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.6}.stats{flex-direction:column;margin:12px 0 0;display:flex}.stats div{border-bottom:1px dashed var(--line-soft);justify-content:space-between;padding:6px 0;font-size:11px;display:flex}.stats dt{color:var(--muted)}.stats dd{font-family:var(--mono);color:var(--text);margin:0;font-size:10px}.style-block{margin-top:14px}.swatches{grid-template-columns:repeat(8,1fr);gap:3px;margin-top:6px;display:grid}.swatches span{border:1px solid #00000059;border-radius:1px;height:16px}.style-note{font-family:var(--mono);color:var(--faint);margin-top:5px;font-size:9px}.tip-block{background:#7fd1ae0d;border-left:2px solid #7fd1ae80;border-radius:2px;margin-top:14px;padding:9px}.tip-title{letter-spacing:.1em;color:var(--mint);margin-bottom:4px;font-size:10px}.tip-block p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.save-line{font-family:var(--mono);color:var(--faint);align-items:center;gap:6px;margin-top:10px;font-size:9px;display:flex}.save-dot{background:#53627a;border-radius:50%;width:5px;height:5px}.save-dot.on{background:var(--mint);box-shadow:0 0 6px var(--mint)}.toast{z-index:40;color:var(--text);background:#0c1421f5;border:1px solid #f2c66d59;border-radius:3px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;animation:.22s ease-out toast-in;display:flex;position:absolute;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000073}.toast-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent)}.loading-screen{z-index:50;background:radial-gradient(circle at 50% 40%,#16233a,#080d15 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.loading-tree{width:48px;height:52px;margin-bottom:6px;animation:2.4s ease-in-out infinite float;position:relative}.loading-tree span{display:block;position:absolute}.loading-tree span:first-child{background:#8b5a2b;width:8px;height:24px;top:26px;left:20px}.loading-tree span:nth-child(2){background:#3f7a4a;width:28px;height:24px;top:6px;left:10px}.loading-tree span:nth-child(3){background:#7fbf6a;width:16px;height:10px;top:0;left:16px}.loading-title{font-family:var(--mono);letter-spacing:.2em;color:var(--text);font-size:13px}.loading-sub{font-family:var(--mono);letter-spacing:.24em;color:var(--faint);font-size:9px}.fatal-screen{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05090fdb;place-items:center;display:grid;position:absolute;inset:0}.fatal-card{text-align:center;width:min(380px,90vw);padding:24px}.fatal-card h1{margin:16px 0 8px;font-size:18px;font-weight:500}.fatal-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.palette::-webkit-scrollbar{width:6px}.infopanel::-webkit-scrollbar{width:6px}.palette::-webkit-scrollbar-track{background:0 0}.infopanel::-webkit-scrollbar-track{background:0 0}.palette::-webkit-scrollbar-thumb{background:#2a3a52;border-radius:3px}.infopanel::-webkit-scrollbar-thumb{background:#2a3a52;border-radius:3px}@keyframes pulse{50%{opacity:.5}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:1180px){.infopanel{display:none}.theme-tab{padding:7px 8px}.theme-tab-dot{display:none}}@media (max-width:860px){.palette{width:178px}.world-chip,.hint{display:none}.theme-tab{padding:6px;font-size:11px}}@media (max-width:700px){.topbar{flex-wrap:wrap;row-gap:6px;top:8px;left:8px;right:8px}.theme-tabs{scrollbar-width:none;flex-basis:100%;order:5;max-width:calc(100vw - 16px);overflow-x:auto}.theme-tabs::-webkit-scrollbar{display:none}.top-actions{margin-left:auto}.brand-sub{display:none}.brand{padding:5px 8px 5px 6px}.brand-mark{width:32px;height:32px}.palette{width:auto;max-height:196px;inset:70px 8px auto}.bottombar{max-width:calc(100vw - 16px);bottom:8px;overflow-x:auto}.tool-preview{height:34px}.tool-preview canvas{max-height:34px}}