.header{border-bottom:0;background:#faf9f6}.header-title{position:absolute;left:28%;right:28%;text-align:center;font-weight:400}.workspace{flex:1;min-height:0;display:flex;flex-direction:column;background:#f8f7f4}.workspace .editor-stage{height:clamp(236px,41.8dvh,375px);flex-shrink:0;background:#f5f3ef}.workspace .stage-caption{bottom:34px;font-size:8px;letter-spacing:1px;color:#a0998d}.view-modes{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;width:137px;border:1px solid #e2dfd8;border-radius:22px;background:#eeece7;overflow:hidden}.view-modes button{flex:1;font-size:10px;padding:5px 0;border-radius:20px;color:#a29b91;font-weight:400}.view-modes button.active{background:#fffefa;color:#2a2a26;box-shadow:0 1px 4px #00000007}.workspace .edit-tools{padding:10px 18px 8px;gap:6px;margin:0;flex-shrink:0}.workspace .edit-tools button{padding:8px 0 7px;font-size:9px;font-weight:400;letter-spacing:.5px;background:#fdfcf9;border:1px solid #edeae4;border-radius:9px;gap:5px}.workspace .edit-tools button.active{background:#f4f1eb;border-color:#e1dcd2}.workspace .edit-tools svg{width:17px;height:17px}.add-icon{height:17px;line-height:14px;font-size:21px;font-weight:300}.editor-history{margin:0 18px 10px;padding:8px 6px;display:flex;align-items:center;border:1px solid #e9e6e0;background:#fdfcf9;border-radius:9px;flex-shrink:0;height:43px}.editor-history button{font-size:9px;text-align:center;font-weight:400;display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:0}.editor-history svg{width:15px;height:15px}.history-divider{height:19px;width:1px;background:#e7e3db;margin:0 6px}.editor-history .symmetry-action{flex:1.65;gap:9px;white-space:nowrap}.editor-history .history-save{flex:.55}.editor-history .toggle{width:32px;height:18px;display:block;background:#c9c7c1}.editor-history .toggle.on{background:#30322e}.material-panel{flex:1;min-height:84px;display:flex;flex-direction:column;padding:3px 18px 2px;border-top:1px solid #e8e5de;background:#faf9f6}.material-panel .category-tabs{margin:0;flex-shrink:0;height:35px;align-items:center;gap:17px;justify-content:flex-start}.material-panel .category-tabs button{font-size:10px;font-weight:400;letter-spacing:.5px;color:#9a948a;padding:6px 0;white-space:nowrap}.material-panel .category-tabs button.active{border-bottom:1px solid #35352f;color:#292a25}.material-panel .category-tabs .catalog-help{margin-left:auto;color:#aea596;border:1px solid #d8d1c6;width:14px;height:14px;padding:0;border-radius:50%;line-height:13px;font-size:9px}.material-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.material-scroll::-webkit-scrollbar{display:none}.material-panel .material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px 5px;padding:4px 0 7px}.material-panel .material-btn{padding:0;font-weight:400}.material-panel .material-btn canvas{height:43px;width:43px;margin:0 auto 4px;display:block}.material-panel .material-btn .name{font-size:9px;color:#726c61;letter-spacing:.2px}.material-panel .material-btn small{font-size:8px;margin-top:3px;color:#b0a28f}.material-panel .qty{top:0;right:5px;font-size:7px;background:#ece8df;color:#999083;padding:1px 4px}.catalog-note{font-size:8px;color:#a89e8e;padding:7px 0 15px;line-height:1.7;text-align:center}.catalog-note .help-link{font-size:8px;margin-left:8px}.builder-foot{border-top:1px solid #e5e1d8;background:#faf9f6;padding:10px 18px max(10px,env(safe-area-inset-bottom))}.builder-foot .metrics{margin-bottom:9px}.builder-foot .metric small{font-size:8px;color:#aaa092;letter-spacing:.2px}.builder-foot .metric{font-size:11px;font-weight:400;gap:8px}.builder-foot .metric svg{width:20px;height:20px}.builder-foot .foot-price strong{font-size:17px;font-weight:400}.builder-foot .pill{min-height:36px;padding:9px 17px;font-size:11px;letter-spacing:1px;font-weight:400}.confirm-stage{height:clamp(255px,34dvh,315px);position:relative}.product-title{position:absolute;bottom:22px;left:0;right:0;text-align:center;font:12px Georgia,serif;letter-spacing:3px;color:#6d6253;pointer-events:none}.product-title small{display:block;font:8px 'Songti SC',serif;letter-spacing:3px;margin-top:7px;color:#a39a8b}.paper-card{border:0;background:#fdfcf9;border-radius:10px;margin:7px 14px;padding:14px}.card-title{font-size:12px;margin-bottom:11px;font-weight:400;letter-spacing:.5px}.preview-card .card-title small{font-size:8px;letter-spacing:0}.preview-strip{width:100%;height:53px;border-radius:6px;display:block;overflow:hidden}.preview-card .line-small{font-size:8px;margin-top:7px;color:#9e9382}.preview-card .help-link{font-size:8px;margin-left:10px}.line-item canvas{height:30px;width:30px;flex-shrink:0}.material-lines{gap:12px 7px}.line-name{font-size:10px;font-weight:400}.double-actions{padding:10px 18px max(12px,env(safe-area-inset-bottom));background:#faf9f6}.double-actions .pill{padding:10px 7px;font-size:11px;font-weight:400;min-height:38px}
@media(max-width:650px) and (max-height:700px){.workspace .editor-stage{height:265px}.workspace .edit-tools{padding:8px 18px 6px}.editor-history{height:38px;margin-bottom:8px}.builder-foot .pill{min-height:34px}.builder-foot .metrics{margin-bottom:8px}}
.workspace .main-canvas{height:calc(100% - 52px)}.workspace .stage-caption{pointer-events:none}.confirm-stage .product-title{display:none}
.workspace .editor-stage{height:clamp(236px,48dvh,420px)}@media(max-width:650px) and (max-height:700px){.workspace .editor-stage{height:clamp(218px,40dvh,265px)}}
.preview-strip-scroll{overflow-x:auto;border-radius:6px;background:#eeebe4;scrollbar-width:none}.preview-strip-scroll::-webkit-scrollbar{display:none}.preview-strip-row{display:flex;width:max-content;height:53px;align-items:center}.preview-strip-row canvas{height:50px;width:49px;flex-shrink:0}

.material-spec{box-sizing:border-box;min-width:0;max-width:100%;width:100%;height:16px;padding:0 3px;margin:0;display:flex;align-items:center;justify-content:center;gap:3px;font-size:8px;background:#f5f1e9;color:#6e604d;border-radius:0;white-space:nowrap;overflow:hidden}.material-spec small{font-size:6px;color:#a2937d}.material-spec.fixed{background:#faf7f0}.size-option:disabled{opacity:.55}.size-option.active:disabled{opacity:1}

.current-spec-row{box-sizing:border-box;min-height:20px;flex-shrink:0;padding:0 13px;display:flex;align-items:center;font-size:10px;line-height:1.6;color:#6e604d;background:#f8f5ee;border-top:1px solid #eae5dc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}