@font-face{font-family:Butter Brand;src:url(/assets/Brand.otf)format("opentype");font-display:swap}@font-face{font-family:Parabole;src:url(/assets/Parabole.ttf)format("truetype");font-display:swap}:root{color:#405a46;font-synthesis:none;background:#a6d5c3;font-family:HONOR Sans CN,Noto Sans TC,PingFang TC,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(125deg,#eefae029,#ffe6da1f),url(/assets/meadow.jpg) 50%/cover fixed;min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 8%,#fffbd06b,#0000 30%),linear-gradient(#0000 45%,#2a5b452b);position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0}a{color:inherit}:focus-visible{outline-offset:3px;outline:2px solid #416d4f}[hidden]{display:none!important}.site-shell{width:min(1600px,100% - 44px);margin:auto;padding:18px 0 22px;position:relative}.masthead{justify-content:space-between;align-items:center;gap:20px;padding:0 9px 15px;display:flex}.brand{color:#3e5944;align-items:center;gap:9px;display:flex}.brand-flower{font-size:21px;line-height:1}.brand strong{letter-spacing:.18em;text-transform:uppercase;font-size:16px;font-weight:700;display:block}.brand small{letter-spacing:.25em;margin-top:3px;font-size:9px;display:block}.masthead-note{color:#32553dd1;letter-spacing:.12em;font-size:11px}.masthead-note span{color:#fff0aa}.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,430px);grid-template-areas:"preview controls";align-items:start;gap:22px;display:grid}.glass{-webkit-backdrop-filter:blur(30px)saturate(1.2);backdrop-filter:blur(30px)saturate(1.2);background:linear-gradient(135deg,#effaf2d4,#def2ebb8 51%,#ffe5ef94);border:1px solid #ffffff9e;border-radius:28px;box-shadow:inset 0 1px #ffffffd9,0 27px 75px #1c454130}.controls{scrollbar-width:thin;scrollbar-color:#92ad9b transparent;grid-area:controls;max-height:calc(100vh - 104px);padding:22px 24px 20px;overflow-y:auto}.panel-intro{padding:0 3px 16px}.panel-intro p,.preview-top p{color:#6c927a;letter-spacing:.19em;margin:0 0 7px;font-size:10px;font-weight:800}.panel-intro h1{margin:0;font:400 clamp(33px,3.3vw,43px)/1.04 Butter Brand,Parabole,Georgia,serif}.panel-intro>span{color:#668271;margin-top:10px;font-size:12px;line-height:1.6;display:block}.control-section{border-top:1px solid #587f6633;padding:14px 2px 15px}.section-heading{align-items:center;gap:10px;display:flex}.section-heading span,.fine-tune summary>span{color:#6c7b58;background:#ffefb6;border-radius:50%;place-items:center;width:22px;height:22px;font:700 10px Georgia,serif;display:grid}.section-heading h2{letter-spacing:.05em;margin:0;font-size:14px;font-weight:800}.section-help{color:#728a7a;margin:8px 0 11px;font-size:11px;line-height:1.55}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:2px;display:grid}.asset-tile{color:#5b7360;text-align:center;background:#ffffff5c;border:1px solid #ffffffb8;border-radius:14px;min-width:0;padding:5px 5px 6px;transition:background .2s,border-color .2s}.asset-tile:hover{background:#ffffff8c}.asset-tile.selected{background:#fff7dd;border-color:#70916f;box-shadow:inset 0 0 0 1px #70916f}.asset-tile img{aspect-ratio:1;object-fit:cover;object-position:50% 38%;background:#faf7ec;border-radius:9px;width:100%;display:block}.asset-tile span{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.upload-zone{text-align:center;cursor:pointer;background:#ffffff42;border:1px dashed #567e5f80;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:10px;transition:background .2s,border-color .2s;display:flex;position:relative}.upload-zone.wide{grid-column:span 2}.upload-zone.pill{border-radius:99px;flex-direction:row;gap:8px;min-height:44px;padding:8px 14px}.upload-zone:hover,.upload-zone.dragging,.upload-zone.has-file{background:#fff9e199;border-color:#6f9772}.upload-zone:focus-within{outline-offset:3px;outline:2px solid #416d4f}.upload-zone>span{font-size:17px;line-height:1}.upload-zone strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.upload-zone small{color:#728a7a;font-size:10px;line-height:1.4}.upload-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.source-credit{color:#728a7a;margin:10px 2px 0;font-size:10px;line-height:1.55}.upload-row{margin-top:10px}.segmented{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px;display:grid}.seg-btn{color:#587760;background:#ffffff54;border:1px solid #64896b36;border-radius:12px;min-width:0;min-height:36px;padding:5px 4px;font-size:11px;font-weight:700;transition:background .18s,border-color .18s,color .18s}.seg-btn:hover:not(:disabled){background:#ffffff94}.seg-btn.selected{color:#3f694e;background:#fff4cd;border-color:#739576;box-shadow:inset 0 0 0 1px #73957647}.segmented.round .seg-btn{border-radius:99px;min-height:34px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.preset-grid .seg-btn{min-height:38px}.preset-grid .dice{color:#6d7b50;background:#fff4cd80;justify-content:center;align-items:center;gap:5px;display:flex}.check-field{cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:11px;display:flex}.check-field input{accent-color:#64866d;width:16px;height:16px}.check-field small{color:#677d6f;font-size:10px}.checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin-top:8px;display:grid}.status-line{color:#52785e;align-items:flex-start;gap:7px;min-height:20px;margin-top:10px;font-size:11px;line-height:1.5;display:flex}.status-line:before{content:"";background:#77a77e;border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px;box-shadow:0 0 6px #77a77eb3}.status-line[data-kind=busy]:before{background:#e2b94a;animation:1.1s ease-in-out infinite pulse;box-shadow:0 0 6px #e2b94ab3}.status-line[data-kind=error]{color:#9a564c}.status-line[data-kind=error]:before{background:#c9776a;box-shadow:0 0 6px #c9776a99}.status-line[data-kind=idle]:before{box-shadow:none;background:#b5c5ba}@keyframes pulse{50%{opacity:.35}}.range-stack{gap:6px;margin-top:12px;display:grid}.range-field{gap:5px;display:grid}.range-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.range-top label{color:#63816b;font-size:11px;font-weight:750}.range-number{color:#789180;align-items:center;gap:4px;font-size:10px;display:flex}.range-number em{min-width:12px;font-style:normal}.range-number input{text-align:right;background:#ffffff80;border:1px solid #fff;border-radius:99px;width:64px;height:32px;padding:0 8px;font-size:11px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#ffe8a0e0;border-radius:99px;height:7px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#ffe393;border:1px solid #fff;border-radius:50%;width:17px;height:17px;margin-top:-5px;box-shadow:0 3px 8px #2d4c362e}input[type=range]::-moz-range-track{background:#ffe8a0e0;border-radius:99px;height:7px}input[type=range]::-moz-range-thumb{background:#ffe393;border:1px solid #fff;border-radius:50%;width:17px;height:17px}input[type=range]:disabled{cursor:not-allowed;opacity:.5}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #416d4f80,0 3px 8px #2d4c362e}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #416d4f80}.fine-tune{border-top:1px solid #587f6621;margin-top:12px}.fine-tune summary{cursor:pointer;color:#597d65;align-items:center;gap:8px;min-height:38px;padding-top:6px;font-size:11px;font-weight:700;list-style:none;display:flex}.fine-tune summary::-webkit-details-marker{display:none}.license-details summary::-webkit-details-marker{display:none}.fine-tune summary small{color:#677d6f;font-size:10px;font-weight:400}.fine-tune summary i{margin-left:auto;font-size:16px;font-style:normal;font-weight:400}.fine-tune[open] summary i{rotate:45deg}.fine-tune .range-stack{margin-top:8px}.region-list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.region-empty{color:#677d6f;margin:0;font-size:11px;line-height:1.5}.region-chip{color:#587760;background:#fff6;border-radius:99px;align-items:center;min-height:32px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #64896b36}.region-chip>button{color:inherit;background:0 0;min-height:32px}.region-chip .pick{border-radius:99px 0 0 99px;padding:0 6px 0 12px}.region-chip .drop{opacity:.7;border-radius:0 99px 99px 0;place-items:center;width:34px;height:32px;padding:0;font-size:14px;line-height:1;display:grid}.region-chip .drop:hover{opacity:1;color:#9a564c}.region-chip.selected{color:#3f694e;background:#fff4cd;box-shadow:inset 0 0 0 1px #739576}.region-settings{background:#ffffff57;border:1px solid #ffffffb3;border-radius:18px;margin-top:14px;padding:14px 14px 12px}.region-settings h3{color:#4a6c53;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;font-weight:800;display:flex}.region-settings h3 small{color:#677d6f;font-size:10px;font-weight:400}.field-label{color:#63816b;margin-bottom:6px;font-size:11px;font-weight:750;display:block}.region-settings .range-stack{margin-top:14px}.danger-button{color:#9a564c;background:#ffffff8c;border-radius:99px;width:100%;min-height:34px;margin-top:12px;font-size:11px;font-weight:700;transition:background .18s}.danger-button:hover{background:#ffeceb}.control-end{color:#587263;border-top:1px solid #587f6633;padding:14px 3px 0;font-size:10px;line-height:1.6}.control-end details{margin-top:2px}.control-end summary{cursor:pointer;text-underline-offset:2px;align-items:center;min-height:32px;text-decoration:underline;list-style:none;display:flex}.control-end summary::-webkit-details-marker{display:none}.control-end kbd{text-align:center;background:#ffffff8c;border:1px solid #64896b4d;border-radius:6px;min-width:18px;padding:1px 5px;font:10px/1.4 inherit;display:inline-block}.control-end p{margin:6px 0}.control-end a{text-underline-offset:2px;text-decoration:underline}.shortcut-list{grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin:6px 0 8px;display:grid}.preview{flex-direction:column;grid-area:preview;height:calc(100dvh - 104px);min-height:640px;padding:clamp(16px,1.6vw,22px) clamp(18px,2vw,28px);display:flex;position:sticky;top:18px}.preview-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 18px;display:flex}.preview-top h2{margin:0;font:400 clamp(30px,2.7vw,40px)/1.04 Parabole,Butter Brand,Georgia,serif}.tool-bar{background:#ffffff57;border:1px solid #ffffff9e;border-radius:99px;align-items:center;gap:4px;margin-left:auto;padding:4px;display:flex}.tool-btn{color:#587760;white-space:nowrap;background:0 0;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 13px;font-size:11px;font-weight:700;transition:background .18s,color .18s;display:inline-flex}.tool-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.tool-btn:hover:not(:disabled){background:#ffffff8c}.tool-btn.selected{color:#3f694e;background:#fff4cd;box-shadow:inset 0 0 0 1px #73957652,0 2px 8px #2d4c361a}.canvas-stage{background:#d2ece154;border:1px solid #ffffff57;border-radius:21px;flex-direction:column;flex:auto;align-items:center;gap:8px;min-height:0;margin:10px 0 8px;padding:10px 12px 8px;transition:border-color .2s,background .2s;display:flex;position:relative}.canvas-stage.dragging{background:#fff9e180;border-color:#6f9772}.canvas-holder{flex:auto;place-items:center;width:100%;min-height:0;display:grid}.canvas-wrap{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#faf7ec;border-radius:4px;position:relative;box-shadow:0 18px 42px #2b4e3b3b}.canvas-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#overlay-canvas{z-index:2}.canvas-veil{z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;opacity:0;background:#eefaec80;border-radius:4px;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.canvas-veil.on{opacity:1}.canvas-veil span{color:#4a6c53;background:#ffffffd1;border:1px solid #fffc;border-radius:99px;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;display:flex;box-shadow:0 8px 22px #2b4e3b29}.canvas-veil span:before{content:"";background:#e2b94a;border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite pulse}.canvas-note{color:#6f8d77;letter-spacing:.08em;text-align:center;flex:none;min-height:16px;font-size:10px}.preview-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:0 2px;display:flex}.preview-meta{gap:4px;min-width:0;display:grid}.preview-meta span{color:#7f968a;letter-spacing:.19em;font-size:10px}.preview-meta strong{font-size:12px;font-weight:600}.output-settings{color:#667f6f;white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.output-settings label{align-items:center;gap:6px;display:flex}.output-settings select{background:#ffffff80;border:1px solid #fffc;border-radius:99px;width:96px;height:34px;padding:0 10px;font-size:11px;box-shadow:inset 0 1px 5px #27503d0f}.export-actions{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,1fr);gap:9px;margin-top:10px;display:grid}.primary-button,.secondary-button{border-radius:99px;min-height:46px;padding:0 14px;font-size:12px;font-weight:700;transition:background .18s,transform .18s,box-shadow .18s}.primary-button{color:#fff9e7;background:linear-gradient(#5e8768,#456e52);justify-content:center;align-items:center;gap:14px;display:flex;box-shadow:0 9px 20px #2c52392e}.secondary-button{color:#52735a;background:#fff7dc}.secondary-button.quiet{background:#ffffff8c}.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 20px #2c523929}button:disabled{opacity:.5;cursor:not-allowed}.status{color:#52785e;flex-wrap:wrap;align-items:center;gap:4px 14px;min-height:20px;margin-top:6px;padding:0 3px;font-size:11px;display:flex}.status[data-kind=error]{color:#9a564c}.status #status-text{min-width:0}#retry-links{flex-wrap:wrap;gap:4px 14px;display:inline-flex}.retry-link{color:#466d52;text-underline-offset:2px;font-size:11px;text-decoration:underline}.site-footer{color:#fcffe7eb;text-align:center;letter-spacing:.1em;text-shadow:0 1px 5px #264d3873;padding:14px 5px 0;font:11px Georgia,serif}@media (width<=1040px){.site-shell{width:min(800px,100% - 28px)}.workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""controls"}.preview{height:auto;min-height:0;position:relative;top:auto}.controls{max-height:none}.canvas-stage{flex:none}.canvas-holder{flex:none;height:min(64vh,560px)}}@media (width<=600px){.site-shell{width:calc(100% - 18px);padding-top:12px}.masthead{padding:0 4px 12px}.brand strong{font-size:13px}.brand-flower{font-size:17px}.masthead-note{display:none}.workspace{gap:12px}.glass{border-radius:20px}.preview,.controls{padding:16px}.preview-top h2{font-size:32px}.tool-bar{justify-content:space-between;width:100%;margin-left:0}.tool-btn{flex:1 1 0;min-width:0;padding:0 6px}.canvas-stage{margin-top:12px;padding:12px}.canvas-holder{height:min(58vh,440px)}.preview-footer{align-items:flex-start}.export-actions{grid-template-columns:1fr 1fr}.export-actions .primary-button{grid-column:1/-1}.upload-zone small{display:none}}@media (width<=480px){.tool-btn svg{display:none}.output-settings{white-space:normal;flex-wrap:wrap}}@media (width<=380px){.preview-top h2{font-size:29px}.export-actions{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-zone.wide{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.canvas-stage.locked .canvas-wrap{cursor:progress}.canvas-stage.locked #overlay-canvas{pointer-events:none}