:root{--pc-primary:#6366f1;--pc-primary-light:#eef2ff;--pc-primary-dark:#4f46e5;--pc-success:#059669;--pc-success-light:#ecfdf5;--pc-warning:#d97706;--pc-warning-light:#fffbeb;--pc-error:#dc2626;--pc-error-light:#fef2f2;--pc-text:#1e293b;--pc-text-muted:#64748b;--pc-bg:#fff;--pc-bg-subtle:#f8fafc;--pc-border:#e2e8f0;--pc-radius:var(--main-radius,.5rem);--pc-radius-lg:var(--main-radius-lg,.75rem);--pc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--pc-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d}._pc-container{max-width:640px;margin:0 auto}._pc-body{gap:var(--main-space-5,1.25rem);flex-direction:column;display:flex}@media (max-width:768px){._pc-container{padding-left:1rem;padding-right:1rem}}._pc-inputs{background:var(--pc-bg);border-radius:var(--pc-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border);gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._pc-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3,.75rem);display:flex}._pc-unit-toggle{background:var(--pc-bg-subtle);border-radius:var(--pc-radius);border-style:solid;border-width:1px;border-color:var(--pc-border);gap:.25rem;padding:.1875rem;display:flex}._pc-unit{color:var(--pc-text-muted);font-size:var(--main-text-xs,.75rem);border-radius:calc(var(--pc-radius) - 2px);cursor:pointer;background:0 0;border:none;padding:.3125rem .75rem;font-weight:500;transition:color .15s,background .15s}._pc-unit:hover{color:var(--pc-text)}._pc-unit--active{background:var(--pc-bg);color:var(--pc-text);box-shadow:0 1px 2px #0000000f}._pc-reset-btn{background:var(--pc-bg-subtle);border-radius:var(--pc-radius);width:32px;height:32px;color:var(--pc-text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}._pc-reset-btn:hover{color:var(--pc-error);background:var(--pc-error-light)}._pc-reset-btn svg{width:14px;height:14px}._pc-section{gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._pc-section-title{font-size:var(--main-text-sm,.875rem);color:var(--pc-text);align-items:center;gap:.375rem;font-weight:600;display:flex}._pc-section-title svg{width:14px;height:14px;color:var(--pc-primary)}._pc-dim-row{gap:var(--main-space-3,.75rem);grid-template-columns:repeat(3,1fr);display:grid}._pc-dim-row._pc-pallet-custom{grid-template-columns:repeat(2,1fr)}._pc-field{flex-direction:column;gap:.375rem;min-width:0;display:flex;overflow:hidden}._pc-label{font-size:var(--main-text-sm,.875rem);color:var(--pc-text);font-weight:500}._pc-field--compact ._pc-label{font-size:var(--main-text-xs,.75rem)}._pc-input-wrap{background:var(--pc-bg);border-style:solid;border-width:1.5px;border-color:var(--pc-border);border-radius:var(--pc-radius);align-items:center;min-width:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}._pc-input-wrap:focus-within{border-color:var(--pc-primary);box-shadow:0 0 0 3px #6366f11f}._pc-input{font-size:var(--main-text-sm,.875rem);color:var(--pc-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.5rem .625rem;font-family:inherit}._pc-input::placeholder{color:var(--pc-text-muted);opacity:.6}._pc-input-suffix{font-size:var(--main-text-xs,.75rem);color:var(--pc-text-muted);-webkit-user-select:none;user-select:none;border-left-style:solid;border-left-width:1px;border-left-color:var(--pc-border);background:var(--pc-bg-subtle);flex-shrink:0;padding:.5rem .625rem;font-weight:500}._pc-presets{flex-wrap:wrap;gap:.375rem;display:flex}._pc-preset{border-style:solid;border-width:1px;border-color:var(--pc-border);background:var(--pc-bg);color:var(--pc-text-muted);font-size:var(--main-text-xs,.75rem);border-radius:var(--pc-radius);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:flex}._pc-preset:hover{color:var(--pc-text);border-color:var(--pc-primary)}._pc-preset--active{background:var(--pc-primary-light);color:var(--pc-primary);border-color:var(--pc-primary)}._pc-preset-hint{color:var(--pc-text-muted);opacity:.7;font-weight:400}._pc-preset--active ._pc-preset-hint{color:var(--pc-primary);opacity:.7}@media (max-width:480px){._pc-dim-row{grid-template-columns:1fr 1fr}._pc-dim-row>:last-child:nth-child(odd){grid-column:1/-1}}._pc-results{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._pc-result-primary{background:var(--pc-bg);border-radius:var(--pc-radius-lg);padding:var(--main-space-5,1.25rem);text-align:center;box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border)}._pc-result-label{font-size:var(--main-text-sm,.875rem);color:var(--pc-text-muted);margin-bottom:.25rem;font-weight:500}._pc-result-value{color:var(--pc-primary);font-size:2.25rem;font-weight:700;line-height:1.2}._pc-summary{gap:var(--main-space-3,.75rem);grid-template-columns:1fr 1fr;display:grid}._pc-summary-card{background:var(--pc-bg);border-radius:var(--pc-radius);padding:var(--main-space-3,.75rem);box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border);align-items:center;gap:var(--main-space-3,.75rem);display:flex}._pc-summary-icon{border-radius:var(--pc-radius);background:var(--pc-primary-light);width:36px;height:36px;color:var(--pc-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}._pc-summary-icon svg{width:16px;height:16px}._pc-summary-content{min-width:0}._pc-summary-label{font-size:var(--main-text-xs,.75rem);color:var(--pc-text-muted);margin-bottom:.125rem;font-weight:500}._pc-summary-value{font-size:var(--main-text-base,1rem);color:var(--pc-text);font-weight:600}._pc-utilization{background:var(--pc-bg);border-radius:var(--pc-radius-lg);padding:var(--main-space-4,1rem) var(--main-space-5,1.25rem);box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border)}._pc-util-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}._pc-util-title{font-size:var(--main-text-sm,.875rem);color:var(--pc-text);font-weight:500}._pc-util-percent{font-size:var(--main-text-sm,.875rem);color:var(--pc-primary);font-weight:700}._pc-util-bar{background:var(--pc-bg-subtle);border-style:solid;border-width:1px;border-color:var(--pc-border);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}._pc-util-fill{background:var(--pc-primary);border-radius:4px;width:0;height:100%;transition:width .3s}._pc-util-details{font-size:var(--main-text-xs,.75rem);color:var(--pc-text-muted)}._pc-tips{background:var(--pc-bg-subtle);border-radius:var(--pc-radius);padding:var(--main-space-3,.75rem) var(--main-space-4,1rem);border-style:dashed;border-width:1px;border-color:var(--pc-border)}._pc-tips-title{font-size:var(--main-text-xs,.75rem);color:var(--pc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-weight:600}._pc-tips-list{font-size:var(--main-text-sm,.875rem);color:var(--pc-text);flex-direction:column;gap:.25rem;display:flex}._pc-tip-item{align-items:flex-start;gap:.375rem;display:flex}._pc-tip-bullet{color:var(--pc-warning);flex-shrink:0;font-weight:600}@media (max-width:480px){._pc-summary{grid-template-columns:1fr}._pc-result-value{font-size:1.75rem}}._pc-layout-card{background:var(--pc-bg);border-radius:var(--pc-radius-lg);padding:var(--main-space-4,1rem) var(--main-space-5,1.25rem);box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border)}._pc-layout-title{font-size:var(--main-text-sm,.875rem);color:var(--pc-text);margin-bottom:var(--main-space-3,.75rem);font-weight:600}._pc-layout-wrap{padding:0 2.75rem 1.5rem 0}._pc-layout-canvas{border-style:solid;border-width:2px;border-color:var(--pc-border);border-radius:var(--pc-radius);background:var(--pc-bg-subtle);min-height:120px;margin:0 auto;position:relative}._pc-layout-box{box-sizing:border-box;background:#6366f11f;border:1px solid #6366f166;border-radius:2px;position:absolute}._pc-layout-box--rotated{background:#10b9811f;border-color:#10b98166}._pc-layout-pallet-dim{color:var(--pc-text-muted);font-size:.625rem;font-family:var(--main-font-mono,monospace);position:absolute}._pc-layout-pallet-dim--bottom{white-space:nowrap;bottom:-1.125rem;left:50%;transform:translate(-50%)}._pc-layout-pallet-dim--right{white-space:nowrap;top:50%;right:-2.5rem;transform:translateY(-50%)rotate(90deg)}._pc-layout-legend{align-items:center;gap:var(--main-space-4,1rem);margin-top:var(--main-space-3,.75rem);font-size:var(--main-text-xs,.75rem);color:var(--pc-text-muted);display:flex}._pc-legend-item{align-items:center;gap:.375rem;display:flex}._pc-legend-swatch{border-style:solid;border-width:1px;border-radius:2px;width:12px;height:12px}._pc-legend-swatch--normal{background:#6366f11f;border-color:#6366f166}._pc-legend-swatch--rotated{background:#10b9811f;border-color:#10b98166}@media (max-width:480px){._pc-layout-canvas{min-height:100px}}