:root{color:#172033;background:#f3efe8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{min-height:100vh;padding:18px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}h1{letter-spacing:-.04em;margin:0;font-size:30px}p{color:#637083;margin:4px 0 0}.tabs{background:#fff;border-radius:999px;padding:6px;display:flex;box-shadow:0 10px 30px #17203314}.tabs button{cursor:pointer;color:#637083;background:0 0;border:0;border-radius:999px;padding:10px 18px}.tabs button.active{color:#fff;background:#6d4aff;box-shadow:0 8px 18px #6d4aff47}.workspace{grid-template-columns:320px 1fr;gap:18px;min-height:calc(100vh - 92px);display:grid}.controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #fffc;border-radius:24px;padding:18px;box-shadow:0 20px 50px #17203314}.controls h2{margin:0 0 14px;font-size:19px}.controlGroup{border-top:1px solid #e7e1d9;margin-top:18px;padding-top:16px}.controlGroup h3{margin:0 0 10px}label{color:#637083;gap:6px;margin-bottom:10px;font-size:13px;display:grid}input[type=number]{color:#172033;background:#fff;border:1px solid #d9d2ca;border-radius:12px;width:100%;padding:10px 12px}.uploadBox{cursor:pointer;background:#fff;border:1px dashed #c9c1b7;border-radius:16px;gap:8px;margin-bottom:10px;padding:14px;display:grid}.uploadBox strong{color:#6d4aff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.uploadBox input{display:none}.hint{color:#637083;background:#f6f2ed;border-radius:12px;padding:10px;font-size:12px}.mainPanel{background:#ffffff9e;border:1px solid #ffffffd9;border-radius:28px;min-width:0;overflow:hidden;box-shadow:0 20px 50px #17203314}.editor2d,.preview3d{height:100%;min-height:650px;position:relative}.stageToolbar{z-index:5;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:16px;left:16px;right:16px}.stageToolbar button{color:#172033;cursor:pointer;background:#fff;border:0;border-radius:12px;padding:9px 12px;box-shadow:0 8px 20px #17203314}.stageToolbar button:hover{background:#f6f2ed}.stage2d{background:linear-gradient(#f7f2eb 0 58%,#e5ddd2 58% 100%);height:100%;min-height:650px;position:relative;overflow:hidden}.wall2d{background:linear-gradient(135deg,#ece5dc,#fffaf4);border-radius:8px 8px 0 0;width:70%;height:62%;position:absolute;bottom:160px;left:50%;transform:translate(-50%);box-shadow:inset 0 -8px 20px #0000000a}.panel2d{background-position:50%;background-size:cover;border:1px solid #3c50501f;border-radius:6px;max-width:76%;max-height:60%;position:absolute;transform:translate(-50%);box-shadow:18px 16px 32px #1720331a}.panel2d:after{content:"";background:#c3d7bea6;border-radius:0 6px 6px 0;width:12px;height:calc(100% - 8px);position:absolute;top:8px;right:-12px;transform:skewY(-8deg)}.cylinder2d{background-position:50%;background-size:cover;border:1px solid #00000014;border-radius:50%/12%;max-width:180px;max-height:250px;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:22px 25px 30px #17203329}.cylinder2d:before{content:"";background:#ffffff6b;border-bottom:1px solid #0000000f;border-radius:50%;height:25%;position:absolute;inset:0 0 auto}.floorLine{background:#17203314;height:1px;position:absolute;bottom:160px;left:0;right:0}.preview3d canvas{width:100%;height:100%;min-height:650px;display:block}.loading,.missing-model{text-align:center;color:#172033;background:#fff;border-radius:16px;padding:14px 18px;font-size:13px;box-shadow:0 12px 35px #0000001f}@media (width<=900px){.workspace{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}.controls{order:2}.mainPanel{order:1}}.valueText{color:#6b7280;margin-top:6px;font-size:12px;display:inline-block}.resetLook{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;width:100%;margin-top:8px;padding:10px 12px;font-weight:700}.controlGroup input[type=range]{width:100%;margin-top:8px}.presetGrid{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.presetGrid button{color:#0f172a;cursor:pointer;background:#fffaf5;border:1px solid #e2d8ce;border-radius:10px;padding:8px 6px;font-weight:700}.presetGrid button:hover{background:#f5efe8}.editor2dClose{background:#fbf7f0;flex-direction:column;height:100%;display:flex}.stage2dClose{background:#fffaf3;border:1px solid #5a462d14;border-radius:24px;flex:1;margin:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffbf}.stage2dClose:before{content:"";opacity:.72;z-index:0;background:linear-gradient(#f1d7cf,#f7bfc8);height:36%;position:absolute;bottom:0;left:0;right:0}.stage2dClose:after{content:"";z-index:1;background:#503c2824;height:1px;position:absolute;bottom:36%;left:0;right:0}.canvas2d{z-index:3;background-color:#0000;background-image:linear-gradient(#7864500b 1px,#0000 1px),linear-gradient(90deg,#7864500b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:14px;position:absolute;inset:58px 34px 26px 76px;overflow:hidden}.rulerTop{color:#333;z-index:5;border-bottom:1px solid #503c282e;justify-content:space-between;align-items:flex-end;height:36px;font-size:13px;display:flex;position:absolute;top:18px;left:76px;right:34px}.rulerTop span{position:relative}.rulerTop span:after{content:"";background:#503c2840;width:1px;height:8px;position:absolute;top:18px;left:50%}.rulerTop b{color:#777;margin-left:10px;font-weight:500}.rulerLeft{color:#333;z-index:5;border-right:1px solid #503c282e;flex-direction:column;justify-content:space-between;align-items:flex-end;width:35px;padding-right:8px;font-size:13px;display:flex;position:absolute;top:58px;bottom:26px;left:32px}.panel2dClose{z-index:4;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;position:absolute;transform:translate(-50%);box-shadow:0 18px 42px #503c281a,0 0 0 1px #6e502d14}.cylinder2dClose{z-index:8;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0 0 42% 42%/0 0 9% 9%;position:absolute;overflow:visible;transform:translate(-50%);box-shadow:inset 22px 0 30px #fff3,inset -24px 0 34px #0000001a,0 22px 36px #462d1e2e}.cylinderTop2d{z-index:3;background:#f3bddf;border-radius:50%;width:100%;height:20%;position:absolute;top:-10%;left:0;box-shadow:inset 0 10px 20px #ffffff59,inset 0 -8px 16px #6428501f,0 2px #50284640}.cylinderLight2d{pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;z-index:2;background:linear-gradient(90deg,#0000001f 0%,#ffffff26 24%,#ffffff0f 50%,#0000001a 100%);position:absolute;inset:0}.fakeShadow2d{z-index:6;filter:blur(2px);background:radial-gradient(#3c281e38,#3c281e00 70%);border-radius:50%;height:42px;position:absolute;transform:translate(-50%)}.selected2d{outline-offset:0;outline:2px solid #8759ff}.handle{z-index:20;background:#fff;border:2px solid #8759ff;border-radius:50%;width:13px;height:13px;position:absolute}.handle.h1{top:-8px;left:-8px}.handle.h2{top:-8px;right:-8px}.handle.h3{bottom:-8px;left:-8px}.handle.h4{bottom:-8px;right:-8px}.rotateHandle{color:#8759ff;z-index:20;background:#fff;border:2px solid #8759ff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:absolute;bottom:-48px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #50327826}.miniFloatTools{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#ffffffeb;border-radius:13px;gap:6px;padding:7px 9px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #46321e24}.topTools{top:-48px}.cylinderTools{top:-60px}.miniFloatTools button{cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:15px}.stageToolbar{z-index:20;position:relative}