*{box-sizing:border-box} :root{font-family:Tahoma,Arial,sans-serif;color:#243c36;background:#f5f6f1;font-size:14px}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #d7dfd8;background:#fff;color:inherit;border-radius:8px;padding:10px 13px}button:hover{border-color:#33795e;background:#f0f7f1}button:disabled{cursor:default;opacity:.45}button.active{background:#254c3b;color:white;border-color:#254c3b}a{color:inherit;text-decoration:none}header{height:82px;max-width:1440px;margin:auto;display:flex;align-items:center;gap:30px;padding:0 44px;border-bottom:1px solid #dce2d9}.brand{font-size:26px;font-weight:bold;letter-spacing:-1px}.brand span{color:#78a25d}.tool-name{font-size:11px;letter-spacing:2px;border-left:1px solid #cdd5cb;padding-left:28px}.tool-name span{color:#7b9d63}.private{margin-left:auto;color:#64815e;font-size:12px}main{max-width:1440px;margin:auto;padding:0 44px}.intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 32px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#6f886b;font-weight:bold}h1{font-size:36px;letter-spacing:-1.4px;margin:12px 0}h1 span{color:#638155}.intro p:last-child{color:#7a877e;line-height:1.8}.intro-mark{font-size:78px;color:#8ba478;transform:rotate(-12deg);margin-right:30px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}.editor{position:sticky;top:18px}.editor-head,.editor-foot{background:white;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce2d9}.editor-head{border-radius:14px 14px 0 0}.editor-head>span{font-size:12px;font-weight:bold}.dot{display:inline-block;background:#9cb386;width:7px;height:7px;border-radius:50%;margin-right:7px}.small{padding:7px 12px;font-size:12px}.stage{min-height:430px;height:clamp(360px,49vw,610px);display:flex;align-items:center;justify-content:center;padding:24px;background-color:#e9eee6;background-image:linear-gradient(45deg,#e2e8df 25%,transparent 25%),linear-gradient(-45deg,#e2e8df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8df 75%),linear-gradient(-45deg,transparent 75%,#e2e8df 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-left:1px solid #dce2d9;border-right:1px solid #dce2d9}.stage.dragover{box-shadow:inset 0 0 0 3px #6a9659}#empty{text-align:center;line-height:1.8}#empty h2{font-size:23px;margin:10px 0 0}#empty p{color:#778475;margin:4px 0 20px}.upload-icon{font-size:38px;background:#f7f9f1;border:1px solid #cfdbc9;border-radius:18px;width:76px;height:76px;margin:auto;line-height:76px}small{font-size:11px}#empty small{display:block;margin-top:18px;color:#7b8777}.primary{background:#d5ee8c;color:#243d2d;border:1px solid #c5df7e;font-weight:bold;padding:13px 23px;border-radius:8px}.primary:hover{background:#c8e978}.primary span{margin-left:28px}.text-button{border:0;background:none;font-size:12px;margin-top:13px;color:#537549}#preview{display:block;max-width:100%;max-height:100%;width:auto;height:auto;touch-action:none;cursor:move;box-shadow:0 7px 30px #22352226}#preview[hidden]{display:none}.editor-foot{border-radius:0 0 14px 14px;font-size:11px;color:#72816f;gap:12px;flex-wrap:wrap}.tips{display:flex;align-items:center;gap:12px;color:#7c8776;padding:9px 4px;font-size:11px;line-height:1.9}.tips>span{font-size:24px;color:#79916b}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{font-size:12px;background:transparent}aside{background:#fff;border:1px solid #dce2d9;border-radius:14px;padding:0 22px}fieldset{border:0;margin:0;padding:0;min-width:0}.panel{padding:23px 0;border-bottom:1px solid #e9ece6}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-title>span{font-size:10px;background:#edf2e7;padding:5px;border-radius:5px;color:#6a865b}.section-title h2{font-size:15px;margin:0}.section-title small{margin-left:auto;color:#93a08c}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{font-size:12px;padding:8px 12px}.dimensions{display:flex;align-items:center;gap:12px}.dimensions label{flex:1;min-width:0;font-size:11px;color:#798772}.dimensions>span{padding-top:18px;color:#8c9b84}input[type=number],input[type=text],select{border:1px solid #d9e0d4;background:#fcfdf9;border-radius:7px;padding:11px;width:100%;color:#34472f;margin-top:7px}input[type=number]{font-size:19px;font-weight:bold}.check{display:flex;align-items:center;gap:7px;font-size:11px;margin:13px 0 18px;color:#78866e}input{accent-color:#4a7444}.label{display:block;font-size:11px;color:#78866e;margin:15px 0 7px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.presets button{text-align:left;padding:11px 10px}.presets b{display:block;font-size:11px;font-weight:normal}.presets span{font-size:10px;color:#94a18b;display:block;margin-top:4px}.scales{margin-top:13px}.scales button{flex:1;padding:7px}.hint{font-size:10px;color:#88947e;line-height:1.8;margin:9px 0 0}.range-label{display:flex;justify-content:space-between;font-size:11px;margin-top:17px;color:#78866e}.range-label b{color:#345530}input[type=range]{width:100%;margin:12px 0}.color-label{font-size:11px;color:#78866e;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}input[type=color]{width:38px;height:28px;padding:2px;border:1px solid #dce2d9;background:white;border-radius:4px}.download{width:100%;margin-top:17px;display:flex;justify-content:space-between}.download span{margin:0}#status{font-size:11px;color:#58784b;line-height:1.8;overflow-wrap:anywhere}#status.error{color:#b34232}fieldset:disabled{opacity:.55}footer{display:flex;align-items:center;justify-content:space-between;padding:36px 0;color:#8b9682;font-size:10px;gap:14px}footer>span{letter-spacing:2px}footer a{color:#536e45}[hidden]{display:none!important}@media(min-width:1500px){.stage{height:610px}}@media(max-width:1000px){header{padding:0 24px}main{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:16px}aside{padding:0 16px}h1{font-size:31px}.stage{padding:12px}}@media(max-width:760px){header{padding:0 18px;height:68px;gap:16px}.brand{font-size:23px}.tool-name{padding-left:16px}.private{display:none}main{padding:0 16px}.intro{padding:25px 0 20px}h1{font-size:27px}.intro-mark{font-size:48px;margin-right:5px}.intro p:last-child{font-size:12px}.workspace{grid-template-columns:1fr}.editor{position:static}.stage{height:400px;min-height:300px}.tips{font-size:10px}aside{padding:0 20px}footer{flex-wrap:wrap;padding:26px 0}footer p{display:none}}