:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ecc94b3d,#0000 28%),linear-gradient(#f7f3ea 0%,#efe7da 100%);font-family:Segoe UI,PingFang SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{min-width:320px;margin:0}button,input{font:inherit}input,textarea{-webkit-user-select:text;user-select:text}#app{min-height:100vh}.page-shell{grid-template-columns:360px minmax(0,1fr);gap:24px;max-width:1600px;min-height:100vh;margin:0 auto;padding:24px;display:grid}.sidebar,.workspace{flex-direction:column;gap:24px;display:flex}.workspace{min-width:0}.workspace-panel{flex-direction:column;flex:1 1 0;min-height:360px;display:flex}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf7d6;border:1px solid #94a3b847;border-radius:24px;padding:24px;box-shadow:0 20px 60px #6b461814}.panel-header{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.eyebrow{color:#9a6a39;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}h1,h2{color:#1f2937;margin:0;line-height:1.1}h1{margin-bottom:14px;font-size:clamp(2rem,4vw,3.6rem)}h2{margin-bottom:14px;font-size:1.2rem}.intro,.note{color:#4b5563;margin:0}.dimension-form{gap:14px;display:grid}.slider-block{gap:10px;display:grid}.slider-header{color:#4b5563;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:.92rem;display:grid}.slider-header strong{color:#111827;font-size:1rem}.slider-header span:last-child{text-align:right}.progress-slider{accent-color:#c97342;width:100%}.field{gap:8px;display:grid}.field span{color:#374151;font-size:.95rem;font-weight:600}.field input{appearance:textfield;background:#ffffffe0;border:1px solid #94a3b880;border-radius:14px;outline:none;padding:12px 14px}.field input:focus{border-color:#c97342;box-shadow:0 0 0 3px #c9734226}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px;display:grid}.stats div{background:#ffffffb3;border-radius:18px;padding:14px}.stats dt{color:#6b7280;margin-bottom:6px;font-size:.8rem}.stats dd{color:#111827;margin:0;font-size:1.4rem;font-weight:700}.net-preview,.preview-3d{border:1px solid #94a3b847;border-radius:18px;overflow:hidden}.net-preview-shell{flex:auto;gap:12px;min-height:0;display:grid}.net-preview-toolbar{color:#6b7280;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.net-reset-button{color:#374151;cursor:pointer;background:#ffffffeb;border:1px solid #94a3b866;border-radius:999px;padding:8px 14px}.net-preview{cursor:grab;touch-action:none;background-color:#fffdf8;background-image:linear-gradient(#cbd5e147 1px,#0000 1px),linear-gradient(90deg,#cbd5e147 1px,#0000 1px),none;background-position:0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex:auto;min-height:380px}.net-preview.is-dragging{cursor:grabbing}.net-svg{width:100%;height:100%;min-height:380px;display:block}.panel-fill{fill:#c973421a;stroke:#0000}.panel-label{fill:#9a3412;font-size:12px;font-weight:700}.edge-cut{stroke:#7c2d12;stroke-width:2px}.edge-fold{stroke:#2563eb;stroke-dasharray:8 6;stroke-width:2px}.preview-3d{background:#f4efe7;min-height:380px}.preview-placeholder{color:#6b7280;justify-content:center;align-items:center;display:flex}.preview-3d canvas{min-height:380px;display:block;width:100%!important;height:100%!important}@media (width<=1120px){.page-shell{grid-template-columns:1fr}}@media (width<=640px){.page-shell{padding:16px}.panel{border-radius:20px;padding:18px}.stats{grid-template-columns:1fr}}