@font-face{font-family:Brand;src:url(/assets/Brand-BUc4qkYh.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Parabole;src:url(/assets/Parabole-Cl7A2Y4u.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Ari Condensed;src:url(/assets/ari-w9500-condensed-display-DGSQCo-r.ttf)format("truetype");font-weight:900;font-display:swap}:root{--ink:#365744;--ink-soft:#5e7c65;--ink-muted:#7a8e7f;--cream:#fff9e4;--butter:#ffe18a;--line:#ffffffb8;--field:#ffffff80;--accent:#54765c;color:var(--ink);font-synthesis:none;background:#9bdcf0;font-family:HONOR Sans CN,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:linear-gradient(#ffffff21,#eef5d521),url(/assets/meadow-DodATVUX.jpg) 50%/cover fixed;min-width:320px;margin:0}body:before{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 18% 16%,#fff3b999,#0000 18%),radial-gradient(circle at 80% 22%,#ffcde06b,#0000 15%),linear-gradient(#0000 65%,#1e784b42);position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{z-index:1;flex-direction:column;gap:18px;height:100vh;padding:20px 28px 28px;display:flex;position:relative}.masthead{justify-content:space-between;align-items:center;gap:16px;padding:0 6px;display:flex}.brand{color:#fff9de;text-shadow:0 2px 12px #36563f47;align-items:center;gap:14px;display:flex}.brand-icon{width:42px;height:42px;color:var(--ink);background:var(--cream);text-shadow:none;border-radius:14px;place-items:center;display:grid;box-shadow:0 8px 24px #254b3d38}.brand strong{font:400 clamp(30px,3vw,44px)/.95 Brand,Parabole,Georgia,serif;display:block}.brand small{letter-spacing:3px;margin-top:7px;font-size:10px;font-weight:700;display:block}.masthead-meta{align-items:center;gap:10px;display:flex}.pill,.ghost{color:#fffbe8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#4d785970;border-radius:99px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:11px;display:inline-flex}.pill i{background:var(--butter);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #fff2b4}.ghost:hover{background:#4d78599e}.workspace{flex:1;grid-template-columns:minmax(340px,380px) 1fr;gap:20px;min-height:0;display:grid}.glass{-webkit-backdrop-filter:blur(34px)saturate(1.15);backdrop-filter:blur(34px)saturate(1.15);border:1px solid var(--line);background:linear-gradient(135deg,#fffffff0,#f8fde4b3 52%,#ffddeb6b);border-radius:28px;box-shadow:inset 0 1px #fff,0 26px 80px #254b3d38}.controls{flex-direction:column;min-height:0;display:flex;overflow:hidden}.controls-scroll{scrollbar-width:thin;scrollbar-color:#76977c66 transparent;flex:1;min-height:0;padding:22px 22px 8px;overflow:auto}.section{padding:4px 0 20px}.section+.section{border-top:1px solid #76977c29;padding-top:18px}.section h2{letter-spacing:.06em;color:var(--ink);align-items:baseline;gap:10px;margin:0 0 14px;font-size:13px;font-weight:800;display:flex}.section h2 em{color:#8ca680;font:400 18px/1 Parabole,Georgia,serif}.section-body{gap:14px;display:grid}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{gap:7px;display:grid}.field-label,.slider-head>span{color:var(--ink-soft);font-size:11px;font-weight:700}.segments{border:1px solid var(--line);background:#ffffff57;border-radius:999px;height:36px;padding:3px;display:flex}.segments button{min-width:0;color:var(--ink-soft);white-space:nowrap;border-radius:999px;flex:1;font-size:11px;transition:background .15s}.segments button:hover{background:#fff9e499}.segments button.active{background:var(--cream);color:var(--ink);font-weight:700;box-shadow:0 2px 8px #536b4b1f}.slider{gap:6px;display:grid}.slider-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.slider-head b{font-variant-numeric:tabular-nums;color:var(--accent);font-size:11px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#ffeeb8d9;border-radius:999px;height:6px;box-shadow:inset 0 1px 2px #536b4b1f}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 2px 6px #36574440}input[type=range]::-moz-range-track{background:#ffeeb8d9;border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px}.switch{height:38px;color:var(--ink-soft);text-align:left;background:#ffffff7a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 14px;font-size:11px;font-weight:700;display:flex}.switch i{background:#aab6aa;border-radius:20px;flex:none;width:30px;height:17px;transition:background .18s;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .18s;position:absolute;top:2px;left:2px}.switch.on i{background:var(--accent)}.switch.on i:after{transform:translate(13px)}.upload-row{align-items:center;gap:12px;display:flex}.upload{background:#ffffff61;border:1px dashed #66816e8c;border-radius:12px;flex:none;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.upload:hover{background:#ffffff9e}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-muted);font-size:11px;overflow:hidden}.title-input{gap:8px;display:flex}.title-input input,.select-row select,.export-row select,textarea{background:var(--field);border:1px solid #fff;border-radius:12px;width:100%;min-width:0;height:38px;padding:0 12px;box-shadow:inset 0 1px 5px #415b450f}.title-input input{letter-spacing:.08em;font-weight:700}.title-input button,.icon-btn{background:var(--accent);width:38px;height:38px;color:var(--cream);border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn{color:var(--ink);background:#fff9}.select-row{gap:8px;display:flex}textarea{resize:vertical;height:auto;padding:10px 12px;font-family:Helvetica Neue,Arial,Noto Sans TC,sans-serif;font-size:12px;line-height:1.55}.color-row{align-items:center;gap:8px;display:flex}.swatch{background:var(--c);border:2px solid #fff;border-radius:50%;flex:none;width:28px;height:28px;position:relative;box-shadow:0 1px 4px #36574433}.swatch.active{box-shadow:0 0 0 2px var(--accent)}.swatch.custom{cursor:pointer;background:conic-gradient(#ff9fb5,#ffe18a,#9be3a8,#8fd6ee,#b4a2f5,#ff9fb5);overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-row code{color:var(--ink-muted);letter-spacing:.06em;margin-left:auto;font-size:10px}.hint{color:var(--ink-muted);margin:0;font-size:11px;line-height:1.6}.link{color:var(--accent);padding:0;font-size:11px;font-weight:700;text-decoration:underline}.actions{background:linear-gradient(#0000,#ffffff40);border-top:1px solid #76977c29;gap:10px;padding:16px 22px 22px;display:grid}.secondary,.primary{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:44px;font-size:13px;font-weight:800;display:inline-flex}.secondary{background:#fff9;border:1px solid #fff}.secondary:hover{background:var(--cream)}.export-row{grid-template-columns:116px 1fr;gap:8px;display:grid}.export-row select{border-radius:999px;height:44px;font-size:11px}.primary{color:var(--cream);background:linear-gradient(135deg,#54765c,#3a5c46);box-shadow:0 10px 24px #30543e52}.primary:hover:not(:disabled){filter:brightness(1.08)}.stage{background:#31533f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23ffffff' fill-opacity='.045' d='M0 0h12v12H0zm12 12h12v12H12z'/%3E%3C/svg%3E");border-radius:28px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 18px #1b372c69,0 26px 80px #254b3d38}.stage.dragging{box-shadow:inset 0 0 0 3px var(--butter), 0 26px 80px #254b3d38}.stage-tip{color:#fff9e4d1;text-align:center;background:#ffffff1a;border-radius:99px;align-self:center;align-items:center;gap:7px;margin:18px 20px 0;padding:7px 14px;font-size:11px;display:inline-flex}.canvas-scroll{flex:1;place-items:center;min-height:0;padding:28px;display:grid;overflow:auto}.canvas-frame{flex:none;box-shadow:0 24px 60px #0a1e1473}.canvas-frame canvas{cursor:crosshair;width:100%;height:100%;display:block}.zoom-bar{font-variant-numeric:tabular-nums;background:#fff9e4eb;border-radius:999px;align-self:center;align-items:center;gap:8px;margin:0 20px 18px;padding:6px 10px;font-size:11px;display:flex;box-shadow:0 8px 24px #14281e40}.zoom-bar button{width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.zoom-bar button:hover,.zoom-bar button.active{background:#54765c29}.zoom-bar input{width:120px}.zoom-bar span{text-align:right;min-width:36px}.drop-hint{border:2px dashed var(--butter);color:var(--cream);pointer-events:none;background:#31533fb8;border-radius:22px;place-content:center;justify-items:center;gap:10px;font-size:14px;font-weight:700;display:grid;position:absolute;inset:16px}.toast{z-index:10;background:#fffceef5;border-radius:18px;align-items:center;gap:12px;padding:12px 12px 12px 14px;animation:.22s ease-out rise;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 18px 50px #1e3c2d4d}.toast-dot{background:var(--accent);width:26px;height:26px;color:var(--cream);border-radius:50%;place-items:center;display:grid}.toast b{font-size:12px;display:block}.toast small{color:var(--ink-muted);margin-top:2px;font-size:11px;display:block}.toast>button{width:24px;height:24px;color:var(--ink-muted);border-radius:50%;place-items:center;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (width<=900px){.app{height:auto;min-height:100vh;padding:16px 16px 24px}.workspace{grid-template-columns:1fr}.stage{order:-1;height:min(68vh,620px)}.stage-tip{display:none}.controls{overflow:visible}.controls-scroll{padding:20px 18px 6px;overflow:visible}.actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fafceeeb;border-radius:0 0 28px 28px;position:sticky;bottom:0}.masthead-meta .pill{display:none}.toast{inset:16px 16px auto}}@media (width<=420px){.brand small{letter-spacing:1.6px}.stage-tip{margin:14px 14px 0;font-size:10px}.canvas-scroll{padding:16px}.zoom-bar input{width:80px}.two{grid-template-columns:1fr}}