.resin-calculator{overflow-wrap:anywhere}.resin-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.resin-inputs,.resin-results{border:1px solid var(--color-border);border-radius:16px;min-width:0;padding:20px}.resin-results{background:var(--color-primary-light)}.resin-results h2{margin-top:0}.resin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.resin-shapes{border:1px solid var(--color-border);flex-wrap:wrap;gap:8px;min-width:0;padding:12px;display:flex}.resin-shapes label{cursor:pointer;border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:6px;display:flex}.resin-shapes input{flex-shrink:0;width:18px;height:18px}.resin-shapes svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:36px;height:24px}.resin-mix-inputs{border:1px solid var(--color-border);min-width:0;margin-top:16px;padding:12px}.resin-calculator details{border:1px solid var(--color-border);border-radius:8px;margin-top:16px;padding:12px}.resin-calculator summary{cursor:pointer;min-height:44px}.resin-results dt{font-size:.9375rem}.resin-results dd{overflow-wrap:anywhere;margin:4px 0 16px;font-size:1.4rem;font-weight:700}.resin-primary dd{color:var(--color-primary-deep);font-size:1.8rem}.resin-details{border-top:1px solid var(--color-border);margin-top:20px}.resin-details h3{margin:20px 0 8px}.resin-details p{margin-top:8px}.resin-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.resin-calculator button{white-space:normal;min-height:44px}.resin-calculator input:not([type=radio]),.resin-calculator select,.resin-calculator textarea{width:100%;min-width:0}.resin-calculator textarea,.resin-calculator #resin-currency{border:1px solid var(--color-control-border);border-radius:8px;min-height:44px;padding:10px}.resin-calculator :focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.resin-layers{max-height:360px;padding-left:24px;overflow:auto}.resin-layers li{margin-bottom:12px}@media (max-width:767px){.resin-workspace{grid-template-columns:minmax(0,1fr)}.resin-inputs,.resin-results{padding:16px}}@media (max-width:400px){.resin-grid{grid-template-columns:minmax(0,1fr)}.resin-shapes label{width:100%}}@media (prefers-reduced-motion:reduce){.resin-calculator *{scroll-behavior:auto;transition:none;animation:none}}