@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:#3e5b49;font-synthesis:none;background:#9cc7b5;font-family:HONOR Sans CN,Noto Sans TC,PingFang TC,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(125deg,#f4f8da2e,#ffdddc1a),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 16% 8%,#fffbd86b,#0000 31%),linear-gradient(#0000 40%,#22503c29);position:fixed;inset:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline-offset:3px;outline:2px solid #315d44}.site-shell{width:min(1600px,100% - 40px);margin:auto;padding:17px 0 20px;position:relative}.masthead{justify-content:space-between;align-items:center;gap:12px;padding:0 8px 14px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand-flower{font-size:23px}.brand strong{letter-spacing:.16em;font-size:16px;display:block}.brand small{letter-spacing:.19em;margin-top:2px;font-size:9px;display:block}.masthead-note{color:#4f765d;font-size:11px}.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,410px);align-items:start;gap:21px;display:grid}.glass{-webkit-backdrop-filter:blur(27px)saturate(1.15);backdrop-filter:blur(27px)saturate(1.15);background:linear-gradient(135deg,#f3faf2d9,#dff0e7c2 54%,#ffe4eda3);border:1px solid #ffffffa6;border-radius:27px;box-shadow:inset 0 1px #ffffffdb,0 24px 65px #1e44392b}.preview{flex-direction:column;min-width:0;height:calc(100dvh - 105px);min-height:660px;padding:18px 22px 15px;display:flex;position:sticky;top:12px}.preview-top{justify-content:space-between;align-items:start;gap:12px;margin-bottom:17px;display:flex}.preview-top p,.panel-intro p{letter-spacing:.17em;color:#6e9279;margin:0 0 7px;font-size:10px;font-weight:800}.preview-top h1{margin:0;font:400 clamp(25px,2.6vw,33px)/1.1 Butter Brand,Parabole,Georgia,serif}.live-dot{white-space:nowrap;color:#547f61;background:#e9f3dd;border:1px solid #fff;border-radius:99px;padding:7px 10px;font-size:11px}.live-dot:before{content:"";background:#79a67b;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.canvas-stage{background:#d6eade80;border:1px solid #ffffffad;border-radius:21px;flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:stretch stretch;min-width:0;min-height:0;padding:18px;display:grid;position:relative;overflow:hidden}.canvas-stage.drag-over,.upload-zone.drag-over{outline-offset:-8px;background:#fff2bf;outline:3px dashed #638f6a}#preview-canvas{object-fit:contain;filter:drop-shadow(0 12px 20px #263f3545);width:100%;min-width:0;height:100%;min-height:0;display:block}.empty-hint{text-align:center;color:#5b7666;pointer-events:none;font:400 24px/1.4 Butter Brand,Georgia,serif;position:absolute}.empty-hint small{color:#728d78;font:12px/1.5 Noto Sans TC,sans-serif}.stage-help{color:#6b8371;justify-content:space-between;gap:10px;padding:9px 2px;font-size:11px;line-height:1.4;display:flex}.stage-help span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-footer{border-top:1px solid #65866b33;flex-wrap:wrap;align-items:end;gap:9px;padding:10px 0;display:flex}.preview-footer label{color:#63816b;gap:5px;font-size:11px;font-weight:700;display:grid}.preview-footer select,.preview-footer input{background:#ffffff9e;border:1px solid #fff;border-radius:99px;max-width:140px;height:36px;padding:0 10px;font-size:12px}.preview-footer input{width:106px}.preview-footer strong{white-space:nowrap;margin-left:auto;font-size:12px}.export-actions{grid-template-columns:1.2fr 1fr 1fr;gap:8px;display:grid}.export-actions button{border-radius:99px;min-width:0;min-height:42px;padding:8px 9px;font-size:12px;font-weight:750;line-height:1.2}.primary-button{color:#fffdef;background:#3c684b}.secondary-button{background:#fff8df;border:1px solid #c6d7bc}.export-hint{color:#718977;margin:8px 0 0;font-size:11px;line-height:1.5}.controls{scrollbar-width:thin;scrollbar-color:#94aa98 transparent;max-height:calc(100dvh - 87px);padding:24px 23px 17px;overflow-y:auto}.panel-intro{padding:1px 2px 18px}.panel-intro h2{margin:0;font:400 35px/1.03 Butter Brand,Parabole,Georgia,serif}.panel-intro h2 em{color:#7c9e7c;font-style:normal}.panel-intro>span{color:#6c8573;margin-top:9px;font-size:12px;line-height:1.5;display:block}.control-section{border-top:1px solid #58826633;padding:16px 0 20px}.section-heading{align-items:center;gap:9px;display:flex}.section-heading>span{color:#6c7b5e;background:#fff0b8;border-radius:50%;place-items:center;width:24px;height:24px;font:700 11px Georgia,serif;display:grid}.section-heading h3{margin:0;font-size:14px}.section-help,.microcopy{color:#708a76;margin:8px 0 12px;font-size:11px;line-height:1.5}.microcopy{margin:7px 0 0}.sample-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.sample{text-align:left;background:#ffffff75;border:1px solid #fffc;border-radius:13px;min-width:0;padding:5px}.sample[aria-pressed=true]{background:#fff5d5;box-shadow:inset 0 0 0 1px #6c926f}.sample img{aspect-ratio:1.25;object-fit:contain;background:#fff9ec;border-radius:8px;width:100%;display:block}.sample span{text-overflow:ellipsis;white-space:nowrap;padding:5px 2px 1px;font-size:11px;display:block;overflow:hidden}.upload-zone{cursor:pointer;background:#ffffff60;border:1px dashed #88ab8f;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:51px;padding:7px 9px;display:flex;position:relative}.upload-zone>span{font-size:18px}.upload-zone strong{font-size:11px}.upload-zone small{color:#78917e;font-size:10px}.upload-zone input,.font-upload input,.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px;display:grid}.field{color:#607b66;gap:5px;min-width:0;font-size:11px;font-weight:700;display:grid}.field span{justify-content:space-between;gap:6px;display:flex}.field output{font-variant-numeric:tabular-nums;color:#8b9d76;font-weight:500}.field input[type=text],.field select{background:#ffffff8c;border:1px solid #ffffffd9;border-radius:99px;width:100%;min-width:0;height:36px;padding:8px 10px;font-size:12px}.field input[type=color]{cursor:pointer;background:#ffffff8c;border:1px solid #fff;border-radius:99px;width:100%;height:36px;padding:3px}.field input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:3px 0 0}.field input[type=range]::-webkit-slider-runnable-track{background:#ffebb0;border-radius:99px;height:6px}.field input[type=range]::-webkit-slider-thumb{appearance:none;background:#fffdf2;border:2px solid #d7bc67;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 2px 5px #747a5e55}.field input[type=range]::-moz-range-track{background:#ffebb0;border-radius:99px;height:6px}.field input[type=range]::-moz-range-thumb{background:#fffdf2;border:2px solid #d7bc67;border-radius:50%;width:13px;height:13px}.font-upload,.file-button,.inline-actions button{cursor:pointer;text-align:center;background:#ffffff8c;border:1px solid #c7d7c5;border-radius:99px;place-items:center;min-height:36px;padding:7px 10px;font-size:11px;font-weight:700;display:grid;position:relative}.font-upload{align-self:end}.color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.color-grid .field{font-size:10px}.toggle-grid{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.toggle-grid label{background:#ffffff7d;border-radius:99px;align-items:center;gap:4px;padding:7px 9px;font-size:11px;font-weight:700;display:flex}.toggle-grid input{accent-color:#5b9368}.palette-list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.palette-list button{background:#ffffff8c;border:1px solid #ffffffc2;border-radius:99px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;display:flex}.palette-swatch{border:1px solid #ffffffc2;border-radius:50%;width:18px;height:18px}.inline-actions{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.inline-actions button,.inline-actions .file-button{min-height:34px}.analysis-warning{color:#7d5d37;background:#fff4d8;border-radius:12px;padding:9px;font-size:11px;line-height:1.5}.status{z-index:3;text-align:center;width:min(540px,100% - 30px);padding:12px 18px;font-size:12px;font-weight:700;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.status[data-kind=error]{color:#9a3b3b;background:#fff0ee}.status[data-kind=success]{color:#366c4c}.site-footer{text-align:center;color:#f9fff4;letter-spacing:.09em;text-shadow:0 1px 5px #3d604b;padding:18px 0 0;font-size:11px}.site-footer span{color:#fff2be}@media (width<=1060px){.workspace{grid-template-columns:minmax(0,1fr) minmax(320px,370px)}.preview{min-height:590px;padding:16px}.controls{padding:20px 18px}.export-actions button{font-size:11px}}@media (width<=820px){.site-shell{width:min(650px,100% - 24px);padding-top:11px}.masthead-note{display:none}.workspace{display:block}.preview{height:auto;min-height:0;margin-bottom:14px;position:relative;top:auto}.canvas-stage{flex:auto;height:min(65vh,520px);min-height:300px}.controls{max-height:none;overflow:visible}.preview-top h1{font-size:28px}}@media (width<=430px){.site-shell{width:calc(100% - 18px)}.masthead{padding-left:4px}.brand strong{font-size:13px}.preview,.controls{border-radius:20px;padding:14px}.preview-top h1{font-size:24px}.live-dot{padding:6px;font-size:10px}.canvas-stage{height:min(90vw,420px);min-height:280px;padding:10px}.preview-footer label{flex:40%}.preview-footer select,.preview-footer input{width:100%;max-width:none}.preview-footer strong{flex:100%;margin-left:0}.export-actions{gap:5px}.export-actions button{padding:7px 4px;font-size:10px}.color-grid{gap:4px}}.sample-tabs{background:#ffffff70;border-radius:999px;gap:5px;margin:2px 0 7px;padding:4px;display:flex}.sample-tabs button{color:#607b66;white-space:nowrap;background:0 0;border-radius:999px;flex:1;min-width:0;padding:7px 4px;font-size:11px;font-weight:700}.sample-tabs button[aria-pressed=true]{color:#365d46;background:#fff8df;box-shadow:0 1px 5px #526b5b24}.sample-count{color:#6b8774;margin:0 2px 7px;font-size:10px;line-height:1.4}.sample-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94aa98 transparent;max-height:300px;padding:2px 3px 5px 2px;overflow-y:auto}.sample{flex-direction:column;gap:2px;display:flex}.sample[aria-pressed=true]{box-shadow:inset 0 0 0 2px #60886b,0 2px 8px #55746027}.sample span{text-overflow:clip;white-space:normal;overflow-wrap:break-word;min-height:2.6em;line-height:1.3;overflow:visible}.sample img{flex:none}@media (width<=820px){.sample-list{max-height:290px}}@media (width<=430px){.sample-list{max-height:250px}.sample-tabs button,.sample span{font-size:10px}}