:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:flex;align-items:stretch;justify-content:center;background:radial-gradient(circle at top,#e5e7eb,#f3f4f6 40%,#e5e7eb)}#app{width:100%;max-width:960px;margin:24px}.page{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:flex-start}.panel-3d{align-self:flex-start}.panel-3d--hidden{display:none}.panel{background:#fff;border-radius:18px;padding:24px 24px 28px;box-shadow:0 18px 45px #0f172a1f}.panel-form{display:flex;flex-direction:column;gap:18px}.title{margin:0;font-size:1.6rem;letter-spacing:-.02em}.subtitle{margin:2px 0 0;color:#6b7280;font-size:.9rem}.form{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}.optimize-btn{grid-column:3;justify-self:end;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.optimize-btn:hover{background:#2563eb}.optimize-btn:active{transform:scale(.98)}.field{display:flex;flex-direction:column;gap:4px;font-size:.85rem}label{color:#4b5563}input[type=number]{border-radius:10px;border:1px solid #e5e7eb;padding:8px 10px;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input[type=number]:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 8px 20px #3b82f629}input[type=number]:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#6b7280}.panel-results{margin-top:12px}.panel-results h2{margin:0 0 6px;font-size:1rem}.results{border-radius:12px;border:1px dashed #d1d5db;padding:10px 12px;background:#f9fafb;font-size:.9rem;color:#111827}.results--empty{color:#9ca3af}.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.result-row+.result-row{margin-top:6px}.result-label{color:#6b7280}.result-value{font-weight:600}.panel-advanced{margin-top:12px}.advanced-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.95rem;font-weight:500;color:#3b82f6;list-style:none;padding:4px 0}.advanced-toggle::-webkit-details-marker{display:none}.advanced-toggle:before{content:"▶";display:inline-block;margin-right:6px;transition:transform .2s ease;font-size:.7em}details[open] .advanced-toggle:before{transform:rotate(90deg)}.advanced-content{margin-top:12px;display:flex;flex-direction:column;gap:16px}.advanced-section{padding:12px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb}.advanced-section h3{margin:0 0 10px;font-size:.9rem;color:#374151}.field-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:12px}.field-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.field-checkbox label{cursor:pointer;font-size:.9rem;color:#111827}.field-slider{display:flex;flex-direction:column;gap:6px}.field-slider label{font-size:.85rem;color:#6b7280}.slider-row{display:flex;align-items:center;gap:12px}input[type=range]{flex:1;cursor:pointer}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.slider-label{min-width:60px;text-align:right;font-size:.9rem;font-weight:600;color:#111827}.placeholder-text{margin:0;color:#9ca3af;font-size:.85rem}.slider-tooltip{position:fixed;display:none;background:#111827;color:#fff;padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:600;pointer-events:none;z-index:1000;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.slider-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#111827}.panel-3d h2{margin:0 0 8px;font-size:1rem}.scene-container{border-radius:14px;min-height:320px;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb}.scene-container canvas{display:block;cursor:grab}.scene-container canvas:active{cursor:grabbing}.layout-2d{margin-top:8px;border-radius:14px;min-height:220px;background:#f9fafb;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.layout-2d svg{width:100%;height:auto;display:block}@media(max-width:840px){.page,.form{grid-template-columns:minmax(0,1fr)}.optimize-btn{grid-column:1;justify-self:stretch}}