.PatternCalculator_wrap__Z2RLS{display:flex;flex-direction:column;gap:16px}.PatternCalculator_stepper__2lf4G ol{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:2px;gap:2px;background:#fff;border-radius:22px}.PatternCalculator_stepper__2lf4G a{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;padding:8px 2px 6px;border-radius:16px;min-width:0;color:var(--tinta);text-decoration:none;text-align:center}.PatternCalculator_stepper__2lf4G a:hover{background:var(--latar);color:var(--biru-tua)}.PatternCalculator_sHex__HrEPc{flex:none;width:30px;height:34px;display:grid;place-items:center;background:var(--abu);color:var(--redup);font:700 14px/1 var(--font-judul)}.PatternCalculator_done__god0X .PatternCalculator_sHex__HrEPc{background:var(--biru);color:#fff}.PatternCalculator_sText__VSMUC{display:flex;flex-direction:column;min-width:0;max-width:100%}.PatternCalculator_sLabel__hHlQ5{font-size:12px;font-weight:700;line-height:1.2}.PatternCalculator_sVal__YQnIu{display:none;font-size:13px;line-height:1.3;color:var(--redup);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:760px){.PatternCalculator_stepper__2lf4G ol{padding:8px;gap:4px}.PatternCalculator_stepper__2lf4G a{flex-direction:row;gap:10px;padding:8px 12px;text-align:left}.PatternCalculator_sLabel__hHlQ5{font-size:14px}.PatternCalculator_sVal__YQnIu{display:block}}.PatternCalculator_root__f03vG{display:flex;flex-direction:column;gap:16px}.PatternCalculator_flow__DT28S{display:contents}.PatternCalculator_oJenis__JnodE{order:1}.PatternCalculator_oPola__MeGrG{order:2}.PatternCalculator_oWarna__bj7W0{order:3}.PatternCalculator_aside__s8Xvy{order:4}.PatternCalculator_oUkuran__uyZt5{order:5}.PatternCalculator_oHasil__ADZTj{order:6}@media (min-width:1000px){.PatternCalculator_root__f03vG{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);grid-gap:24px;gap:24px;align-items:start}.PatternCalculator_flow__DT28S{display:flex;flex-direction:column;gap:24px;min-width:0}.PatternCalculator_aside__s8Xvy{position:-webkit-sticky;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}}.PatternCalculator_card__jg1tI{background:#fff;border-radius:26px;padding:20px 16px 24px;min-width:0;display:flex;flex-direction:column;gap:18px;scroll-margin-top:16px}@media (min-width:600px){.PatternCalculator_card__jg1tI{border-radius:28px;padding:26px 28px 30px}}.PatternCalculator_head__VdduN{display:flex;align-items:center;gap:12px}.PatternCalculator_no__2p_4X{flex:none;width:40px;height:46px;display:grid;place-items:center;background:var(--biru);color:#fff;font:700 19px/1 var(--font-judul)}.PatternCalculator_head__VdduN h2{font-size:21px;font-weight:600}@media (min-width:600px){.PatternCalculator_head__VdduN h2{font-size:24px}}.PatternCalculator_sub__5jFt8{margin-top:3px;font-size:14px;line-height:1.45;color:var(--redup)}.PatternCalculator_fs__iNTL3{border:0;margin:0;padding:0;min-width:0}.PatternCalculator_legend__SXQJ6{padding:0;margin-bottom:8px;font-size:15px;font-weight:600;color:var(--tinta)}.PatternCalculator_legendHint__K27uK{font-weight:500;color:var(--redup)}.PatternCalculator_help__ytZJr{margin-top:8px;font-size:13px;line-height:1.5;color:var(--redup)}.PatternCalculator_note__RvivY{font-size:14px;line-height:1.5;color:var(--teks);background:var(--oranye-muda);border-radius:14px;padding:10px 14px}.PatternCalculator_inlineNote__y19tE{font-size:15px}.PatternCalculator_err__2usPl{margin-top:4px;font-size:13px;font-weight:600;color:var(--bahaya)}.PatternCalculator_grid__QRGVK{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.PatternCalculator_gridMotif__YiWqC{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}@media (min-width:600px){.PatternCalculator_grid__QRGVK{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.PatternCalculator_gridMotif__YiWqC{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}@media (min-width:1100px){.PatternCalculator_gridJenis__0bImm{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}}.PatternCalculator_chip__m23OM,.PatternCalculator_opt__hmH5t,.PatternCalculator_pill__U9Eys{position:relative;cursor:pointer}.PatternCalculator_opt__hmH5t{display:flex;min-width:0}.PatternCalculator_chip__m23OM>input,.PatternCalculator_opt__hmH5t>input,.PatternCalculator_pill__U9Eys>input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.PatternCalculator_optBody__O4YI4{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:7px 7px 12px;border:1.5px solid var(--garis);border-radius:20px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.PatternCalculator_opt__hmH5t:hover .PatternCalculator_optBody__O4YI4{border-color:#9aa6c4}.PatternCalculator_opt__hmH5t>input:checked+.PatternCalculator_optBody__O4YI4{border-color:var(--biru);box-shadow:inset 0 0 0 1.5px var(--biru);background:#f4f7fd}.PatternCalculator_opt__hmH5t>input:focus-visible+.PatternCalculator_optBody__O4YI4{outline:3px solid var(--oranye);outline-offset:2px}.PatternCalculator_thumb__NqI2v{position:relative;display:block;aspect-ratio:3/2;margin-bottom:4px;border-radius:14px;overflow:hidden;background:var(--beton)}.PatternCalculator_thumb__NqI2v svg{display:block;width:100%;height:100%}.PatternCalculator_opt__hmH5t>input:checked+.PatternCalculator_optBody__O4YI4 .PatternCalculator_thumb__NqI2v:after{content:"";position:absolute;top:6px;right:6px;width:26px;height:30px;-webkit-clip-path:var(--hex);clip-path:var(--hex);background:var(--biru) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /15px no-repeat}.PatternCalculator_optName__OGoRR{padding:0 4px;font:600 15px/1.25 var(--font-judul);color:var(--biru-tua)}.PatternCalculator_optMeta__qVLGL{padding:0 4px;font-size:13px;line-height:1.4;color:var(--redup)}.PatternCalculator_optMeta__qVLGL b{color:var(--tinta)}.PatternCalculator_tags__XbwV2{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding:4px 4px 0}.PatternCalculator_tags__XbwV2 span{padding:2px 8px;border-radius:999px;background:var(--biru-muda);color:var(--biru-tua);font-size:12px;font-weight:600}.PatternCalculator_tags__XbwV2 .PatternCalculator_tagWarn__vFfih{background:var(--oranye-muda);color:var(--oranye-cta-hover)}.PatternCalculator_seg__TVCOX{display:flex;flex-wrap:wrap;gap:8px}.PatternCalculator_pill__U9Eys{display:inline-flex}.PatternCalculator_pill__U9Eys>span{display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;padding:6px 16px;border:1.5px solid #8a93a6;border-radius:999px;background:#fff;font-size:15px;font-weight:600;line-height:1.2;color:var(--tinta);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.PatternCalculator_pill__U9Eys small{font-size:11.5px;font-weight:500;color:var(--redup)}.PatternCalculator_pill__U9Eys:hover>span{border-color:var(--biru)}.PatternCalculator_pill__U9Eys>input:checked+span{background:var(--biru);border-color:var(--biru);color:#fff}.PatternCalculator_pill__U9Eys>input:checked+span small{color:#d3dcef}.PatternCalculator_pill__U9Eys>input:focus-visible+span{outline:3px solid var(--oranye);outline-offset:2px}.PatternCalculator_roles__F68BD{display:flex;flex-direction:column;gap:16px}.PatternCalculator_chips__XKSdh{display:flex;flex-wrap:wrap;gap:8px}.PatternCalculator_chip__m23OM{display:inline-flex}.PatternCalculator_chip__m23OM>span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 16px 6px 10px;border:1.5px solid var(--garis);border-radius:999px;background:#fff;font-size:15px;font-weight:600;color:var(--tinta);white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.PatternCalculator_chip__m23OM:hover>span{border-color:#9aa6c4}.PatternCalculator_chip__m23OM>input:checked+span{border-color:var(--biru);box-shadow:inset 0 0 0 1.5px var(--biru);background:var(--biru-muda);color:var(--biru-tua)}.PatternCalculator_chip__m23OM>input:focus-visible+span{outline:3px solid var(--oranye);outline-offset:2px}.PatternCalculator_sw__QuILE{flex:none;display:inline-block;width:22px;height:25px}.PatternCalculator_shareBox__1abmp{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:20px;background:var(--latar)}.PatternCalculator_shareTitle__sR0M2{font-size:14px;font-weight:600;color:var(--teks)}.PatternCalculator_bar__M7ag0{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--abu)}.PatternCalculator_bar__M7ag0 span{height:100%}.PatternCalculator_bar__M7ag0 span+span{border-left:2px solid #fff}.PatternCalculator_legendList__ztrmU{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}.PatternCalculator_legendList__ztrmU li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.PatternCalculator_legendList__ztrmU .PatternCalculator_sw__QuILE{width:16px;height:18px}.PatternCalculator_manual__R2xek{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.PatternCalculator_manual__R2xek>p{grid-column:1/-1;margin:0}.PatternCalculator_stack__nscCt{display:flex;flex-direction:column;gap:20px}.PatternCalculator_two__p5UFo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.PatternCalculator_inputWrap__zzUbc{position:relative}.PatternCalculator_unit__qqVbR{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:600;color:var(--redup);pointer-events:none}.PatternCalculator_extras__mbG0H{display:flex;flex-direction:column;gap:8px}.PatternCalculator_extra__NacpK{padding:2px 14px;border-radius:18px;background:var(--latar)}.PatternCalculator_nested__t6IJg{display:flex;flex-direction:column;gap:14px;padding:4px 0 16px}.PatternCalculator_total__ngI35{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:22px;background:var(--biru-muda)}.PatternCalculator_totalLabel__uLN3R{font-size:14px;font-weight:600;color:var(--biru-tua)}.PatternCalculator_total__ngI35 b{font:700 clamp(34px,8vw,46px)/1.1 var(--font-judul);color:var(--biru-tua)}.PatternCalculator_formula__RJREO{font-size:13px;line-height:1.5;color:var(--teks)}.PatternCalculator_rows__twlqK{margin:0;padding:0;list-style:none}.PatternCalculator_rows__twlqK b{white-space:nowrap}.PatternCalculator_rowName__2wTJa{display:inline-flex;align-items:center;gap:10px}.PatternCalculator_rowSub__KBfAh{display:block;font-size:12.5px;font-weight:400;color:var(--redup)}.PatternCalculator_actions__ElB0D{display:flex;flex-wrap:wrap;gap:10px}.PatternCalculator_actions__ElB0D>*{flex:1 1 auto}.PatternCalculator_actions__ElB0D>:first-child{flex-basis:100%}.PatternCalculator_status__m38r6{font-size:14px;font-weight:600;color:var(--sukses)}.PatternCalculator_status__m38r6:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.PatternCalculator_disclaimer__t7Y4n{font-size:13px;line-height:1.5;color:var(--redup)}.PatternCalculator_aside__s8Xvy{display:flex;flex-direction:column;gap:12px;min-width:0}.PatternCalculator_previewCard__cKMvl{display:flex;flex-direction:column;gap:12px;padding:14px 14px 18px;border-radius:26px;background:#fff}.PatternCalculator_prevHead__p9ejk{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:4px 6px 0}.PatternCalculator_prevHead__p9ejk h2{font-size:19px;font-weight:600}.PatternCalculator_prevHead__p9ejk span{font-size:13px;color:var(--redup)}.PatternCalculator_viewToggle__iB_Yc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;border-radius:999px;background:var(--latar)}.PatternCalculator_viewBtn__XGb8O{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;min-height:38px;padding:6px 12px;background:transparent;color:var(--teks);cursor:pointer;font:600 13.5px/1.2 var(--font-isi);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.PatternCalculator_viewBtn__XGb8O:hover{color:var(--biru-tua)}.PatternCalculator_viewBtn__XGb8O:focus-visible{outline:3px solid var(--oranye);outline-offset:2px}.PatternCalculator_viewBtnActive__m9_1g{background:var(--biru);color:#fff;box-shadow:0 2px 6px rgba(14,42,107,.18)}.PatternCalculator_viewBtnActive__m9_1g:hover{color:#fff}.PatternCalculator_stage__TyQz9{position:relative;aspect-ratio:8/5;border-radius:18px;overflow:hidden;background:var(--beton)}.PatternCalculator_stage3d__JjerS{aspect-ratio:4/3;min-height:260px;background:linear-gradient(180deg,#eaf0f8,#d5deec)}.PatternCalculator_stage__TyQz9 svg{display:block;width:100%;height:100%}.PatternCalculator_wrap3d__Q94_M{position:relative;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PatternCalculator_canvasHost__D8cga{position:absolute;inset:0;touch-action:none}.PatternCalculator_presets3d__KUYFg{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.PatternCalculator_presetBtn__6Unqm{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(14,42,107,.14);border-radius:999px;min-height:32px;padding:4px 11px;cursor:pointer;background:rgba(255,255,255,.92);color:var(--tinta);font:600 12px/1.2 var(--font-isi);box-shadow:0 2px 6px rgba(14,42,107,.12);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.PatternCalculator_presetBtn__6Unqm:hover{border-color:var(--biru);color:var(--biru-tua)}.PatternCalculator_presetBtn__6Unqm:focus-visible{outline:3px solid var(--oranye);outline-offset:2px}.PatternCalculator_presetBtnActive__5Pwwl{background:var(--biru);border-color:var(--biru);color:#fff}.PatternCalculator_presetBtnActive__5Pwwl:hover{color:#fff}.PatternCalculator_hint3d__gmlev{position:absolute;left:50%;bottom:10px;z-index:2;transform:translateX(-50%);pointer-events:none;max-width:calc(100% - 20px);padding:5px 12px;border-radius:999px;background:rgba(14,42,107,.82);color:#fff;font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PatternCalculator_loading3d__XDfJE{display:grid;place-items:center;width:100%;height:100%;padding:20px;color:var(--biru-tua);font-size:14px;font-weight:600;text-align:center}.PatternCalculator_fallback3d__xIrnT{display:grid;place-items:center;width:100%;height:100%;padding:16px}.PatternCalculator_fallbackBox__nwAy5{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:300px;padding:18px;border-radius:16px;background:rgba(255,255,255,.95);text-align:center;box-shadow:0 4px 16px rgba(14,42,107,.1)}.PatternCalculator_fallbackBox__nwAy5 b{font:600 15px/1.3 var(--font-judul);color:var(--biru-tua)}.PatternCalculator_fallbackBox__nwAy5 p{font-size:13px;line-height:1.45;color:var(--teks)}.PatternCalculator_dims__mzF6W{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--tinta);font-size:12px;font-weight:700}.PatternCalculator_scale__n8y4K{position:absolute;left:5%;bottom:8%;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-size:12px;font-weight:700;line-height:1.1}.PatternCalculator_scale__n8y4K:before{content:"";position:absolute;inset:-5px -9px -6px;z-index:-1;border-radius:10px;background:rgba(14,42,107,.82)}.PatternCalculator_scale__n8y4K i{display:block;align-self:stretch;height:7px;border:2px solid #fff;border-top:0}.PatternCalculator_prevTitle__hRB_u{padding:0 6px;font-size:14px;color:var(--teks)}.PatternCalculator_prevTitle__hRB_u b{font:600 16px var(--font-judul);color:var(--biru-tua)}.PatternCalculator_previewCard__cKMvl .PatternCalculator_legendList__ztrmU{padding:0 6px}.PatternCalculator_quick__t6VFh{display:none}@media (min-width:1000px){.PatternCalculator_quick__t6VFh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 14px 20px;border-radius:22px;background:var(--biru-tua);color:#fff}.PatternCalculator_quick__t6VFh span{display:block;font-size:13px;color:#d3dcef}.PatternCalculator_quick__t6VFh b{font:700 26px/1.15 var(--font-judul);color:#fff}.PatternCalculator_quick__t6VFh .PatternCalculator_quickBtn__inSjg{flex:none;background:#fff;color:var(--biru-tua)}.PatternCalculator_quick__t6VFh .PatternCalculator_quickBtn__inSjg:hover{background:var(--biru-muda);color:var(--biru-tua)}}.PatternCalculator_printOnly__JLg1P{display:none}.PatternCalculator_printOnly__JLg1P b{display:block;font:700 18px var(--font-judul);color:var(--biru-tua)}.PatternCalculator_printOnly__JLg1P span{display:block;font-size:12px;color:var(--redup)}.PatternCalculator_printLink__0BUZ5{word-break:break-all}@page{margin:12mm}@media print{body:has(.PatternCalculator_wrap__Z2RLS),html:has(.PatternCalculator_wrap__Z2RLS){background:#fff!important}body:has(.PatternCalculator_wrap__Z2RLS)>:not(main){display:none!important}body:has(.PatternCalculator_wrap__Z2RLS) [data-pp-noprint]{display:none!important}.PatternCalculator_wrap__Z2RLS{gap:10px}.PatternCalculator_wrap__Z2RLS *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.PatternCalculator_printOnly__JLg1P{display:block}.PatternCalculator_root__f03vG{display:flex;flex-direction:column;gap:10px}.PatternCalculator_flow__DT28S{display:contents}.PatternCalculator_aside__s8Xvy{position:static;max-height:none;overflow:visible}.PatternCalculator_card__jg1tI,.PatternCalculator_previewCard__cKMvl{page-break-inside:avoid;break-inside:avoid;border:1px solid var(--beton);padding:16px}.PatternCalculator_stage__TyQz9{max-width:150mm}}@media (prefers-reduced-motion:reduce){.PatternCalculator_chip__m23OM>span,.PatternCalculator_optBody__O4YI4,.PatternCalculator_pill__U9Eys>span,.PatternCalculator_presetBtn__6Unqm,.PatternCalculator_viewBtn__XGb8O{transition:none}}@media (forced-colors:active){.PatternCalculator_chip__m23OM>input:checked+span,.PatternCalculator_opt__hmH5t>input:checked+.PatternCalculator_optBody__O4YI4,.PatternCalculator_pill__U9Eys>input:checked+span,.PatternCalculator_presetBtnActive__5Pwwl,.PatternCalculator_viewBtnActive__m9_1g{outline:3px solid Highlight;outline-offset:1px}}