*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f1f1f;background:#f5f5f3}button,input{font:inherit}main{display:grid;grid-template-rows:minmax(0,1fr) 78px;width:100%;height:100%}.workspace{display:grid;grid-template-columns:1fr 1fr;min-height:0}.view{position:relative;min-width:0;min-height:0;overflow:hidden;background:#f8f8f6}.view+.view{border-left:1px solid #d9d9d5}.dieline-view svg,.model-view canvas{display:block;width:100%;height:100%;touch-action:none}.view-title,.hint{position:absolute;z-index:2;padding:7px 10px;border:1px solid #deded9;border-radius:7px;color:#555;background:#ffffffdb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:12px;pointer-events:none}.view-title{top:12px;left:12px;color:#222;font-weight:650}.hint{bottom:12px;left:12px}.reset-button{position:absolute;z-index:3;top:12px;right:12px;padding:7px 10px;border:1px solid #d5d5d0;border-radius:7px;color:#333;background:#ffffffe5;cursor:pointer}footer{display:grid;grid-template-columns:minmax(260px,520px) minmax(260px,520px);justify-content:center;gap:42px;padding:14px 24px;border-top:1px solid #d9d9d5;background:#fff}footer label{display:grid;grid-template-columns:76px minmax(120px,1fr) 64px;align-items:center;gap:12px;font-size:13px}footer output{font-variant-numeric:tabular-nums;text-align:right}input[type=range]{width:100%;accent-color:#1769ff}@media(max-width:760px){main{grid-template-rows:minmax(0,1fr) 126px}.workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.view+.view{border-top:1px solid #d9d9d5;border-left:0}footer{grid-template-columns:1fr;gap:10px}}