:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#29332d;background:#fafbf9;--line:#e0e6de;--muted:#748073;--accent:#a96643;--dark:#293d30}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{background:white;border:1px solid var(--line);border-radius:6px;padding:8px 11px;cursor:pointer;font-size:14px}button:hover{background:#f2f5ef;border-color:#a7b49f}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #b47a56;outline-offset:2px}header{display:flex;align-items:center;gap:22px;padding:15px 24px;border-bottom:1px solid var(--line);height:82px;background:white}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>b{padding:8px 10px;background:#2c3a2e;color:#edd7bb;border-radius:8px;font-family:serif;font-size:26px}.brand>span{font-size:23px;letter-spacing:3px;font-weight:600}.brand small{display:block;font-size:11px;letter-spacing:2px;font-weight:400;margin-top:3px;color:#76836f}.mode-tabs{display:flex;border:1px solid var(--line);padding:3px;border-radius:8px;background:#f2f5f0}.mode-tabs button{border:0;background:none;padding:8px 22px}.mode-tabs [aria-selected=true]{background:white;box-shadow:0 1px 5px #18261b15}.toolbar{display:flex;margin-left:auto;gap:6px}.accent,.primary{background:var(--dark);color:white;border-color:var(--dark)}.accent:hover,.primary:hover{background:#455e49}.primary{width:100%;padding:13px}.toolbar button{font-size:13px}main{display:grid;grid-template-columns:340px minmax(300px,1fr) 260px;height:calc(100dvh - 82px);min-height:600px}#sidebar,.customize{overflow-y:auto;scrollbar-width:thin;background:white}#sidebar{border-right:1px solid var(--line)}.side-head{padding:25px 22px 18px}.side-head>span,.stage-title>span{font-size:11px;letter-spacing:2px;color:#8e9b87}.side-head h1{font-size:23px;font-weight:500;margin:12px 0 8px}.side-head p{font-size:13px;color:var(--muted);margin:0}.section{border-top:1px solid var(--line);padding:0 20px}.section>summary{padding:17px 0;font-size:15px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.section>summary:after{content:'+';color:#899680}.section[open]>summary:after{content:'−'}.section>div{padding-bottom:20px}.hint{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0}.field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;margin:13px 0}select,input[type=search],input[type=text]{border:1px solid var(--line);background:white;border-radius:5px;padding:8px;min-width:0;font-size:13px;max-width:100%}.field select{max-width:175px}.control{display:block;margin:14px 0}.control>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-bottom:7px}.number{display:flex;align-items:center;gap:4px;color:#7b8574;font-size:11px}.number input{width:65px;border:1px solid var(--line);border-radius:4px;padding:3px 4px;background:#fafbf8;font-size:13px}.control input[type=range]{width:100%;height:4px;accent-color:#a86c49;cursor:pointer}.button-row{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.button-row button{font-size:12px;padding:7px 9px}.editor-canvas{width:100%;height:190px;border:1px solid var(--line);border-radius:6px;background:#f7f9f4;touch-action:none;display:block}.list-card{border:1px solid var(--line);border-radius:7px;padding:12px;margin:10px 0;background:#fafbf8}.card-head{display:flex;gap:5px;align-items:center;margin-bottom:10px}.card-head b{font-size:13px;font-weight:500;margin-right:auto}.card-head button{padding:3px 7px;font-size:12px}.list-card select{width:100%}.add{width:100%;border-style:dashed;color:#728568;background:transparent}.search-row{display:flex;gap:6px;align-items:center;margin:5px 0 12px}.search-row input{width:100%}.fav{color:#a76d37}.list-card details{margin-top:12px}.list-card details summary{font-size:12px;cursor:pointer;color:#73836c}.switch{font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}.switch input{width:18px;height:18px;accent-color:#536e4c}.stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f6f7f1,#e4e9df);min-height:500px}#viewport{position:absolute;inset:0}#viewport canvas{display:block;touch-action:none;width:100%;height:100%}.stage-title{position:absolute;left:26px;top:28px;pointer-events:none}.stage-title h2{font-family:SimSun,serif;font-weight:400;font-size:25px;margin:11px 0}.floating{position:absolute;right:18px;top:25px;display:flex;flex-direction:column;gap:7px;align-items:stretch}.floating label{font-size:11px;color:#788872;padding:6px;background:#ffffffb5;border-radius:5px;display:flex;gap:7px;align-items:center}.floating select{padding:4px;font-size:12px}.floating button{font-size:12px;background:#ffffffb5}.viewbar{position:absolute;bottom:72px;width:100%;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:0 15px}.viewbar button{background:#ffffffc9;font-size:12px}.stage-footer{position:absolute;bottom:0;padding:14px 20px;border-top:1px solid #d4ddce;width:100%;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#70816a;background:#edf1e8aa}.stage-footer span{max-width:65%;line-height:1.5}.customize{padding:26px 20px;border-left:1px solid var(--line)}.customize h2{font-size:19px;font-weight:500;margin:0 0 25px}.subline{font-size:13px;display:flex;justify-content:space-between;margin-bottom:16px}.subline b{font-weight:400;color:#9c714b}#colors{display:grid;grid-template-columns:repeat(7,1fr);gap:10px 7px;margin:4px}#colors button{border-radius:50%;width:23px;height:23px;padding:0;border:2px solid white;outline:1px solid #d5dece}#colors button[aria-pressed=true]{outline:2px solid #6a7e60;outline-offset:2px}.summary{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.summary h3{font-size:14px;font-weight:500}dl{font-size:13px}dl>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0}dt{color:#7b8973}dd{margin:0;text-align:right}input[type=number]{border:1px solid var(--line);border-radius:4px;padding:4px;width:65px}#quantity{width:60px}.quote{border-top:1px solid var(--line);padding-top:20px;margin-top:16px}.quote>span{font-size:13px;color:#77876e}.quote strong{display:block;font-size:37px;font-weight:500;letter-spacing:-1px;margin:10px 0}.file-tools{display:flex;gap:6px;margin:24px 0}.file-tools button{font-size:12px;flex:1}.limits{font-size:12px;color:#7b8973;line-height:1.8}.limits summary{cursor:pointer}.selected,button[aria-pressed=true]{background:#eee7db;border-color:#bca784;color:#866442}dialog{width:min(630px,calc(100% - 24px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:24px;color:#29332d;box-shadow:0 30px 120px #10291335}dialog::backdrop{background:#152a1b70;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-head h2{font-size:21px;font-weight:500}.modal-head button{border:0;font-size:24px}.modal-body,p{line-height:1.7}#modal-body{font-size:14px}#modal-body .export-button{display:block;width:100%;padding:12px;margin:9px 0}#modal-body input[type=text]{width:100%;font-size:16px}.notice{padding:12px;background:#f4eee4;color:#886745;border-radius:6px;font-size:13px}.saved-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0}.saved-row span{flex:1}.saved-row button{font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,120px);max-width:90%;background:#2b4231;color:white;padding:13px 20px;border-radius:7px;z-index:10;font-size:14px;transition:transform .2s}#toast.show{transform:translate(-50%,0)}.error{color:#a03e28}.busy{opacity:.65}#check-result{font-size:13px}@media(min-width:1600px){main{grid-template-columns:360px 1fr 290px}}@media(max-width:1100px){main{grid-template-columns:300px minmax(300px,1fr)}.customize{grid-column:1/-1;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}main{height:auto}#sidebar{max-height:calc(100dvh - 82px)}.stage{height:calc(100dvh - 82px);min-height:650px}.toolbar{gap:4px}header{gap:12px;padding:12px 16px}.toolbar button{font-size:12px;padding:7px}#colors{max-width:290px}.stage-title h2{font-size:21px}.floating{top:95px}.summary,.quote{margin:0}.customize h2{grid-column:1/-1}.customize .hint{margin:0}}@media(max-width:720px){header{height:auto;flex-wrap:wrap;padding:12px 15px;gap:12px}.brand>span{font-size:21px}.toolbar{width:100%;justify-content:space-between;margin:0;flex-wrap:wrap}.mode-tabs{margin-left:auto}.mode-tabs button{padding:7px 18px}main{display:flex;flex-direction:column}.stage{order:-1;height:510px;min-height:0}#sidebar{max-height:none;overflow:visible}.customize{display:block;border-top:1px solid var(--line)}.customize .hint{margin:12px 0}.stage-title{left:20px;top:22px}.stage-title h2{font-size:23px}.floating{top:20px;right:12px}.floating label{max-width:135px}.floating button{align-self:flex-end;padding:5px 8px}.stage-title{max-width:55%}.viewbar{bottom:66px}.stage-footer span:last-child{display:none}.stage-footer span{max-width:100%}.editor-canvas{height:220px}.section>summary{padding:20px 0}.control>div,.field,.switch{font-size:14px}.control input[type=range]{height:6px}.control{margin:20px 0}.hint{font-size:13px}.summary,.quote{margin-top:24px}.side-head{padding:25px 20px}#colors{max-width:400px}#colors button{width:30px;height:30px}}

.view-tools{position:absolute;right:18px;top:50%;transform:translateY(-35%);display:flex;flex-direction:column;gap:5px;padding:7px;background:rgba(39,33,25,.9);border:1px solid #665336;border-radius:8px;backdrop-filter:blur(12px);z-index:3;box-shadow:0 8px 28px #0002}.view-tools button{width:38px;height:38px;padding:8px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#b9aa8d}.view-tools button:hover,.view-tools button[aria-pressed=true]{background:#654b28;color:#f5d7a2}.view-tools button:disabled{opacity:.28}.view-tools button:focus-visible{outline:2px solid #edc587;outline-offset:2px}.view-tools svg{width:23px;height:25px}.view-tools #undo{border-top:1px solid #685a433d;border-radius:0;margin-top:5px}.stage:fullscreen{width:100vw;height:100vh;background:#e9ece5}.stage:fullscreen #viewport{height:100%}@media(max-width:720px){.view-tools{right:10px;top:44%;transform:translateY(-15%);gap:2px;padding:4px}.view-tools button{width:32px;height:32px;padding:6px}}

.guide-spot{position:fixed;z-index:1000;border:2px solid #e4b674;border-radius:12px;box-shadow:0 0 0 9999px #15201980;pointer-events:none;box-sizing:border-box}.guide-dialog{position:fixed;inset:auto 24px 24px auto;margin:0;width:360px;max-width:calc(100vw - 24px);max-height:75dvh;overflow:auto;padding:24px;border:1px solid #dcc6a8;border-radius:18px;background:#fffcf5;color:#27372c;box-shadow:0 16px 60px #0004}.guide-dialog::backdrop{background:transparent}.guide-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#6b705f}.guide-top button{border:0;background:transparent;color:#666;padding:5px}.guide-progress{display:flex;gap:5px;margin:14px 0 22px}.guide-progress i{height:4px;flex:1;border-radius:5px;background:#e7e6de}.guide-progress i.done{background:#a46a3e}.guide-dialog h2{font-size:22px;line-height:1.4;margin:0 0 14px}.guide-dialog p{font-size:14px;line-height:1.8;margin:0 0 16px}.guide-dialog .guide-tip{background:#f1ede3;border-radius:9px;padding:12px;color:#5c6457;font-size:13px}.guide-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.guide-actions button{padding:10px 16px}.guide-actions button:focus-visible,.guide-top button:focus-visible{outline:2px solid #a46a3e;outline-offset:3px}@media(max-width:720px){.guide-dialog{bottom:12px;padding:18px;width:auto;max-height:53dvh}.guide-dialog h2{font-size:19px}.guide-dialog p{margin-bottom:10px}.guide-progress{margin:8px 0 14px}.guide-actions{margin-top:12px}}
.guide-dialog::backdrop{backdrop-filter:none}.guide-actions button{width:auto;min-width:76px;white-space:nowrap}.guide-actions .primary{flex:1}

body[data-editor-mode="beginner"] .expert-only{display:none!important}
.editor-mode-switch{margin-top:18px}.editor-mode-switch>div{display:flex;gap:4px;padding:4px;border:1px solid #dedbd3;border-radius:10px;background:#8273560b}.editor-mode-switch button{flex:1;padding:10px 8px;border:0;background:transparent;border-radius:7px;font:inherit;cursor:pointer}.editor-mode-switch button[aria-pressed="true"]{background:#81633f;color:#fff;box-shadow:0 2px 6px #0002}.side-head .editor-mode-switch p{font-size:12px;line-height:1.7;margin:10px 0 0}

.help-launch{position:fixed;right:18px;bottom:18px;z-index:8;border-radius:24px;padding:11px 18px;background:#293d30;color:white;box-shadow:0 4px 20px #0002}.help-launch:hover{background:#455e49;color:white}.help-dialog{width:500px;max-width:calc(100vw - 24px);max-height:85dvh;border:1px solid #ddd;border-radius:18px;padding:24px;color:#293d30}.help-dialog::backdrop{background:#18291f70}.help-head{display:flex;align-items:center;justify-content:space-between}.help-head h2{margin:0;font-size:22px}.help-head button{font-size:22px;border:0}.help-dialog h3{font-size:17px;margin:18px 0 10px}.help-dialog p{font-size:13px;line-height:1.7}.help-contact{padding-bottom:15px;border-bottom:1px solid #e0e6de}.help-wechat{display:flex;align-items:center;justify-content:space-between;background:#f2f5ef;border-radius:8px;padding:14px}.help-wechat strong{font-size:23px;user-select:text}.help-dialog .field{display:block;margin:14px 0;font-size:14px}.help-dialog input,.help-dialog select,.help-dialog textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #d5ddd2;border-radius:7px;font:inherit;background:white}.help-dialog textarea{resize:vertical;min-height:90px}.help-dialog textarea:focus-visible{outline:3px solid #b47a56}.help-dialog input[type=file]{font-size:12px}#feedback-preview img{max-width:100%;max-height:150px;display:block;border-radius:6px;margin-bottom:8px}#feedback-status{overflow-wrap:anywhere}#feedback-status:empty,#wechat-status:empty{display:none}@media(max-width:720px){.help-launch{right:12px;bottom:12px;padding:9px 13px}.help-dialog{padding:18px}}

.featured-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.featured-nav>span{font-size:11px;color:#788371;margin-right:3px}.featured-nav button{font-size:12px;padding:7px 9px;background:#f6f7f1;border-color:transparent}.featured-dialog{width:850px;max-width:calc(100vw - 24px);max-height:85dvh;border:1px solid #dce2d8;border-radius:18px;padding:24px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.featured-grid article{padding:14px;border:1px solid #e2e6dc;border-radius:12px}.featured-image{height:180px;background:radial-gradient(ellipse at center,#f9f8ef,#e5e9df);border-radius:9px;display:grid;place-items:center}.featured-image img{width:100%;height:100%;object-fit:contain}.featured-grid h3{margin:12px 0 5px}.featured-grid p,.featured-grid small{font-size:12px;color:#748073;margin:5px 0}.featured-grid .primary{margin-top:12px;padding:10px}@media(max-width:1150px){header{gap:12px}.featured-nav button:not(:last-child){display:none}.featured-nav>span{display:none}}@media(max-width:600px){.featured-grid{grid-template-columns:1fr}.featured-dialog{padding:16px}}
.featured-image{overflow:hidden}.featured-image img{display:block;min-height:0;max-height:180px;height:180px;width:100%;object-fit:contain}