:root{font-family:PingFang SC,Hiragino Sans GB,sans-serif;color:#1f3429;background:#eee9df;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,rgba(239,181,38,.18),transparent 30%),radial-gradient(circle at 90% 8%,rgba(58,126,72,.15),transparent 28%),linear-gradient(rgba(32,60,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,60,43,.035) 1px,transparent 1px);background-size:auto,auto,28px 28px,28px 28px}.app-shell{position:relative;width:min(1880px,calc(100% - 36px));margin:18px auto 48px}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:116px;padding:22px 28px;background:#fffdf7e6;border:1px solid rgba(74,111,77,.16);border-radius:26px 26px 0 0;box-shadow:0 20px 50px #303e3117;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{width:66px;height:66px;display:grid;place-items:center;border-radius:50% 50% 46% 54%;color:#fff;background:#2f7041;transform:rotate(-7deg);box-shadow:inset -8px -8px #00000014}.brand-mark span{font:700 22px Avenir Next,sans-serif;transform:rotate(7deg)}.eyebrow{margin:0 0 4px;color:#df7f1f;font:700 11px Avenir Next,sans-serif;letter-spacing:.18em}.topbar h1{margin:0;font-size:clamp(30px,3vw,48px);letter-spacing:-.05em}.topbar p:not(.eyebrow){margin:4px 0 0;color:#718077;font-size:14px}.topbar-badge{padding:10px 14px;color:#356345;background:#e9f1e4;border:1px solid #c7d9bd;border-radius:999px;font-size:12px;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(320px,400px) minmax(520px,1fr) minmax(280px,330px);min-height:760px;background:#fffdf7c2;border:1px solid rgba(74,111,77,.15);border-top:0;border-radius:0 0 26px 26px;overflow:hidden;box-shadow:0 30px 60px #303e3117}.editor-panel,.readability-panel{padding:26px 24px;background:#fffdf7eb}.editor-panel{border-right:1px solid #e1e4d9}.readability-panel{border-left:1px solid #e1e4d9}.panel-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.panel-heading>span,.preview-toolbar>div>span{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:10px;color:#fff;background:#2f7041;font:700 12px Avenir Next,sans-serif}.panel-heading h2{margin:0;font-size:18px}.panel-heading p{margin:3px 0 0;color:#7d887e;font-size:12px}.panel-heading.compact{margin-bottom:18px}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.preset-row button{flex:1;padding:9px 12px;border:1px solid #cdd8c7;border-radius:12px;color:#355b40;background:#f1f5ed;font-size:13px;font-weight:700}.preset-row button:hover{color:#fff;background:#397a47}.template-picker{margin:0 0 20px;padding:14px 12px 11px;border:1px solid #e1e8dc;border-radius:15px;background:linear-gradient(145deg,#f9fbf5,#f2f7ed)}.template-picker .section-help{margin-bottom:10px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.template-grid button{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 7px;border:1px solid #dce4d8;border-radius:10px;color:#53665a;background:#ffffffbf;text-align:left}.template-grid button:hover,.template-grid button.active{border-color:#70a176;background:#fffefa;box-shadow:0 0 0 2px #508c5b1a}.template-grid button>i{width:25px;height:25px;flex:0 0 auto;border-radius:8px;box-shadow:inset 0 0 0 1px #fff6}.template-grid button>span{display:grid;min-width:0;gap:2px}.template-grid strong{overflow:hidden;color:#385c42;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.template-grid small{overflow:hidden;color:#89948b;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.template-more-button{width:100%;margin-top:9px;padding:7px;border:1px dashed #adc6a7;border-radius:9px;color:#42754b;background:transparent;font-size:10px;font-weight:800}.template-more-button:hover{color:#df7e1b;border-color:#dfb36b;background:#fff9eb}.highlight-editor{margin:1px 0 19px;padding:13px 12px 11px;border:1px solid #eadfc9;border-radius:14px;background:#fffaf0}.highlight-editor .section-help{margin-bottom:9px;color:#8c806d}.highlight-row{display:grid;grid-template-columns:19px minmax(0,1fr);gap:7px;align-items:center;margin-top:7px}.highlight-row>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;background:#d99a4a;font:700 10px Avenir Next,sans-serif}.highlight-row input{width:100%;height:36px;min-width:0;padding:0 10px;color:#5a4933;background:#fffefa;border:1px solid #e4d8c1;border-radius:9px;outline:none;font-size:11px}.highlight-row input:focus{border-color:#d6a45d;box-shadow:0 0 0 3px #d6a45d1f}.field{display:grid;gap:7px;margin-bottom:15px}.field-label{color:#55645a;font-size:12px;font-weight:700}.field small{color:#8c968d;font-size:11px}.field input:not([type=range]),.field select,.price-row input{width:100%;min-width:0;height:42px;padding:0 12px;color:#23372b;background:#fffefa;border:1px solid #d9ded3;border-radius:11px;outline:none;transition:border .2s,box-shadow .2s}.field input:focus,.field select:focus,.price-row input:focus{border-color:#64976c;box-shadow:0 0 0 3px #4984541f}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.section-label strong{font-size:13px}.section-label span{color:#8b958d;font-size:10px}.price-editor{margin:5px 0 18px}.price-block-editor{margin:0 0 14px;padding:12px;border:1px solid #e0e6da;border-radius:14px;background:#f8faf4}.price-block-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#3f6048;font-size:12px}.pack-input{width:100%;height:38px;margin-bottom:8px;padding:0 10px;color:#284b34;background:#fffefa;border:1px solid #d9ded3;border-radius:9px;font-weight:800;outline:none}.pack-input:focus{border-color:#64976c;box-shadow:0 0 0 3px #4984541f}.price-row{display:grid;grid-template-columns:22px minmax(0,1fr) 84px 25px;gap:6px;align-items:center;margin-bottom:8px}.price-row>span{color:#9ba39d;font:700 10px Avenir Next,sans-serif}.price-input{position:relative}.price-input b{position:absolute;left:10px;top:10px;z-index:1;color:#e8871f}.price-input input{padding-left:28px;font-weight:800}.row-delete{width:25px;height:25px;padding:0;border:0;border-radius:7px;color:#a87970;background:#f5e6e1;font-size:18px;line-height:1}.row-delete:hover:not(:disabled){color:#fff;background:#c75a47}.row-delete:disabled{cursor:not-allowed;opacity:.35}.add-row-button,.add-section-button,.text-button{border:0;background:transparent;font-size:11px;font-weight:800}.add-row-button{padding:5px 4px 1px;color:#397a47}.add-row-button:hover:not(:disabled),.add-section-button:hover{color:#e27c17}.add-row-button:disabled{cursor:not-allowed;color:#aeb7ad}.add-section-button{width:100%;padding:10px;border:1px dashed #a8c49f;border-radius:10px;color:#397a47;background:#f1f7ed}.text-button{padding:3px 0}.text-button.danger{color:#b05d4e}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.theme-options button{display:grid;justify-items:center;gap:5px;padding:8px 4px;border:1px solid #dce1d7;border-radius:11px;color:#657168;background:#fff;font-size:10px}.theme-options button.active{color:#2d5c3b;border-color:#71a378;box-shadow:0 0 0 2px #508c5b1a}.theme-options i{width:28px;height:18px;border-radius:6px}.overlay-picker{margin-top:22px;padding-top:18px;border-top:1px solid #e3e7dd}.section-help{margin:-2px 0 14px;color:#7c897d;font-size:11px;line-height:1.6}.choice-label{margin:13px 0 7px;color:#59675d;font-size:11px;font-weight:800}.choice-grid{display:grid;gap:7px}.platform-grid{grid-template-columns:repeat(3,1fr)}.choice-grid button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:7px 5px;border:1px solid #dce3d8;border-radius:10px;color:#69756c;background:#fffefa;font-size:11px;font-weight:700}.choice-grid button:hover,.choice-grid button.active{color:#2c633b;border-color:#71a378;background:#f2f8ef;box-shadow:0 0 0 2px #508c5b1a}.platform-grid i{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;color:#fff;background:#477e55;font-style:normal;font-size:10px}.platform-grid button:nth-child(2) i{background:#436e9a}.platform-grid button:nth-child(3) i{background:#d66b58}.scene-grid{grid-template-columns:1fr 1fr}.scene-grid button{justify-content:flex-start;padding-left:10px}.scene-swatch{width:30px;height:22px;border-radius:7px;background:linear-gradient(140deg,#f5ead6,#d9c2a0);box-shadow:inset 0 0 0 1px #5d50361f}.scene-swatch.outdoor{background:linear-gradient(140deg,#dbe8c4 0 47%,#eabd54 48% 70%,#91b57b 71%)}.overlay-style-options{display:grid;gap:7px}.overlay-style-options button{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;text-align:left;border:1px solid #dce3d8;border-radius:11px;color:#647168;background:#fffefa}.overlay-style-options button:hover,.overlay-style-options button.active{border-color:#71a378;background:#f4f8ef;box-shadow:0 0 0 2px #508c5b1a}.overlay-style-options button>span:last-child{display:grid;gap:2px}.overlay-style-options strong{color:#365a3f;font-size:11px}.overlay-style-options small{color:#8a958b;font-size:9px}.overlay-swatch{position:relative;width:41px;height:31px;flex:0 0 auto;overflow:hidden;border-radius:9px;background:linear-gradient(160deg,#f7f6e9,#e9f0df)}.overlay-swatch:before{content:"";position:absolute;left:-4px;top:-5px;width:48px;height:14px;border-bottom:2px solid #b5c99a;border-radius:50%;transform:rotate(-9deg)}.overlay-swatch b{position:absolute;display:block;width:11px;height:6px;border-radius:100% 0;background:#b5c99a;transform:rotate(-30deg)}.overlay-swatch b:nth-child(1){top:4px;left:7px}.overlay-swatch b:nth-child(2){top:9px;left:23px;transform:rotate(34deg)}.overlay-swatch b:nth-child(3){bottom:5px;left:10px;width:7px;height:7px;border-radius:50%;background:#e5bd76}.overlay-swatch.orchard{background:linear-gradient(160deg,#f1f1df,#e6efd5)}.overlay-swatch.orchard b{background:#82ac70}.overlay-swatch.orchard b:nth-child(3){background:#e1aa38}.overlay-swatch.minimal{background:#f7f5ef}.overlay-swatch.minimal:before{border-color:#c9c2b4}.overlay-swatch.minimal b{background:#cec7ba}.overlay-swatch.minimal b:nth-child(3){background:#d8aa77}.overlay-swatch.companion{background:linear-gradient(160deg,#fff9ef,#eee2cb)}.overlay-swatch.companion:before{border-color:#c9b890}.overlay-swatch.companion b{background:#c9b890}.overlay-swatch.companion b:nth-child(3){background:#df9660}.style-note{display:grid;gap:3px;margin-top:9px;padding:8px 9px;border-radius:9px;color:#8b7961;background:#faf2df;font-size:9px;line-height:1.5}.style-note b{color:#84613b;font-size:10px}.safe-toggle{display:flex;align-items:center;gap:9px;margin-top:13px;padding:10px;border:1px solid #e0e7dc;border-radius:11px;background:#f8faf5;cursor:pointer}.safe-toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{position:relative;width:31px;height:18px;flex:0 0 auto;border-radius:999px;background:#cdd6cb;transition:background .2s}.toggle-ui:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1b321f3d;transition:transform .2s}.safe-toggle input:checked+.toggle-ui{background:#4b8a56}.safe-toggle input:checked+.toggle-ui:after{transform:translate(13px)}.safe-toggle>span:last-child{display:grid;gap:2px}.safe-toggle strong{color:#3b6044;font-size:11px}.safe-toggle small{color:#88948a;font-size:9px}.preview-panel{min-width:0;display:grid;grid-template-rows:auto 1fr auto;background:#e8e4da}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid rgba(63,86,66,.13)}.preview-toolbar>div{display:flex;align-items:center;gap:9px}.preview-toolbar>span{color:#7b857d;font:600 10px Avenir Next,sans-serif}.preview-tabs{display:flex;gap:3px;padding:3px;border-radius:10px;background:#5b6c5b1a}.preview-tabs button{padding:7px 10px;border:0;border-radius:8px;color:#7b857d;background:transparent;font-size:11px;font-weight:800}.preview-tabs button.active{color:#2d5f3a;background:#fffdf7;box-shadow:0 2px 8px #2e3d2e1a}.preview-stage{display:grid;place-items:center;min-height:540px;max-height:980px;padding:28px;overflow:auto;background:radial-gradient(circle,#f8f4e9 0,#e9e4da 62%,#ddd8cf)}.preview-card{width:min(100%,720px);filter:drop-shadow(0 24px 30px rgba(42,57,45,.17));animation:card-arrive .65s cubic-bezier(.2,.8,.2,1) both}.card-svg{display:block;width:100%;height:auto;overflow:visible}.svg-font{font-family:PingFang SC,Hiragino Sans GB,sans-serif}.live-scene{position:relative;width:min(100%,360px);aspect-ratio:9 / 16;overflow:hidden;border-radius:20px;background:#d7e3c8;box-shadow:0 24px 36px #2c3a2c33;animation:card-arrive .65s cubic-bezier(.2,.8,.2,1) both}.live-scene.indoor{background:linear-gradient(155deg,#eee5d6,#dfc9a8 47%,#c29465)}.live-scene.outdoor{background:linear-gradient(160deg,#c9dfbd,#a7c98c 45%,#e4b94e)}.live-backdrop-detail{position:absolute;inset:0;overflow:hidden;opacity:.72}.live-backdrop-detail:before{content:"";position:absolute;right:-20%;bottom:20%;width:86%;height:43%;border-radius:50%;background:#fff8d65c;transform:rotate(-14deg)}.live-scene.indoor .live-backdrop-detail:after{content:"";position:absolute;left:8%;right:8%;bottom:10%;height:28%;border-radius:18px;background:repeating-linear-gradient(90deg,rgba(126,80,41,.18) 0 5px,transparent 5px 58px),#fff6da42}.live-scene.outdoor .live-backdrop-detail:after{content:"";position:absolute;left:-8%;right:-8%;bottom:5%;height:34%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#46753f33,#ebc0492e);transform:rotate(-5deg)}.live-backdrop-detail span{position:absolute;border-radius:50%;background:#fffade52}.live-backdrop-detail span:nth-child(1){width:72px;height:72px;top:150px;left:38px}.live-backdrop-detail span:nth-child(2){width:36px;height:36px;top:290px;right:37px}.live-backdrop-detail span:nth-child(3){width:52px;height:52px;bottom:136px;left:60px}.live-camera-note{position:absolute;top:122px;left:50%;z-index:1;padding:5px 9px;color:#354e34a8;border:1px solid rgba(255,255,255,.45);border-radius:99px;background:#ffffff40;font-size:9px;transform:translate(-50%)}.live-person-placeholder{position:absolute;top:174px;left:50%;z-index:1;display:grid;justify-items:center;gap:10px;color:#26442bbf;transform:translate(-50%)}.live-person-placeholder i{display:grid;place-items:center;width:96px;height:96px;border:2px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;background:#3d6d3e59;font-style:normal;font-size:29px}.live-person-placeholder span{padding:5px 10px;border-radius:99px;background:#ffffff47;font-size:10px}.mock-account-ui,.mock-product-ui,.mock-comments-ui{position:absolute;z-index:2;display:grid;gap:3px;color:#ffffffeb;text-shadow:0 1px 3px rgba(23,38,24,.3);font-size:8px}.mock-account-ui{top:19px;left:14px;grid-template-columns:1fr auto;align-items:center;width:126px}.mock-account-ui b{font-size:9px}.mock-account-ui span{padding:3px 6px;border:1px solid rgba(255,255,255,.55);border-radius:5px}.mock-product-ui{right:14px;bottom:76px;width:108px;padding:7px;border-radius:9px;background:#4549337a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mock-product-ui small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mock-comments-ui{left:13px;bottom:71px;width:90px}.mock-comments-ui span{margin-bottom:3px;font-weight:800}.mock-comments-ui i{width:74px;height:5px;border-radius:99px;background:#ffffff6e}.live-overlay-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.overlay-svg{display:block;width:100%;height:100%}.safe-zone rect{fill:#cd5b3e17;stroke:#b24a34bf;stroke-width:1.5;stroke-dasharray:4 4}.safe-zone text{fill:#8b3f32e6;font-size:7px;font-weight:800}.safe-zone.product-zone rect{fill:#e09b241c;stroke:#c37d19d1}.safe-zone.product-zone text{fill:#8b5b16eb}.live-scene-footer{position:absolute;right:13px;bottom:15px;z-index:4;display:grid;justify-items:end;gap:3px;color:#ffffffeb;text-align:right;text-shadow:0 1px 4px rgba(27,45,27,.3)}.live-scene-footer strong{font-size:10px}.live-scene-footer span{font-size:8px}.preview-disclaimer{position:absolute;left:50%;bottom:3px;z-index:5;margin:0;color:#ffffffab;font-size:7px;transform:translate(-50%);white-space:nowrap}.overlay-highlights{filter:drop-shadow(0 3px 4px rgba(54,51,38,.12))}.download-bar{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:16px 20px;background:#fffdf7e6;border-top:1px solid #d8d9d1}.download-bar div{display:grid}.download-bar strong{font-size:13px}.download-bar span{color:#889188;font-size:10px}.primary-button,.secondary-button{min-height:42px;padding:0 15px;border-radius:12px;font-weight:800;font-size:12px}.primary-button{color:#fff;background:#ef8b1f;border:0;box-shadow:0 8px 20px #ef8b1f42}.primary-button:hover{background:#de7914;transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.75;transform:none}.secondary-button{color:#315b3e;background:#edf3e9;border:1px solid #c8d7c0}.score-card{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:15px;margin-bottom:18px;border-radius:17px;background:#f0f4ed;border:1px solid #d5dfd0}.score-ring{--score: 300deg;width:82px;height:82px;display:grid;place-content:center;border-radius:50%;text-align:center;background:conic-gradient(#3e8550 var(--score),#d9e1d6 0);position:relative}.score-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fffdf7}.score-ring strong,.score-ring small{position:relative;z-index:1}.score-ring strong{font:700 25px Avenir Next,sans-serif;line-height:1}.score-ring small{color:#7a867d;font-size:9px}.score-card b{font-size:15px}.score-card p{margin:5px 0 0;color:#6f7c72;font-size:11px;line-height:1.65}.score-card.warn .score-ring{background:conic-gradient(#e3a226 var(--score),#e6dfcd 0)}.score-card.bad .score-ring{background:conic-gradient(#c75a47 var(--score),#ead8d4 0)}input[type=range]{width:100%;accent-color:#397a47}.metric-list{display:grid;gap:8px;margin:5px 0 18px}.metric-list div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f6f6f0;border-radius:10px}.metric-list span{color:#78837b;font-size:11px}.metric-list strong{font:700 13px Avenir Next,PingFang SC,sans-serif}.tip-card{padding:15px;border:1px dashed #d6b56b;border-radius:14px;background:#fff7df}.tip-card b{color:#8c5b11;font-size:12px}.tip-card p{margin:6px 0 0;color:#806f4d;font-size:11px;line-height:1.65}.safety-card{margin-top:18px;padding:14px;border:1px solid #d8e4d3;border-radius:14px;background:#f4f8f1}.safety-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.safety-heading b{color:#2e6840;font-size:13px}.safety-heading span{padding:3px 7px;border-radius:99px;color:#52735a;background:#e4efe0;font-size:9px;font-weight:800}.safety-card>p{margin:7px 0 9px;color:#7f8c81;font-size:10px}.safety-item{display:flex;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #e1eadf}.safety-item i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;background:#5c9a63;font-size:10px;font-style:normal;font-weight:800}.safety-item span{flex:1;color:#56675a;font-size:10px}.safety-item strong{color:#46814e;font-size:9px}.safety-card>small{display:block;margin-top:8px;color:#8a968a;font-size:9px;line-height:1.5}@keyframes card-arrive{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1500px){.workspace{grid-template-columns:350px 1fr}.readability-panel{grid-column:1 / -1;border-left:0;border-top:1px solid #e1e4d9;display:grid;grid-template-columns:260px 1fr 1fr;gap:18px;align-items:start}.readability-panel .panel-heading{grid-column:1 / -1;margin-bottom:0}.tip-card{grid-column:3}.safety-card{grid-column:1 / -1}}@media(max-width:820px){.app-shell{width:min(100% - 18px,680px);margin-top:9px}.topbar{grid-template-columns:auto 1fr;padding:17px;border-radius:20px 20px 0 0}.topbar-badge{display:none}.brand-mark{width:54px;height:54px}.workspace{display:flex;flex-direction:column;border-radius:0 0 20px 20px}.editor-panel,.readability-panel{padding:20px 17px;border:0}.preview-panel{order:-1}.preview-stage{min-height:0;max-height:720px;padding:14px}.preview-toolbar{flex-wrap:wrap}.preview-tabs{order:3;width:100%}.preview-tabs button{flex:1}.download-bar{grid-template-columns:1fr 1fr;padding:13px}.download-bar div{grid-column:1 / -1}.readability-panel{display:block}.two-cols{grid-template-columns:1fr;gap:0}}@media(max-width:460px){.topbar h1{font-size:30px}.topbar p:not(.eyebrow){font-size:12px}.preview-toolbar>span{display:none}.download-bar{grid-template-columns:1fr}.download-bar div,.download-bar button{grid-column:1;width:100%}.theme-options{grid-template-columns:1fr 1fr 1fr}.scene-grid{grid-template-columns:1fr 1fr}}