.cs-design-page{padding-top:44px;padding-bottom:64px}.cs-design-heading{max-width:720px;margin-bottom:32px}.cs-design-heading h1{font-size:clamp(36px,4.5vw,62px)}.cs-design-heading .cs-lead{max-width:650px}.cs-model-drop{min-height:380px;border:2px dashed #b7c2bc;background:#f7f8f4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 20px;gap:10px}.cs-model-drop h2{font-size:27px;margin:10px 0 0}.cs-model-drop .cs-primary{margin:8px 0;min-width:240px}.cs-model-drop p{color:#495b5c;font-size:14px}.cs-is-dragging{border-color:#000;background:#fff8dc}.cs-file-input{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.cs-model-example{text-decoration:underline;text-underline-offset:4px;color:#495b5c;font-size:15px;padding:12px}.cs-model-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}.cs-model-toolbar h2{font-size:20px;margin:0 0 5px;overflow-wrap:anywhere}.cs-model-toolbar p{color:#495b5c}.cs-model-toolbar p span{font-size:12px;white-space:nowrap}.cs-model-toolbar>div:last-child{display:flex;gap:10px;flex-shrink:0}.cs-model-toolbar button{border:1px solid #aebbb4;padding:11px 15px;background:white;font-size:14px}.cs-model-toolbar button:first-child{background:#f6be00;border-color:#f6be00;color:#000;font-weight:700}.cs-model-viewport{width:100%;height:clamp(420px,64vh,720px);position:relative;background:#f2f3ef;border:1px solid #e0e5df}.cs-model-viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:3px}.cs-viewer-loading{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#495b5c;background:#f7f8f4}.cs-model-caption{display:flex;justify-content:space-between;gap:28px;margin-top:15px;font-size:14px;color:#495b5c}.cs-model-caption p{max-width:540px}.cs-model-privacy{color:#495b5c;font-size:13px;max-width:780px;margin-top:28px}.cs-model-error{padding:20px;background:#fff6e4;border-left:4px solid #f6be00;margin-bottom:20px}.cs-model-error p{margin:6px 0}.cs-model-error .cs-primary{margin-top:12px}.cs-model-parts{margin-top:22px;color:#495b5c}.cs-model-parts summary{cursor:pointer}.cs-model-parts ul{padding:12px 24px;list-style:disc}.cs-model-parts li{overflow-wrap:anywhere}@media (max-width:720px){.cs-design-page{padding-top:28px}.cs-design-heading{margin-bottom:24px}.cs-design-heading h1{font-size:38px}.cs-model-drop{min-height:330px;padding:28px 16px}.cs-model-drop h2{font-size:20px;font-weight:400;color:#495b5c;order:3}.cs-model-drop>svg{order:0}.cs-model-drop .cs-primary{order:1;width:100%;min-width:0;font-size:17px}.cs-model-drop>p{order:2}.cs-model-example{order:4}.cs-model-toolbar{align-items:stretch;flex-direction:column;gap:14px}.cs-model-toolbar>div:last-child{width:100%;flex-shrink:1}.cs-model-toolbar button{flex:1;font-size:13px;padding:12px 8px}.cs-model-viewport{height:430px;height:58svh;min-height:320px;max-height:540px}.cs-model-caption{display:block;font-size:13px}.cs-model-caption p+p{margin-top:8px}}.cs-model-units{font-size:13px;color:#495b5c;margin-top:6px}.cs-model-units summary{cursor:pointer}.cs-model-toolbar>div:last-child{flex-wrap:wrap}.cs-model-result:fullscreen{overflow:auto;padding:16px;background:white}.cs-model-result:fullscreen .cs-model-viewport{height:75vh}.cs-model-toolbar>div:last-child{flex-shrink:1;justify-content:flex-end}@media (max-width:720px){.cs-model-toolbar>div:last-child{justify-content:flex-start}}