/* Use local fonts: avoid a blocking external Chinese font stylesheet. */
.template-art .template-weapon-image{width:128px;height:128px;object-fit:contain;image-rendering:auto;z-index:1;transition:transform .3s}
.template-card:hover .template-weapon-image{transform:translateY(-4px)}
:root{font-family:'Noto Sans SC','Microsoft YaHei','PingFang SC',system-ui,sans-serif;color:#e6ece7;background:#0c110f;font-synthesis:none;--mint:#a3e4bb;--muted:#93a097;--border:#ffffff12;--panel:#141b17;--side:222px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:1px solid #a3e4bb80}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;left:240px;top:-100px;z-index:100;background:var(--mint);color:#101810;padding:10px}.skip:focus{top:10px}.world-backdrop{position:absolute;left:var(--side);right:0;top:70px;min-height:1800px;pointer-events:none;overflow:hidden;z-index:-1;background:#111812}.world-backdrop>div{height:450px;background-size:cover;background-position:center;opacity:.12;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.world-surface{background-image:url('./assets/surface.jpg')}.world-underground{background-image:url('./assets/underground.jpg')}.world-cavern{background-image:url('./assets/cavern.jpg')}.world-underworld{background-image:url('./assets/underworld.jpg')}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#101612f5;backdrop-filter:blur(18px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:27px 17px 17px;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;margin-bottom:34px}.brand-mark{width:32px;height:32px;color:var(--mint)}.brand-name{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-.6px}.brand-sub{font-size:10px;letter-spacing:3px;color:#8e9f90;margin-top:3px}.new-button,.primary{border:1px solid #b0e8c4;background:var(--mint);color:#17251b;font-size:14px;font-weight:650;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 18px;border-radius:7px;transition:.2s}.new-button{width:100%;margin-bottom:25px}.new-button:hover,.primary:hover{background:#b9f4cc;box-shadow:0 2px 18px #8ce6ac15}.nav-label{font-size:11px;color:#68796c;letter-spacing:2px;padding:0 15px;margin:11px 0}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:none;color:#a1ada4;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:14px;border-radius:6px;position:relative}.nav-item svg{width:18px;height:18px;color:#879b8b}.nav-item:hover{background:#ffffff05;color:#ecf6ee}.nav-item.active{background:#8bca9b12;color:#b3ebc4}.nav-item.active:before{content:'';position:absolute;left:0;width:3px;height:16px;border-radius:3px;background:var(--mint)}.nav-item.active svg{color:var(--mint)}.nav-count{margin-left:auto;font:12px 'Space Grotesk',sans-serif;color:#839489}.nav-divider{height:1px;background:var(--border);margin:22px 14px 16px}.sidebar-bottom{margin-top:auto}.version-card{border:1px solid #ffffff12;border-radius:7px;padding:12px;background:#141d17;font-size:12px;display:block;width:100%;text-align:left;margin:22px 0 15px}.version-card>div{display:flex;align-items:center;gap:7px;color:#bac9bd}.version-card small{display:block;font-size:11px;color:#74897b;margin:6px 0 0 13px}.dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 7px #82df9d44}.profile{display:flex;align-items:center;gap:9px;padding:12px 7px 0;border-top:1px solid var(--border)}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#2e3d2f;font-size:16px;color:#c1e2a8}.profile strong{font-size:12px;font-weight:500;display:block}.profile small{display:block;color:#7d8c80;font-size:11px;margin-top:3px}.profile button{margin-left:auto}.icon-button{border:0;background:none;padding:6px;color:#90a295;display:inline-grid;place-items:center;border-radius:5px}.icon-button:hover{background:#ffffff0b;color:var(--mint)}.shell{margin-left:var(--side)}.topbar{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#0e1511e6;backdrop-filter:blur(20px)}.crumb{font-size:13px;color:#9cab9e;display:flex;align-items:center;gap:12px}.crumb svg{width:15px;height:15px}.crumb strong{font-weight:450;color:#e0e9e1}.top-actions{display:flex;gap:22px;align-items:center}.search-button{color:#7d8c81;display:flex;align-items:center;gap:9px;background:none;border:0;font-size:12px}.search-button svg{width:16px}.search-button kbd{border:1px solid #ffffff18;border-radius:4px;font:10px monospace;padding:3px 5px;margin-left:16px}.top-help{border:0;background:none;font-size:12px;color:#b7c6ba;display:flex;align-items:center;gap:7px}.top-help svg{width:16px}.mode-badge{font-size:10px;padding:5px 8px;border:1px solid #cfead01c;border-radius:4px;color:#9ac6a6;letter-spacing:.4px}.menu-button{display:none}main{max-width:1360px;padding:35px 42px 23px;margin:0 auto;min-height:calc(100vh - 76px)}.eyebrow{color:#82988b;font:11px 'Space Grotesk',sans-serif;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.page-heading h1{font-size:27px;font-weight:600;letter-spacing:.2px;margin:0 0 10px}.page-heading h1 span{color:var(--mint)}.page-heading p{font-size:13px;color:#8d9f93;margin:0;line-height:1.9}.season{font-size:11px;color:#9eb0a1;display:flex;align-items:center;gap:7px;white-space:nowrap}.season svg{color:#a9d7ae;width:14px}.hero{position:relative;isolation:isolate;border:1px solid #667d5e46;border-radius:11px;min-height:282px;overflow:hidden;background:#15251c;display:flex;align-items:center;margin-bottom:22px}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('./assets/surface.jpg') center 42%/cover;image-rendering:pixelated}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111d16 0%,#111d16ee 24%,#111d16a8 48%,#0a141340 78%),linear-gradient(0deg,#10231872,transparent)}.hero-content{padding:31px 34px;max-width:67%}.hero-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.3px;color:#c3e4bc;margin-bottom:17px;background:#c2e7b510;border:1px solid #c2e7b525;padding:5px 8px;border-radius:4px}.hero-label svg{width:12px;height:12px}.hero h2{font-size:33px;line-height:1.5;letter-spacing:1px;margin:0 0 10px;font-weight:650}.hero h2 span{color:#b5eac1}.hero p{font-size:12px;line-height:1.9;color:#b5c5b7;margin:0 0 22px}.hero-actions{display:flex;align-items:center;gap:21px}.hero .primary{padding:10px 17px;font-size:12px}.text-button{border:0;background:none;color:#c3d5c5;display:inline-flex;align-items:center;gap:7px;padding:0;font-size:12px}.text-button svg{width:15px;height:15px}.hero-credit{position:absolute;right:13px;bottom:11px;color:#e0ece3aa;font-size:9px;background:#05120b6b;border-radius:3px;padding:4px 6px}.hero-world-label{position:absolute;right:21px;top:21px;display:flex;gap:6px;align-items:center;font-size:9px;color:#d1f0ca;letter-spacing:1.5px;background:#07160e60;padding:6px 9px;border:1px solid #e4ffda20;border-radius:4px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border:1px solid var(--border);border-radius:8px;background:#121b15d9;min-height:80px;padding:16px 23px;margin-bottom:29px}.step{display:flex;align-items:center;gap:12px;position:relative;padding:0 10px}.step:not(:last-child):after{content:'›';position:absolute;right:14px;color:#53685a;font-size:25px}.step-number{font:500 14px 'Space Grotesk',sans-serif;border:1px solid #a8d2b32b;color:#a8c9b0;background:#99c7a208;width:29px;height:29px;border-radius:7px;display:grid;place-items:center}.step:first-child .step-number{color:#bddfc3;border-color:#a3e4bb50;background:#a3e4bb15}.step b{font-size:12px;font-weight:500;display:block;margin-bottom:5px}.step small{font-size:10px;color:#84998b}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 14px}.section-title h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0;font-weight:550;letter-spacing:.3px}.section-title h2 svg{width:17px;color:#a9d4b5}.section-title p{margin:6px 0 0;font-size:11px;color:#899f90}.section-title .text-button{font-size:11px;color:#93a79a}.create-box{border:1px solid #7da88b45;border-radius:9px;background:#15211aee;padding:16px 18px 12px;box-shadow:0 0 24px #78b48b03}.create-box textarea{display:block;width:100%;resize:vertical;min-height:53px;max-height:160px;border:0;background:none;color:#edf5ef;font-size:13px;line-height:1.8;padding:2px 0}.create-box textarea::placeholder{color:#748b7b}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:5px}.composer-hint{display:flex;align-items:center;gap:5px;color:#829787;font-size:10px}.composer-hint svg{width:12px}.send-button{border:0;background:var(--mint);color:#1f3627;width:30px;height:30px;display:grid;place-items:center;border-radius:6px}.send-button svg{width:16px;height:16px}.send-button:hover{background:#c7f4d5}.idea-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 28px}.idea-chips>span{font-size:10px;color:#788f80;margin-right:1px}.chip{border:1px solid #ffffff13;border-radius:5px;background:#141e17e8;color:#a9bcaf;padding:6px 10px;font-size:10px;display:flex;align-items:center;gap:6px}.chip:hover{border-color:#a3e4bb55;color:#c2e8cd;background:#213328}.chip svg{width:12px;height:12px}.section-head-extra{display:flex;align-items:center;gap:7px}.tiny-tag{font-size:9px;padding:3px 6px;border:1px solid #a3e4bb25;color:#96bea2;border-radius:4px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-card{border:1px solid var(--border);border-radius:9px;background:#151d17f2;overflow:hidden;text-align:left;padding:0;transition:transform .2s,border-color .2s}.template-card:hover{transform:translateY(-3px);border-color:#a3e4bb45}.template-art{height:107px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 100%,#497b512b,transparent 67%),#19291c}.template-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a0d9a105 1px,transparent 1px),linear-gradient(90deg,#a0d9a105 1px,transparent 1px);background-size:15px 15px;mask-image:linear-gradient(transparent,#000)}.template-art:after{content:'✦';position:absolute;left:26%;top:28%;font-size:11px;color:#a3e4bb40;text-shadow:115px 37px 0 #a3e4bb40,-28px 48px 0 #a3e4bb20}.template-art.blue{background:radial-gradient(ellipse at 50% 100%,#427d882b,transparent 67%),#18242b}.template-art.purple{background:radial-gradient(ellipse at 50% 100%,#9075d12b,transparent 67%),#221e30}.template-art.orange{background:radial-gradient(ellipse at 50% 100%,#b87e422b,transparent 67%),#2b201b}.template-art.gold{background:radial-gradient(ellipse at 50% 100%,#b6ac5e2b,transparent 67%),#28291b}.pixel-icon{width:69px;height:69px;filter:drop-shadow(0 0 13px #9de2b322);image-rendering:pixelated;z-index:1;transition:transform .3s}.template-card:hover .pixel-icon{transform:translateY(-4px) rotate(4deg)}.card-label{position:absolute;top:10px;left:11px;color:#afc4b5;background:#101a1366;border:1px solid #c3dec512;padding:3px 6px;font-size:9px;border-radius:3px;z-index:2}.template-body{padding:13px 15px 12px}.template-body h3{font-size:14px;font-weight:550;display:flex;align-items:center;justify-content:space-between;margin:0 0 7px}.template-body h3 svg{width:14px;height:14px;color:#7d9a86}.template-body p{font-size:10px;color:#8c9e91;line-height:1.8;margin:0 0 13px}.template-meta{display:flex;justify-content:space-between;font-size:9px;color:#82948a;border-top:1px solid var(--border);padding-top:10px}.template-meta span{display:flex;gap:4px;align-items:center}.template-meta svg{width:10px;height:10px}.template-meta .difficulty{color:#a0bda7}.bottom-guide{margin-top:22px;padding:16px 19px;border:1px solid #9fba8e20;background:#21281b9c;display:flex;align-items:center;gap:13px;border-radius:8px}.guide-icon{border:1px solid #ced5a71a;background:#bcc2960c;border-radius:8px;display:grid;place-items:center;width:35px;height:35px;color:#bfcca5}.bottom-guide h3{font-size:12px;margin:0 0 6px;font-weight:500}.bottom-guide p{font-size:10px;color:#94a38d;line-height:1.6;margin:0}.bottom-guide .text-button{margin-left:auto;white-space:nowrap;font-size:11px;color:#b7c5a5}footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:9px;color:#62796b;display:flex;justify-content:space-between;gap:10px;line-height:1.8}footer a:hover{color:var(--mint)}.footer-links{display:flex;gap:16px}.filter-tabs{display:flex;gap:8px;margin:22px 0}.filter{border:1px solid #ffffff18;background:#17231be0;border-radius:6px;padding:8px 14px;font-size:12px;color:#a1b3a7}.filter.active{color:#b9edc9;border-color:#a3e4bb60;background:#a3e4bb12}.empty{padding:70px 20px;text-align:center;background:#141e17e0;border:1px dashed #a3e4bb25;border-radius:12px}.empty>svg{width:45px;height:45px;color:#83a58c;margin-bottom:15px}.empty h2{font-size:22px}.empty p{font-size:13px;color:#93a998;margin-bottom:25px}.library-card{background:#142019f0;border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;gap:17px;align-items:center;margin-bottom:12px}.library-art{width:72px;height:72px;background:#22352a;display:grid;place-items:center;border-radius:8px}.library-art .pixel-icon{width:45px;height:45px}.library-info{flex:1}.library-info h3{font-size:15px;margin:0 0 8px}.library-info p{font-size:11px;color:#9eb0a2;margin:0}.library-actions{display:flex;gap:9px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b6d4be2a;border-radius:6px;padding:10px 14px;background:#1d2c21;color:#c1d3c7;font-size:12px}.secondary:hover{background:#294130;border-color:#a3e4bb60}.secondary svg,.primary svg{width:15px;height:15px}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.workspace-head h1{font-size:22px;margin:0 0 8px}.workspace-head p{font-size:11px;margin:0;color:#93a999}.workflow{display:flex;gap:0;align-items:center;margin:0 0 20px;padding:14px 19px;background:#16221bea;border:1px solid var(--border);border-radius:8px}.workflow-step{flex:1;display:flex;align-items:center;gap:8px;color:#758d7d;font-size:11px}.workflow-step:not(:last-child):after{content:'';flex:1;background:#536f5a35;height:1px;margin:0 20px 0 10px}.workflow-step b{width:22px;height:22px;border-radius:50%;border:1px solid #6b907b45;display:grid;place-items:center;font:11px 'Space Grotesk',sans-serif}.workflow-step.active{color:#b3e9c1}.workflow-step.active b{background:#a3e4bb20;border-color:#a3e4bb70}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:18px;align-items:start}.chat-panel{background:#111d16f5;border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-heading{padding:16px 19px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;font-size:13px}.panel-heading svg{color:var(--mint);width:17px}.panel-heading .mode-badge{margin-left:auto}.messages{min-height:280px;max-height:470px;overflow:auto;overscroll-behavior:contain;padding:24px 20px}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:25px}.message:last-child{margin-bottom:0}.message-avatar{width:27px;height:27px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;background:#a3e4bb15;color:#b4e9bf}.message-avatar svg{width:15px}.message.user .message-avatar{background:#39402c;color:#dbdbb2}.message-content{min-width:0;flex:1}.message-name{font-size:11px;color:#b9cfbf;display:flex;align-items:center;gap:8px;margin:3px 0 8px}.message-text{font-size:12px;line-height:1.95;color:#b3c6b9;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-text{background:#20382996;border:1px solid #a3e4bb12;border-radius:0 9px 9px;padding:10px 13px;color:#d1e6d7}.chat-composer{padding:15px;border-top:1px solid var(--border)}.chat-composer .create-box{padding:10px 13px}.chat-composer .create-box textarea{min-height:50px;font-size:12px}.chat-composer .idea-chips{margin:0 0 10px}.typing{color:#a3e4bb;font-size:12px;padding:10px 0;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.4}}.plan-panel{background:#15211aef;border:1px solid #a3e4bb27;border-radius:10px;overflow:hidden}.plan-visual{height:105px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 100%,#698d5533,transparent 70%),#1a2c20;position:relative}.plan-visual:after{content:'概念示意 · 游戏内使用原版贴图';font-size:9px;color:#819a89;position:absolute;bottom:8px}.plan-fields{padding:17px}.field-label{font-size:11px;color:#a7bfaf;display:block;margin-bottom:7px}.field{margin-bottom:14px}.field input,.field select,.field textarea{border:1px solid #a8c5b31e;background:#0d1711a6;color:#d6e7db;border-radius:5px;padding:9px 10px;width:100%;font-size:12px;min-width:0}.field textarea{resize:vertical;min-height:65px}.field small{display:block;font-size:9px;color:#799481;line-height:1.8;margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.plan-fields .primary{width:100%;margin-top:3px;font-size:12px}.plan-status{font-size:10px;line-height:1.8;color:#8ba293;margin:12px 0 0;display:flex;gap:5px}.plan-status svg{width:12px;height:12px;margin-top:2px}.plan-intro{font-size:11px;color:#8eaa98;line-height:1.9;margin:0 0 15px}.result-banner{border:1px solid #a3e4bb45;background:#193422ce;border-radius:10px;padding:22px 24px;display:flex;align-items:center;gap:15px;margin-bottom:21px}.result-banner>svg{width:37px;height:37px;color:var(--mint)}.result-banner h2{font-size:19px;margin:0 0 7px}.result-banner p{font-size:11px;color:#b5cbbd;margin:0;line-height:1.8}.result-banner .primary{margin-left:auto;white-space:nowrap}.code-layout{display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid var(--border);border-radius:8px;background:#0f1a13f5;overflow:hidden}.file-list{padding:16px 10px;border-right:1px solid var(--border)}.file-list h3{font-size:11px;font-weight:400;color:#92ac9b;margin:0 8px 12px}.file-button{border:0;width:100%;background:none;text-align:left;padding:10px 8px;color:#8ea799;font:11px monospace;border-radius:4px;overflow-wrap:anywhere}.file-button.active{background:#8fb69d16;color:#bde4ca}.code-area{min-width:0}.code-title{border-bottom:1px solid var(--border);padding:14px 19px;display:flex;align-items:center;justify-content:space-between;font:11px monospace;color:#9eb6a7}.code-area pre{padding:17px 20px;margin:0;max-height:430px;overflow:auto;font:12px/1.9 Consolas,monospace;color:#bbd6c7;tab-size:4}.notice{padding:13px 16px;border:1px solid #dfc0802b;background:#61552a18;border-radius:6px;margin:17px 0;color:#b7ad88;font-size:11px;line-height:1.9}.notice svg{width:13px;height:13px;margin-right:5px}.result-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.guide-layout{display:grid;grid-template-columns:210px 1fr;gap:25px}.guide-toc{position:sticky;top:25px;align-self:start;background:#122019e8;border:1px solid var(--border);border-radius:9px;padding:14px}.guide-toc h3{font-size:12px;margin:7px 7px 15px;color:#9bb5a4}.guide-toc a{display:block;font-size:11px;padding:12px 8px;color:#a7c1b0;border-radius:5px}.guide-toc a:hover{background:#a3e4bb10}.guide-content{background:#15241bf0;border:1px solid var(--border);border-radius:9px;padding:27px}.guide-content h2{font-size:19px;margin:0 0 14px;scroll-margin-top:25px}.guide-content h2:not(:first-child){margin-top:33px}.guide-content p,.guide-content li{font-size:12px;color:#abc1b2;line-height:2.2}.guide-content li{margin-bottom:8px}.guide-content a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}.guide-content code{background:#0c1810;padding:3px 5px;border-radius:4px;color:#c3dec9;font-size:11px;overflow-wrap:anywhere}.guide-content ol{padding-left:21px}.faq{border:1px solid var(--border);border-radius:8px;background:#15221aec;margin-bottom:12px;padding:18px 21px}.faq summary{font-size:13px;color:#c4d9cb;cursor:pointer}.faq p{font-size:12px;line-height:2;color:#a0b9a9;padding-top:8px}.faq a{color:var(--mint);text-decoration:underline}.modal-backdrop{position:fixed;inset:0;background:#030a06bf;backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .15s ease}.modal{width:530px;max-width:100%;max-height:90vh;overflow:auto;background:#17221a;border:1px solid #a3e4bb30;border-radius:14px;box-shadow:0 30px 100px #0008;position:relative}.modal-close{position:absolute;right:13px;top:13px;z-index:1}.onboard-art{height:160px;background:linear-gradient(0deg,#17221a,transparent 80%),url('./assets/surface.jpg') center 36%/cover;position:relative;display:flex;align-items:flex-end;padding:20px 29px}.onboard-art>span{font:12px 'Space Grotesk',sans-serif;letter-spacing:2px;color:#c9e9d0;position:relative}.modal-body{padding:10px 29px 27px}.modal h2{font-size:24px;line-height:1.6;margin:0 0 12px}.modal p{font-size:13px;line-height:2;color:#9fb8a7}.onboard-points{padding:5px 0 17px;display:grid;gap:12px}.onboard-point{display:flex;align-items:center;gap:11px;font-size:12px;color:#b7cfbf}.onboard-point svg{width:16px;color:var(--mint)}.modal-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.onboard-dots{display:flex;gap:6px}.onboard-dots span{height:5px;width:5px;border-radius:3px;background:#48624f}.onboard-dots span.active{width:20px;background:var(--mint)}.modal-inner{padding:28px}.settings-state{display:flex;align-items:center;gap:8px;font-size:12px;color:#adcfb7;margin:19px 0;padding:14px;border:1px solid #a3e4bb25;border-radius:7px;background:#a3e4bb08}.settings-state .dot{margin-right:3px}.settings .field{margin-top:17px}.settings p{font-size:12px}.search-modal{align-self:flex-start;margin-top:14vh}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid var(--border)}.search-input-wrap input{background:none;border:0;flex:1;min-width:0;color:#dcebe1;font-size:14px}.search-input-wrap svg{color:#94b8a0}.search-results{padding:12px;max-height:380px;overflow:auto}.search-result{display:flex;align-items:center;gap:13px;border:0;background:none;padding:13px 12px;width:100%;text-align:left;border-radius:7px}.search-result:hover{background:#a3e4bb0c}.search-result svg{color:#9bc7a6}.search-result span{font-size:13px;color:#c1d7c8}.search-result small{display:block;color:#809a8a;font-size:10px;margin-top:5px}.search-empty{padding:20px;font-size:13px;color:#8fa999;text-align:center}.toast{position:fixed;bottom:25px;left:calc(50% + var(--side)/2);transform:translate(-50%,20px);background:#284430;border:1px solid #a3e4bb66;color:#d2efdc;border-radius:8px;padding:13px 23px;font-size:13px;z-index:200;opacity:0;pointer-events:none;transition:.2s;max-width:85vw;box-shadow:0 8px 35px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}.settings .danger{color:#d9a49b}.empty-icon{color:var(--mint)}.saved-label{font-size:11px;color:#88b499;display:flex;gap:6px;align-items:center}.saved-label svg{width:13px;height:13px}.saved-label-row{display:flex;align-items:center;gap:16px}.spinner{width:17px;height:17px;border:2px solid #aacdb655;border-top-color:#baf5ce;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){main{padding-top:45px}.hero{min-height:315px}.hero h2{font-size:38px}.template-art{height:135px}}
@media(max-width:1150px){:root{--side:190px}.brand{padding:0 7px;gap:7px}.brand-name{font-size:22px}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 25px}main{padding:28px 27px 20px}.season{display:none}.hero h2{font-size:29px}.hero-content{max-width:77%;padding:28px}.step{gap:8px;padding-left:0}.step:not(:last-child):after{right:8px}.step b{font-size:11px}.step small{font-size:9px}.steps{padding:16px}.workspace{grid-template-columns:minmax(0,1fr) 275px;gap:13px}.top-actions{gap:14px}.search-button{font-size:11px}.search-button kbd{margin-left:5px}}
@media(max-width:900px){.search-button span,.search-button kbd,.top-help span{display:none}.template-grid{gap:10px}.template-body{padding:12px}.template-body p{min-height:32px}.template-meta{font-size:8px}.hero h2{font-size:27px}.workspace{grid-template-columns:minmax(0,1fr)}.plan-panel{display:grid;grid-template-columns:150px 1fr}.plan-visual{height:100%;min-height:230px}.plan-visual:after{padding:10px;text-align:center}.plan-panel .panel-heading{grid-column:1/-1}.plan-fields{padding:16px 20px}.plan-fields .field-row{grid-template-columns:repeat(2,1fr)}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;display:flex;gap:4px;flex-wrap:wrap;align-items:center}.guide-toc h3{margin:0 8px}.guide-toc a{padding:8px}.library-card{flex-wrap:wrap}.library-actions{width:100%;padding-left:89px}.code-layout{grid-template-columns:165px 1fr}.result-banner{flex-wrap:wrap}.result-banner .primary{margin-left:52px}.hero-content{max-width:90%}.hero p{font-size:11px}}
@media(max-width:680px){:root{--side:0px}.sidebar{transform:translateX(-100%);width:235px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 70px #0009}.shell{margin-left:0}.topbar{height:62px;padding:0 18px;gap:12px}.menu-button{display:inline-grid}.crumb{margin-right:auto;font-size:12px;gap:8px}.top-actions{gap:12px}.top-help{display:none}.top-actions .mode-badge{font-size:9px}.top-actions .search-button{padding:3px}.world-backdrop{left:0;top:62px}main{padding:25px 18px 19px}.eyebrow{font-size:10px;letter-spacing:1.8px}.page-heading{margin-bottom:21px}.page-heading h1{font-size:25px;line-height:1.5;margin-bottom:9px}.page-heading p{font-size:11px;line-height:1.9;max-width:290px}.hero{min-height:279px}.hero-content{padding:25px 22px;max-width:100%}.hero h2{font-size:29px}.hero p{font-size:11px;line-height:2;max-width:260px}.hero:before{background-position:58% center}.hero:after{background:linear-gradient(90deg,#102218f5,#102218aa 75%,#10221855)}.hero-label{font-size:9px;margin-bottom:15px}.hero-world-label{display:none}.hero-actions{gap:17px}.hero .primary{font-size:11px;padding:10px 13px}.hero-actions .text-button{font-size:11px}.hero-credit{font-size:7px}.steps{padding:15px 10px;gap:8px;margin-bottom:25px;align-items:start}.step{flex-direction:column;align-items:flex-start;gap:8px;padding:0 5px}.step:not(:last-child):after{top:3px;right:3px;font-size:21px}.step b{font-size:10px;line-height:1.6}.step small{font-size:8px;line-height:1.7;display:block;max-width:90px}.step-number{width:24px;height:24px;font-size:12px}.section-title h2{font-size:16px}.section-title p{font-size:10px;line-height:1.8}.section-title .text-button{font-size:10px}.create-box{padding:14px}.create-box textarea{font-size:12px;min-height:65px}.composer-hint{font-size:9px}.idea-chips{gap:6px;margin-bottom:25px}.chip{font-size:9px;padding:6px 8px}.template-grid{grid-template-columns:1fr}.home-templates .template-card{display:grid;grid-template-columns:115px 1fr}.home-templates .template-art{height:100%;min-height:140px}.home-templates .template-art:after{display:none}.home-templates .template-body{padding:17px 15px}.template-body h3{font-size:14px}.template-body p{font-size:11px;min-height:unset}.template-meta{font-size:9px}.template-art{height:160px}.template-art .pixel-icon{width:72px;height:72px}.template-art .card-label{font-size:8px;left:8px;top:8px}.bottom-guide{padding:15px 13px;gap:9px;align-items:flex-start}.guide-icon{width:29px;height:29px;flex-shrink:0}.guide-icon svg{width:17px}.bottom-guide h3{font-size:11px}.bottom-guide p{font-size:9px}.bottom-guide .text-button{font-size:9px;gap:3px;align-self:center}.bottom-guide .text-button svg{width:11px}footer{flex-direction:column;gap:5px;font-size:8px}.footer-links{gap:13px}.toast{left:50%;font-size:12px;width:max-content;max-width:90vw;padding:12px 16px}.workspace-head h1{font-size:19px}.workspace-head p{font-size:9px;max-width:220px;line-height:1.8}.saved-label{font-size:9px}.saved-label-row{gap:6px}.saved-label-row .secondary{padding:8px;font-size:10px}.workflow{padding:12px 10px}.workflow-step{font-size:9px;gap:5px}.workflow-step b{width:18px;height:18px;font-size:9px}.workflow-step:not(:last-child):after{margin:0 7px}.plan-panel{display:block}.plan-visual{height:110px;min-height:0}.plan-fields{padding:17px}.messages{padding:19px 14px;min-height:250px;max-height:430px}.message-text{font-size:12px}.panel-heading{font-size:12px;padding:14px}.guide-content{padding:20px}.guide-content h2{font-size:18px}.guide-content li,.guide-content p{font-size:11px}.guide-toc{padding:10px}.guide-toc h3{font-size:11px}.guide-toc a{font-size:10px}.filter-tabs{gap:6px;flex-wrap:wrap}.filter{font-size:11px;padding:7px 11px}.library-card{padding:16px;gap:12px}.library-art{width:55px;height:55px}.library-info h3{font-size:13px}.library-info p{font-size:9px;line-height:1.8}.library-actions{padding-left:0;justify-content:flex-end}.result-banner{padding:18px;gap:10px}.result-banner>svg{width:28px}.result-banner h2{font-size:16px}.result-banner p{font-size:10px}.result-banner .primary{margin:5px 0 0 38px;font-size:11px}.code-layout{grid-template-columns:1fr}.file-list{border-right:0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:3px;padding:10px}.file-list h3{width:100%;margin:4px 4px 7px}.file-button{width:auto;max-width:100%;font-size:10px;padding:6px}.code-title{font-size:9px;padding:10px}.code-area pre{font-size:11px;line-height:1.8;padding:13px}.result-actions{flex-wrap:wrap}.notice{font-size:10px}.modal-backdrop{padding:14px}.modal-body{padding:10px 23px 24px}.modal h2{font-size:22px}.modal p{font-size:12px}.onboard-art{height:145px;padding-left:23px}.modal-inner{padding:24px 21px}.search-modal{margin-top:8vh}.search-input-wrap input{font-size:13px}.skip{left:20px}}
/* The four depth layers use screenshots published on Terraria's official Steam page. */
body{position:relative;isolation:isolate;min-height:100vh}
.world-backdrop{top:76px;bottom:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(#14281e 0%,#1c2218 26%,#101c25 61%,#32170f 100%)}
.world-backdrop>div{height:auto;flex:1;min-height:0;opacity:.3;background-size:cover;background-position:center;image-rendering:pixelated;mask-image:linear-gradient(transparent,#000 16%,#000 85%,transparent)}
.world-backdrop .world-surface{background-image:url('./assets/surface.jpg');opacity:.23}
.world-backdrop .world-underground{background-image:url('./assets/underground.jpg');opacity:.38}
.world-backdrop .world-cavern{background-image:url('./assets/cavern.jpg');opacity:.32}
.world-backdrop .world-underworld{background-image:url('./assets/underworld.jpg');opacity:.42}
.hero:before{background-image:url('./assets/surface.jpg');background-size:140% auto;background-position:left 58%}
.world-backdrop .world-surface{background-size:140% auto;background-position:left 58%}
.hero:after{background:linear-gradient(90deg,#111d16 0%,#111d16ed 22%,#111d16a0 47%,#0a14131a 80%),linear-gradient(0deg,#10231880,transparent)}
.onboard-art{background-image:linear-gradient(0deg,#17221a,transparent 80%),url('./assets/surface.jpg')}
.brand-sub{font-size:9px;letter-spacing:1.5px;white-space:nowrap}.version-card>div svg{width:12px;height:12px;margin-left:auto}.version-card>div{white-space:nowrap;font-size:11px}
.brand-mark{flex:0 0 32px;object-fit:contain;image-rendering:pixelated}
.depth-strip{display:flex;align-items:center;justify-content:space-between;color:#769282;font-size:9px;letter-spacing:1px;margin:0 0 20px;gap:10px}.depth-strip span{display:flex;align-items:center;gap:6px;white-space:nowrap}.depth-strip i{height:1px;background:linear-gradient(90deg,#8abca240,#a97a4740);flex:1}.depth-strip b{font-weight:400;color:#ae8c75}.primary,.secondary,.mode-badge{white-space:nowrap}.crumb{white-space:nowrap}
@media(max-width:680px){.world-backdrop{top:62px}.world-backdrop .world-surface{background-size:cover;background-position:40% center}.hero:before{background-size:auto 150%;background-position:35% 50%;background-repeat:no-repeat}.hero:after{background:linear-gradient(90deg,#102218f5,#102218aa 75%,#10221855)}.depth-strip{font-size:8px;gap:6px;letter-spacing:0}.depth-strip span{gap:3px}}
@media(max-width:400px){.crumb{font-size:0;gap:0}.crumb>svg{display:none}.crumb strong{font-size:12px}.topbar{padding:0 15px;gap:8px}.top-actions{gap:9px}.hero h2{font-size:26px}.hero-actions{gap:11px}.hero .primary{font-size:10px;padding:10px}.hero-actions .text-button{font-size:10px}.section-head-extra{gap:5px}.section-title h2{font-size:15px}.tiny-tag{font-size:8px}.section-title .text-button{font-size:9px}.workspace-head .secondary{font-size:10px;padding:9px}.workspace-head h1{font-size:18px}.saved-label{font-size:8px}.depth-strip{font-size:7px;gap:4px}.depth-strip i{min-width:3px}}
/* Inventory sprites are displayed at whole-number multiples of their pixel grid. */
.pixel-icon{width:96px;height:96px;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #090e1233)}
.template-art{height:134px}.template-card:hover .pixel-icon{transform:translateY(-4px)}
.plan-visual{height:138px}.library-art .pixel-icon{width:48px;height:48px}
.template-art.blue{background:radial-gradient(ellipse at 50% 100%,#609e542a,transparent 67%),#192c22}
@media(min-width:1600px){.template-art{height:146px}}
@media(max-width:900px) and (min-width:681px){.plan-visual{height:100%}}
@media(max-width:680px){.template-art .pixel-icon{width:96px;height:96px}.home-templates .template-art{min-height:151px}.template-art{height:160px}.plan-visual{height:138px}.library-art .pixel-icon{width:48px;height:48px}}
/* Official landscape illustrations overlap across broad, continuous fades. */
.world-backdrop{display:block;background:linear-gradient(180deg,#1c3328 0%,#182b23 20%,#222125 43%,#172433 62%,#23182c 80%,#3c201b 100%)}
.world-backdrop>div{position:absolute;left:0;right:0;height:40%;min-height:0;background-size:cover;background-position:center;image-rendering:auto;background-repeat:no-repeat;mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 65%,transparent 100%)}
.world-backdrop .world-surface{top:0;height:38%;background-image:url('./assets/surface.jpg');background-size:cover;background-position:center 52%;opacity:.39;mask-image:linear-gradient(#000 0%,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 50%,transparent 100%)}
.world-backdrop .world-forest{top:12%;background-image:url('./assets/forest.jpg');opacity:.27}
.world-backdrop .world-underground{top:28%;background-image:url('./assets/underground.jpg');opacity:.44}
.world-backdrop .world-cavern{top:44%;background-image:url('./assets/cavern.jpg');opacity:.37}
.world-backdrop .world-crystal{top:60%;background-image:url('./assets/crystal-caverns.png');opacity:.35}
.world-backdrop .world-underworld{top:76%;height:36%;overflow:hidden;background-image:none;opacity:.43;mask-image:linear-gradient(transparent 0%,#000 45%,#000 100%);-webkit-mask-image:linear-gradient(transparent 0%,#000 45%,#000 100%)}
/* Crop the illustration's printed white frame at every viewport aspect ratio. */
.world-backdrop .world-underworld:before{content:'';position:absolute;inset:-6%;background:url('./assets/underworld.jpg') center 61%/cover no-repeat}
.world-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b140d77,#0b11131a 55%,#100f1622)}
.hero:before{background-size:cover;background-position:center 54%;image-rendering:auto}
.hero:after{background:linear-gradient(90deg,#112319f5 0%,#112319d9 25%,#11231970 61%,#122c2115 100%),linear-gradient(0deg,#0f211a66,transparent)}
.hero-content{max-width:70%}.hero h2{margin-bottom:13px}.hero{min-height:265px}.page-heading{margin-bottom:21px}
.creation-templates{margin:25px 0 28px}.creation-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.creation-template{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px 15px;border:1px solid #b5d7c122;border-radius:8px;background:#15241cdd;transition:border-color .2s,background .2s}.creation-template:hover{border-color:#a3e4bb80;background:#233b2ccc}.creation-template-icon{color:#a3e4bb;margin-bottom:12px}.creation-template-icon svg{width:20px;height:20px}.creation-template strong{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px;font-weight:550;color:#d1e6d7;margin-bottom:8px}.creation-template strong svg{width:13px;height:13px;color:#91b29c}.creation-template>span:not(.creation-template-icon){font-size:11px;color:#9cb6a6;line-height:1.8}.creation-template small{font-size:9px;color:#729682;line-height:1.8;margin-top:7px}.draft-scope{display:flex;align-items:flex-start;gap:7px;padding:12px;border:1px solid #c5c48724;border-radius:6px;background:#c5c48708;font-size:11px;color:#b3b294;line-height:1.9;margin:17px 0}.draft-scope svg{width:14px;height:14px;margin-top:3px;flex-shrink:0}
.plan-panel[data-draft="true"] .plan-visual:after{content:'角色概念示意'}
@media(max-width:900px){.creation-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{max-width:88%}}
@media(max-width:680px){.creation-template{padding:14px 12px}.creation-template strong{font-size:13px}.creation-template>span:not(.creation-template-icon){font-size:10px}.creation-template small{font-size:9px}.hero-content{max-width:100%}.hero:before{background-size:auto 115%;background-position:56% center}.world-backdrop .world-underworld{background-size:auto 115%}.creation-templates{margin:23px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* A single scrollable row keeps the six inspiration categories within reach. */
.creation-template-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 33px)/4);overflow-x:scroll;overflow-y:hidden;padding:2px 0 15px;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:#8fbba0 #102219;overscroll-behavior-x:contain}
.creation-template-grid:focus-visible{outline:1px solid #a3e4bb80;outline-offset:5px;border-radius:7px}
.creation-template-grid::-webkit-scrollbar{height:8px}.creation-template-grid::-webkit-scrollbar-track{background:#102219;border-radius:10px}.creation-template-grid::-webkit-scrollbar-thumb{background:#6d9c80;border-radius:10px;border:2px solid #102219}.creation-template-grid::-webkit-scrollbar-thumb:hover{background:#a3e4bb}
.creation-template{scroll-snap-align:start;min-width:0}.template-scroll-hint{display:flex;align-items:center;gap:7px;color:#9cbaa7;font-size:10px;white-space:nowrap}.template-scroll-hint svg{width:13px;height:13px}.functional-draft .plan-visual:after{content:'功能概念示意'!important}.draft-symbol{width:58px;height:58px;color:#a3e4bb;stroke-width:1.2}
@media(max-width:900px){.creation-template-grid{grid-template-columns:none;grid-auto-columns:calc((100% - 22px)/3)}}
@media(max-width:680px){.creation-template-grid{grid-auto-columns:calc((100% - 11px)/2);gap:11px}.template-scroll-hint{font-size:9px;gap:4px}.creation-templates .section-title{align-items:flex-start}.creation-template{min-height:137px}.creation-template strong{font-size:13px}}
/* Selected official Aetherium architecture: keep the palace visible beside copy. */
.hero:before{background-image:url('./assets/hero-shimmer.png');background-size:cover;background-position:center 48%;background-repeat:no-repeat;image-rendering:pixelated}
.hero:after{background:linear-gradient(90deg,#102218f5 0%,#102218d9 25%,#10221880 47%,#10221812 78%),linear-gradient(0deg,#1022184d,transparent)}
@media(max-width:680px){.hero:before{background-size:cover;background-position:70% center}.hero:after{background:linear-gradient(90deg,#102218ed,#102218b3 48%,#10221833),linear-gradient(0deg,#1022184d,transparent)}}
/* Warm ember gradient and fine gold dust for the Starfall Blade card. */
.template-art.mint{background:radial-gradient(ellipse at 30% 12%,#ffcb6b26,transparent 65%),linear-gradient(135deg,#ba7034 0%,#aa4930 44%,#7c2533 100%)}
.template-art.mint:before{background-image:radial-gradient(circle,#fff1c6c0 0 .65px,transparent 1.15px),radial-gradient(circle,#ffd47b9c 0 .55px,transparent 1px),radial-gradient(circle,#fff7d78c 0 .7px,transparent 1.25px);background-size:47px 53px,71px 37px,93px 67px;background-position:8px 11px,29px 7px,14px 33px;mask-image:linear-gradient(90deg,#0009,#000 50%,#0009);opacity:.65;pointer-events:none}
.template-art.mint:after{content:'';inset:0;background:radial-gradient(circle at 18% 26%,#fff1c599 0 1px,transparent 2px),radial-gradient(circle at 81% 68%,#ffe2a580 0 .8px,transparent 1.8px);text-shadow:none;pointer-events:none}
/* Cyan-to-violet magic and delicate gold dust frame the gilded necklace. */
.template-art.purple{background:radial-gradient(ellipse at 20% 12%,#8af3e926,transparent 62%),linear-gradient(120deg,#237e85 0%,#3b667e 40%,#65468a 73%,#7b3d90 100%)}
.template-art.purple:before{background-image:radial-gradient(circle,#ffe6a6d9 0 .65px,transparent 1.2px),radial-gradient(circle,#efbf66b3 0 .55px,transparent 1.05px),radial-gradient(circle,#fff0bcc7 0 .7px,transparent 1.3px);background-size:43px 47px,67px 39px,89px 61px;background-position:9px 7px,27px 19px,14px 31px;mask-image:linear-gradient(100deg,#000b,#000 52%,#000b);opacity:.8;pointer-events:none}
.template-art.purple:after{content:'';inset:0;background:radial-gradient(circle at 19% 29%,#fff0bccc 0 .9px,transparent 2px),radial-gradient(circle at 82% 71%,#ffdc94b3 0 .8px,transparent 1.8px);text-shadow:none;pointer-events:none}
/* Warm yellow flows into leaf green around the hissing orange cat. */
.template-art.citrus{background:radial-gradient(ellipse at 22% 12%,#fff2aa3d,transparent 65%),linear-gradient(115deg,#caa149 0%,#b3ac4d 35%,#71974b 66%,#39764d 100%)}
.template-art.citrus:before{background-image:radial-gradient(circle,#fff2c8bf 0 .6px,transparent 1.15px),radial-gradient(circle,#f6d9819c 0 .55px,transparent 1.1px),radial-gradient(circle,#e5f3bf80 0 .7px,transparent 1.25px);background-size:53px 47px,79px 59px,97px 73px;background-position:11px 9px,32px 24px,18px 37px;mask-image:linear-gradient(100deg,#000b,#000 52%,#000b);opacity:.75;pointer-events:none}
.template-art.citrus:after{content:'';inset:0;background:radial-gradient(circle at 18% 66%,#ffeab0aa 0 .9px,transparent 2px),radial-gradient(circle at 81% 27%,#e3f2bfa6 0 .8px,transparent 1.8px);text-shadow:none;pointer-events:none}
/* The generated CF blade and cat use a 64-cell grid at exact 2x display size. */
.pixel-icon[data-sprite="maodie"],.pixel-icon[data-sprite="tulong"]{width:128px;height:128px}
.library-art .pixel-icon[data-sprite="maodie"],.library-art .pixel-icon[data-sprite="tulong"]{width:48px;height:48px}
/* Open conversations begin with a quiet canvas, not a preselected item. */
.pending-plan{display:block!important}.pending-plan .panel-heading{justify-content:space-between;gap:7px}.pending-plan .panel-heading>svg{flex-shrink:0}.pending-plan .mode-badge{margin-left:auto;white-space:nowrap}
.pending-plan-body{padding:31px 22px 25px;text-align:center}.idea-orbit{width:76px;height:76px;border:1px dashed #a3e4bb38;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:radial-gradient(circle,#a3e4bb14,transparent 70%)}.idea-orbit svg{width:29px;height:29px;color:#c2e9cd}.pending-plan h2{font-size:16px;line-height:1.7;margin:0 0 11px;font-weight:550}.pending-plan-body>p{font-size:12px;color:#93aa9b;line-height:2.1;margin:0}.open-creation-note{border-top:1px solid #a3e4bb18;padding-top:19px;margin-top:26px;font-size:10px;color:#8caa97;display:flex;gap:7px;justify-content:center;align-items:center}.open-creation-note svg{width:13px;height:13px}.emerging-idea{text-align:left;border:1px solid #a3e4bb25;border-radius:7px;padding:13px;margin-top:21px;background:#a3e4bb06}.emerging-idea strong{font-size:13px;color:#c7e8d1}.emerging-idea p{font-size:12px;line-height:1.9;color:#a6c0af;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0}
.appearance-placeholder{display:grid;place-items:center;gap:12px;color:#a7c3b1;font-size:11px}.appearance-placeholder>svg{width:31px;height:31px}.plan-visual:has(.appearance-placeholder):after{display:none}.plan-visual:has(.palette-applied):after{content:'配色示意 · 非专属贴图'}.library-art>svg:not(.pixel-icon){width:28px;height:28px;color:#b7ddc3}
.palette-editor{border-top:1px solid #a3e4bb18;border-bottom:1px solid #a3e4bb18;background:#101d16}.palette-editor summary{padding:14px 17px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;color:#c4decf;list-style:none}.palette-editor summary::-webkit-details-marker{display:none}.palette-editor summary>svg{width:15px;height:15px}.palette-editor summary>span{font-size:9px;color:#8ba995;margin-left:auto}.palette-editor summary:after{content:'＋';font-size:16px;color:#a3d4b5}.palette-editor[open] summary:after{content:'−'}.palette-body{padding:0 16px 17px}.palette-preview{height:126px;display:grid;place-items:center;border:1px solid #b6d7c121;border-radius:7px;background:repeating-conic-gradient(#203128 0% 25%,#19291f 0% 50%) 0/16px 16px}.palette-preview>.pixel-icon{width:96px;height:96px}.palette-preview>svg:not(.pixel-icon){width:25px;height:25px;color:#b1d0ba}.palette-disclaimer{font-size:10px;color:#8fa697;line-height:1.9;margin:11px 0 15px}.palette-controls{display:grid;gap:9px}.palette-row{display:flex;align-items:center;gap:9px}.palette-row label{font-size:11px;color:#afc6b6;width:31px}.palette-row input[type=color]{width:33px;height:30px;padding:2px;border:1px solid #a3e4bb38;border-radius:5px;background:#122119;cursor:pointer;flex-shrink:0}.palette-row input[type=text]{min-width:0;width:100%;padding:7px 9px;font:12px monospace;color:#c4dccd;border:1px solid #a3e4bb24;border-radius:5px;background:#101d16}.palette-row input[aria-invalid=true]{border-color:#d8a17b}.palette-footer{margin-top:15px;display:grid;gap:9px}.palette-footer button{font-size:11px;width:max-content}.palette-status{font-size:9px;color:#92b29e;line-height:1.8}.color-orb{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--orb-light),var(--orb-main) 36%,var(--orb-secondary) 86%);box-shadow:0 0 20px color-mix(in srgb,var(--orb-main) 25%,transparent)}
@media(max-width:900px){.plan-panel:has(.palette-editor){display:block}.pending-plan-body{padding:25px}.pending-plan .idea-orbit{width:58px;height:58px;margin-bottom:15px}}
.palette-entry{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:13px 16px;border-top:1px solid #a3e4bb18;border-bottom:1px solid #a3e4bb18;background:#101d16}.palette-entry .text-button{font-size:11px}.palette-entry>span{font-size:9px;color:#88a492}.palette-entry svg{width:13px;height:13px}.plan-panel:has(.palette-entry){display:block}
.palette-modal{width:410px;max-width:100%;max-height:calc(100dvh - 28px);overflow:auto}.palette-modal .modal-inner{padding:25px 26px}.palette-modal h2{font-size:22px;margin-bottom:8px}.palette-modal p.palette-dialog-intro{font-size:12px;line-height:1.9;margin:0 0 15px}.palette-modal .palette-preview{height:122px}.palette-modal p.palette-disclaimer{font-size:10px;margin:9px 0 14px;line-height:1.7}.palette-modal .palette-row label{width:36px}.palette-modal .palette-row input[type=color]{width:37px;height:33px}.palette-modal .palette-row input[type=text]{font-size:13px;padding:8px 11px}.palette-modal .palette-controls{gap:9px}.palette-modal .palette-footer{margin-top:14px}.palette-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:21px;padding-top:17px;border-top:1px solid #a3e4bb1f}.palette-dialog-actions .primary,.palette-dialog-actions .secondary{font-size:12px;padding:10px 12px}
.weapon-picker{width:558px;max-width:100%;max-height:calc(100dvh - 28px);overflow:auto}.weapon-picker .modal-inner{padding:27px 27px 22px}.weapon-picker h2{font-size:24px;margin-bottom:7px}.weapon-picker p.weapon-picker-intro{font-size:12px;line-height:1.8;margin:0 0 19px}.weapon-type-groups{display:grid;gap:0}.weapon-type-group{display:grid;grid-template-columns:79px 1fr;gap:13px;padding:13px 0;border-top:1px solid #b5d7c11b}.weapon-type-group h3{font-size:13px;font-weight:600;margin:2px 0 5px;color:#c6e8cf}.weapon-type-group small{display:block;font-size:9px;line-height:1.7;color:#829e8d}.weapon-type-options{display:flex;flex-wrap:wrap;gap:7px;align-content:start}.weapon-type-options .chip{font-size:11px;line-height:1.5;padding:7px 10px;margin:0;border-color:#a3e4bb30;background:#a3e4bb06;color:#b9d6c2}.weapon-type-options .chip:hover,.weapon-type-options .chip:focus-visible{border-color:#a3e4bb99;background:#a3e4bb16;color:#e3f8e9}.weapon-type-group[data-weapon-group=ranged] h3{color:#b6d7ef}.weapon-type-group[data-weapon-group=magic] h3{color:#ccb8ea}.weapon-type-group[data-weapon-group=summon] h3{color:#ebd4a3}.weapon-type-group[data-weapon-group=other] h3{color:#b8bfc6}.weapon-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:17px;border-top:1px solid #b5d7c11b}.weapon-picker-footer .text-button{font-size:11px}.weapon-picker-footer a{font-size:10px;color:#8eaa99;display:flex;gap:4px;align-items:center}.weapon-picker-footer a svg{width:11px;height:11px}
@media(max-width:480px){.weapon-picker .modal-inner{padding:24px 20px 19px}.weapon-picker h2{font-size:21px}.weapon-type-group{grid-template-columns:62px 1fr;gap:10px;padding:12px 0}.weapon-type-options{gap:6px}.weapon-type-options .chip{padding:6px 8px;font-size:10px}.weapon-type-group small{font-size:8px}.palette-modal .modal-inner{padding:23px 21px}.palette-dialog-actions .primary,.palette-dialog-actions .secondary{font-size:11px;padding:10px}.weapon-picker-footer{gap:7px}.weapon-picker-footer .text-button{font-size:10px}}
.accessory-picker{width:508px}.accessory-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.accessory-type-option{border:1px solid #a3e4bb27;background:#a3e4bb05;text-align:left;padding:11px 12px;border-radius:6px;color:#c8e3d1;transition:background .2s,border-color .2s}.accessory-type-option:hover,.accessory-type-option:focus-visible{border-color:#a3e4bb88;background:#a3e4bb13}.accessory-type-option strong{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:550;margin-bottom:6px}.accessory-type-option strong svg{width:12px;height:12px;color:#8dac98}.accessory-type-option small{display:block;font-size:9px;color:#87a492;line-height:1.6}.accessory-picker p.accessory-type-note{font-size:9px;color:#829c8c;margin:12px 0;line-height:1.7}
.chat-retry{margin-top:13px;padding:7px 11px;border:1px solid #a3e4bb44;border-radius:5px;color:#c3e8cf;font-size:12px;background:#a3e4bb0b}.chat-retry:hover,.chat-retry:focus-visible{background:#a3e4bb1a;border-color:#a3e4bb88}
/* Homepage inspiration carousel: shared actions remain available during motion. */
.hero.hero-carousel{display:block;height:320px;min-height:320px}
.hero-carousel:before,.hero-carousel:after{display:none}
.hero-track{position:absolute;inset:0;display:flex;transition:transform .65s cubic-bezier(.22,.68,.25,1);will-change:transform}
.hero-slide{flex:0 0 100%;min-width:0;height:100%;position:relative;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-image.pixel-scene{image-rendering:pixelated}
.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102218f2 0%,#102218d9 24%,#10221880 47%,#10221812 80%),linear-gradient(0deg,#10221880,transparent 50%)}
.hero-slide .hero-content{position:relative;z-index:1;padding:30px 34px;max-width:76%}
.hero-carousel .hero-actions{position:absolute;z-index:2;left:34px;bottom:52px}
.hero-pagination{position:absolute;z-index:3;bottom:9px;left:50%;transform:translateX(-50%);display:flex;gap:2px;padding:0 5px;background:#09170d66;border:1px solid #d9ffe014;border-radius:5px;backdrop-filter:blur(8px)}
.hero-dot{width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;padding:0;cursor:pointer}
.hero-dot span{display:block;width:9px;height:9px;border:1px solid #dcf7e0a8;background:#15352280;border-radius:1px;transition:background .2s,box-shadow .2s}
.hero-dot[aria-pressed=true] span{background:#b5efc5;border-color:#dbffe3;box-shadow:0 0 9px #a4f3bd70}
.hero-dot:hover span{border-color:white;background:#b5efc580}
.hero-dot:focus-visible,.hero-playback:focus-visible{outline:2px solid #c2f4ce;outline-offset:0;border-radius:3px}
.hero-playback{position:absolute;z-index:3;right:12px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #d9ffe028;border-radius:4px;background:#09170d80;color:#d5e9d9;cursor:pointer}
.hero-playback svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.hero-playback .hero-play-icon{display:none}
.hero-carousel[data-paused=true] .hero-pause-icon{display:none}
.hero-carousel[data-paused=true] .hero-play-icon{display:block}
@media(min-width:1600px){.hero.hero-carousel{height:340px}.hero-slide .hero-content{padding-top:31px}}
@media(max-width:1150px){.hero-slide .hero-content{padding:28px;max-width:88%}.hero-carousel .hero-actions{left:28px}}
@media(max-width:680px){.hero.hero-carousel{height:340px}.hero-slide .hero-content{padding:26px 22px;max-width:100%}.hero-slide:after{background:linear-gradient(90deg,#102218e8,#102218b3 48%,#10221833),linear-gradient(0deg,#10221899,transparent)}.hero-carousel .hero-actions{left:22px;right:18px;gap:14px;bottom:56px}.hero-carousel .hero-primary{padding:10px}.hero-slide h2{font-size:26px;letter-spacing:0}.hero-slide p{max-width:310px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-track{transition:none}.hero-dot span{transition:none}}

/* Original sprites keep their pixel edges and share a stable icon slot. */
.creation-template-icon{display:flex;align-items:center;justify-content:flex-start;min-height:56px;height:56px;flex-shrink:0}
.inspiration-game-icon{display:block;flex-shrink:0;image-rendering:pixelated;object-fit:contain}
.tool-picker{width:540px}
.tool-picker .accessory-type-note{line-height:1.8}
.mount-picker{width:420px}
.mount-picker .accessory-type-grid{grid-template-columns:1fr}
.mount-picker .accessory-type-option{padding:13px 14px}
.summoning-picker{width:460px}
.summoning-picker .accessory-type-grid{grid-template-columns:1fr}
.summoning-picker .accessory-type-option{padding:13px 14px}
.follower-picker{width:460px}
.follower-picker .accessory-type-grid{grid-template-columns:1fr}
.follower-picker .accessory-type-option{padding:12px 14px}
.follower-source-links{display:flex;gap:10px;flex-shrink:0}

/* Keep the reversible conversation exit reachable while a reply is running. */
.workspace-head .saved-label-row{flex-wrap:wrap;justify-content:flex-end}.end-chat{white-space:nowrap}
@media(max-width:680px){.workspace-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.workspace-head .saved-label-row{justify-content:flex-start}}

.storage-load-error{padding:16px 20px;margin-bottom:20px;border:1px solid var(--theme-line,#809887);border-radius:12px;background:var(--theme-surface,#294b3d);color:var(--theme-ink,#fff);font-size:14px;line-height:1.8}