:root{--shrinkage-primary: #f97316;--shrinkage-primary-dark: #ea580c;--shrinkage-secondary: #0f172a;--shrinkage-accent: #38bdf8;--shrinkage-bg: #1e293b;--shrinkage-border: rgba(255, 255, 255, .2);--text-main: #f8fafc;--text-muted: #cbd5e1}.shrinkage-container{max-width:900px;margin:2rem auto;padding:2.5rem;background:var(--shrinkage-bg);border-radius:24px;border:1px solid var(--shrinkage-border);box-shadow:0 12px 48px #0006;color:var(--text-main)}.shrinkage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.control-panel,.result-panel{display:flex;flex-direction:column;gap:1.8rem}.input-group{display:flex;flex-direction:column;gap:.6rem}.input-group label{font-size:.95rem;font-weight:700;color:var(--text-main);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.05em}.input-wrapper{position:relative;display:flex;align-items:center}input[type=number],select{width:100%;padding:.9rem 1.2rem;background:#0f172a;border:2px solid var(--shrinkage-border);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:500;transition:all .3s ease}input[type=number]:focus,select:focus{outline:none;border-color:var(--shrinkage-primary);box-shadow:0 0 0 4px #f973164d}.unit{position:absolute;right:1.2rem;color:var(--shrinkage-accent);font-weight:700;font-size:.9rem}.material-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.6rem}.material-btn{padding:.7rem;background:#334155;border:1px solid var(--shrinkage-border);border-radius:10px;color:#f1f5f9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.material-btn:hover{background:#475569;border-color:#94a3b8}.material-btn.active{background:var(--shrinkage-primary);border-color:var(--shrinkage-primary);color:#fff;box-shadow:0 4px 12px #f9731666}.visualization{background:#020617;border-radius:20px;height:220px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--shrinkage-border)}.cube-container{position:relative;width:100px;height:100px;transform:perspective(500px) rotateX(-20deg) rotateY(30deg);transform-style:preserve-3d}.cube{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.face{position:absolute;width:100px;height:100px;background:#f9731699;border:2px solid #fff}.front{transform:translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}.cube-target{position:absolute;width:100px;height:100px;transform-style:preserve-3d;opacity:.5}.face-target{position:absolute;width:100px;height:100px;border:1px dashed #38bdf8}.results-card{background:#0f172a;padding:2rem;border-radius:20px;border:2px solid var(--shrinkage-primary);box-shadow:inset 0 2px 4px #00000080}.result-main{font-size:3rem;font-weight:900;color:var(--shrinkage-primary);margin-bottom:.5rem;text-shadow:0 0 20px rgba(249,115,22,.2)}.result-label{font-size:.8rem;font-weight:800;color:var(--text-muted);letter-spacing:.1em;margin-bottom:1.2rem;display:block}.copy-btn{display:flex;align-items:center;gap:.7rem;width:100%;justify-content:center;padding:1.2rem;background:var(--shrinkage-primary);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 0 var(--shrinkage-primary-dark)}.copy-btn:hover{background:var(--shrinkage-primary-dark);transform:translateY(-2px);box-shadow:0 6px #9a3412}.copy-btn:active{transform:translateY(2px);box-shadow:0 0 0 transparent}.recommendations{margin-top:2rem;padding:1.5rem;background:#38bdf81a;border-radius:16px;border:2px solid rgba(56,189,248,.3)}.recommendation-header{display:flex;align-items:center;gap:.6rem;color:var(--shrinkage-accent);font-weight:800;font-size:1rem;margin-bottom:.8rem;text-transform:uppercase}#recommendation-text{color:#e2e8f0;font-size:1rem;line-height:1.6;font-weight:500}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#0f172a;padding:.4rem;border-radius:14px}.tab{flex:1;padding:.8rem;text-align:center;border-radius:10px;cursor:pointer;color:var(--text-muted);font-weight:700;transition:all .3s}.tab.active{background:var(--shrinkage-bg);color:var(--shrinkage-primary);box-shadow:0 4px 12px #0003}.axes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media(max-width:600px){.shrinkage-container{padding:1.5rem;margin:1rem}.shrinkage-grid{grid-template-columns:1fr}.result-main{font-size:2.2rem}}@media(max-width:600px){.shrinkage-container{padding:1.5rem;margin:1rem}.shrinkage-grid{grid-template-columns:1fr}}