*{box-sizing:border-box}body{margin:0;font:13px "Microsoft YaHei",Arial,sans-serif;color:#273044;background:#fff}button,input,select{font:inherit}button{cursor:pointer;background:white;border:1px solid #e0e4ec;border-radius:6px;padding:8px 12px;color:inherit}button:hover{background:#edf2fb}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}header{height:65px;border-bottom:1px solid #e3e7ee;display:flex;align-items:center;padding:0 20px;gap:18px}header b{font-size:18px}header>span{font-size:12px}.toolbar{margin:auto;display:flex;gap:6px;align-items:center}.primary{background:#303437;color:white}.primary:hover{background:#485158}main{display:grid;grid-template-columns:64px 285px minmax(340px,1fr) 300px;height:calc(100vh - 65px)}nav{border-right:1px solid #e2e6ef;padding:16px 7px;display:flex;flex-direction:column;gap:12px}nav button{border:0;font-size:21px;padding:8px 0}nav span{display:block;font-size:11px;margin-top:4px}nav .active{background:#303437;color:white}.library{display:flex;flex-direction:column;border-right:1px solid #e2e6ef;min-height:0}#panel{padding:20px;flex:1;overflow:auto}h3{font-size:13px;margin:0 0 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading span{font-size:11px;color:#7c8593}.layer-panel{border-top:1px solid #e2e6ef;padding:18px;max-height:35%;overflow:auto}.layer{display:flex;width:100%;justify-content:space-between;align-items:center;margin:6px 0;text-align:left;overflow:hidden}.layer.active{border-color:#527eff;background:#f0f4ff}.workspace{background:#f0f2f6;position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden}.quality{position:absolute;left:20px;top:20px;z-index:3;background:white;border-radius:12px;padding:13px 16px;box-shadow:0 2px 8px #25345814;font-size:12px;pointer-events:none}.quality small{display:block;color:#77808d;font-size:10px;line-height:1.7;margin-top:7px}.canvas-scroll{flex:1;overflow:auto;display:grid;place-items:center;padding:120px 32px 35px}#board{position:relative;flex-shrink:0;width:390px;height:584px;box-shadow:0 1px 10px #26375424;background-color:#fff;background-image:conic-gradient(#e4e5e7 25%,transparent 0 50%,#e4e5e7 0 75%,transparent 0);background-size:16px 16px;touch-action:none}#outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#art{position:absolute;inset:0;overflow:hidden}.design-layer{position:absolute;transform:translate(-50%,-50%);cursor:move;touch-action:none;user-select:none;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.2;text-align:center}.design-layer.selected{outline:1px dashed #487bff;outline-offset:5px}.design-layer img{display:block;width:100%;pointer-events:none}.workspace-foot{padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:10px;color:#727d8c;background:#f8f9fb;border-top:1px solid #e4e7ee}.preview{padding:20px 16px;overflow:auto;border-left:1px solid #e2e6ef}.preview-image{aspect-ratio:1;border:1px solid #e1e6ef;border-radius:14px;padding:10px}.preview-image img{width:100%;height:100%;object-fit:contain}#angles{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:13px}#angles button{padding:2px;aspect-ratio:1}#angles img{width:100%}#angles .active{border:2px solid #303437}.notice{font-size:11px;line-height:1.8;color:#798492}.details,#properties{border-top:1px solid #e2e6ef;padding-top:20px;margin-top:20px}.details p{display:flex;justify-content:space-between;font-size:11px;margin:18px 0}.details b{font-weight:normal}label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:12px}input:not([type=color]):not([type=range]),select{padding:8px;border:1px solid #dce2ed;border-radius:5px;max-width:150px}input[type=range]{width:140px;accent-color:#527eff}.template{width:100%;text-align:center;padding:15px;border-color:#4c6591}.template img{width:100%;height:160px;object-fit:contain}.muted{font-size:11px;line-height:1.8;color:#808c9b}.full{width:100%;margin:8px 0}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:20px 0}.swatches button{height:33px;border:1px solid #ddd}#restore{width:100%;margin-top:20px}dialog{border:0;border-radius:14px;padding:30px;max-width:90vw}dialog::backdrop{background:#17223699}dialog img{display:block;width:500px;max-width:75vw;image-rendering:auto}#closeLarge{position:absolute;right:10px;top:10px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #628bff;outline-offset:2px}@media(max-width:1150px){main{grid-template-columns:55px 220px minmax(300px,1fr) 240px}header{gap:10px;padding:0 10px}header>span{display:none}.toolbar{gap:2px}.toolbar button{padding:7px}header b{font-size:14px}}@media(max-width:850px){header{height:auto;min-height:65px;flex-wrap:wrap;padding:10px}.toolbar{order:2;width:100%;justify-content:center}main{height:auto;grid-template-columns:50px 190px minmax(320px,1fr);min-height:800px}.preview{grid-column:2/4;display:block}.preview-image{max-width:300px}#angles{max-width:300px}.workspace{min-height:750px}body{min-width:650px}}

.piece-references{margin-top:20px}.piece-references button{margin:3px;font-size:11px}.quality{max-width:250px}

.designer-locale{display:inline-flex;align-items:center;margin-left:4px}.designer-locale select{max-width:132px;min-width:104px;background:#fff;border:1px solid #dce2ed;border-radius:6px;padding:7px 24px 7px 9px;color:#273044;font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1150px){.designer-locale select{max-width:116px;min-width:96px;padding:6px}}
@media(min-width:1151px) and (max-width:1500px){header{gap:7px;padding:0 10px}header b{flex:0 1 132px;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}header>span{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar{gap:3px;min-width:0}.toolbar button{padding:6px 7px;white-space:nowrap}header #fangguoFallback{display:none}.designer-locale{margin-left:0}.designer-locale select{min-width:92px;max-width:104px;padding:6px 18px 6px 7px;font-size:11px}}
@media(min-width:1151px) and (max-width:1500px){header{display:grid;grid-template-columns:minmax(75px,auto) minmax(100px,1fr) minmax(70px,auto) auto auto auto auto;grid-template-rows:38px 38px;height:auto;min-height:92px;gap:4px 8px}header>a:first-child{grid-column:1;grid-row:1;white-space:nowrap}header>b{grid-column:2;grid-row:1}header>span{grid-column:3;grid-row:1}header>.toolbar{grid-column:1/-1;grid-row:2;justify-self:center;margin:0;max-width:100%;overflow-x:auto}header>#export{grid-column:4;grid-row:1}header>button:nth-of-type(2){grid-column:5;grid-row:1}header>#save{grid-column:6;grid-row:1}header>#addToCart{grid-column:7;grid-row:1}main{height:calc(100vh - 92px)}}

#estimatedPreview{width:100%;height:auto;border:1px solid #dce1e9;border-radius:10px}#reconStatus{font-size:11px;color:#66705f}#cutGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:25px}#cutGrid button{padding:3px;min-width:0}#cutGrid canvas{width:100%;height:auto;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0/12px 12px}#cutGrid span{display:block;font-size:10px;overflow-wrap:anywhere}#exportCuts{width:100%;margin:8px 0}

#mappedViews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0}#mappedViews button{font-size:11px;padding:7px 3px}#mappedViews .active{border-color:#536746;background:#edf3e9}

.cart-action{background:#78874f;color:#fff;border:0;padding:9px 14px}.cart-action span{margin-left:6px}.cart-action.done{background:#496b3b}

.designer-flow{height:34px;background:#eef0e8;display:flex;align-items:center;justify-content:center;gap:34px;font-size:10px;color:#878b80}.designer-flow b{color:#293027}.cart-notice{position:fixed;right:22px;top:92px;z-index:30;width:285px;background:#fff;border:1px solid #daddd0;box-shadow:0 15px 45px #27302025;padding:18px}.cart-notice strong,.cart-notice span{display:block}.cart-notice span{font-size:12px;color:#777;margin:5px 0 14px}.cart-notice div{display:flex;justify-content:space-between;align-items:center}.cart-notice a{background:#293027;color:#fff;padding:9px 12px}.cart-notice button{border:0;background:none;text-decoration:underline}@media(max-width:700px){.designer-flow{justify-content:flex-start;overflow:auto;padding:0 12px}.cart-notice{left:12px;right:12px;width:auto}}
.fangguo-fallback{padding:9px 12px;border:1px solid #a9b59f;border-radius:6px;color:#344029;text-decoration:none;background:#f3f6ed;white-space:nowrap}


/* Professional local designer additions */
.pro-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.pro-actions button{min-height:36px}
.show-pro-grid #board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:20;background-image:linear-gradient(rgba(27,96,180,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(27,96,180,.18) 1px,transparent 1px);background-size:10% 10%}
.show-pro-grid #board:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:21;background:linear-gradient(90deg,transparent 49.8%,#10bfc5 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#10bfc5 50%,transparent 50.2%)}