.tool-main[data-astro-cid-xqrakt4q]{min-height:calc(100svh - 56px);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-4xl)}@media (width>=1024px){.tool-main[data-astro-cid-xqrakt4q]{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-section)}}.app-root{gap:var(--spacing-lg);flex-direction:column;display:flex}.controls-bar{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.unit-toggle{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);display:flex;overflow:hidden}.unit-btn{background-color:var(--color-canvas-elevated);color:var(--color-mute);padding:0 var(--spacing-sm);height:34px;font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;min-width:44px;transition:background-color .12s,color .12s}.unit-btn+.unit-btn{border-left:1px solid var(--color-hairline)}.unit-btn.active{background-color:var(--color-ink);color:var(--color-on-primary)}.add-btn{align-items:center;gap:var(--spacing-xs);background-color:var(--color-ink);color:var(--color-on-primary);border-radius:var(--radius-pill);height:34px;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;padding:0 14px;transition:opacity .12s;display:inline-flex}.add-btn:disabled{opacity:.4;cursor:not-allowed}.max-warning{color:var(--color-mute);margin:0;font-size:12px}.app-layout{gap:var(--spacing-xl);flex-direction:column;display:flex}@media (width>=768px){.app-layout{align-items:flex-start;gap:var(--spacing-xl);flex-direction:row}.sidebar{gap:var(--spacing-lg);flex-direction:column;flex-shrink:0;width:320px;display:flex}.canvas-container{flex:1;min-width:0}}.entity-list-compact{gap:var(--spacing-xxs);flex-direction:column;display:flex}.entity-list-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);cursor:grab;text-align:left;min-height:44px;transition:all .12s;display:flex}.entity-list-item:active{cursor:grabbing}.entity-list-item.dragging{opacity:.4}.entity-list-item:hover{background-color:var(--color-canvas-elevated);border-color:var(--color-mute)}.entity-list-item.selected{background-color:var(--color-canvas-elevated);border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.color-swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px}.entity-name{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.entity-height{font-size:13px;font-family:var(--font-mono);color:var(--color-mute)}.remove-icon-btn{color:var(--color-mute);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .12s,background-color .12s;display:flex}.remove-icon-btn:hover{color:var(--color-error);background-color:var(--color-hairline-soft)}.entity-editor{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-top:3px solid var(--color-ink);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.entity-fields{gap:var(--spacing-sm);flex-direction:column;display:flex}.field-group{gap:var(--spacing-xxs);flex-direction:column;display:flex}.field-label{font-size:11px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-mute)}.text-field{background-color:var(--color-canvas-elevated);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:14px;font-family:var(--font-sans);width:100%;min-height:34px;transition:border-color .12s}.text-field:focus{border-color:var(--color-ink);outline:none}.height-input-wrapper{gap:var(--spacing-xxs);flex-direction:column;display:flex}.input-label{font-size:11px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-mute)}.height-input-row{align-items:center;gap:var(--spacing-xs);display:flex}.height-field{background-color:var(--color-canvas-elevated);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:14px;font-family:var(--font-sans);appearance:textfield;width:80px;min-height:34px;transition:border-color .12s}.height-field::-webkit-inner-spin-button,.height-field::-webkit-outer-spin-button{appearance:none}.height-field:focus{border-color:var(--color-ink);outline:none}.height-field.error{border-color:var(--color-error)}.unit-suffix{color:var(--color-mute);font-size:13px;font-family:var(--font-mono)}.input-error{color:var(--color-error);font-size:11px}.gender-options{gap:var(--spacing-xxs);display:flex}.gender-btn{background-color:var(--color-canvas-elevated);color:var(--color-body);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:0 var(--spacing-xs);height:28px;font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.gender-btn.active{background-color:var(--color-ink);color:var(--color-on-primary);border-color:var(--color-ink)}.canvas-container{top:var(--spacing-lg);z-index:10;position:sticky}.canvas-wrapper{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow:hidden}.canvas-inner{display:flex;position:relative}.y-axis-container{pointer-events:none;z-index:1;position:absolute;inset:0}.grid-line{border-bottom:1px dashed var(--color-hairline);position:absolute;left:0;right:0}.grid-line:first-child{border-bottom:1px solid var(--color-mute)}.grid-label{font-size:11px;font-family:var(--font-mono);color:var(--color-mute);background-color:var(--color-canvas-elevated);padding:0 4px;line-height:1;position:absolute;bottom:0;left:8px;transform:translateY(50%)}.bars-scroll-area{-webkit-overflow-scrolling:touch;z-index:2;flex:1;padding-left:48px;position:relative;overflow-x:auto}.bars-absolute-container{min-width:100%;height:100%;position:relative}.bar-column{cursor:grab;touch-action:none;flex-direction:column;justify-content:flex-end;align-items:center;width:120px;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.bar-column:active{cursor:grabbing}.bar-column.dragging{opacity:.4}.bar-height-label{font-size:11px;font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;text-align:center;margin-bottom:var(--spacing-xxs);font-weight:500}.silhouette-wrapper{justify-content:center;align-items:flex-end;transition:height .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative}.silhouette-sizer{opacity:0;pointer-events:none;display:block;width:auto!important;max-width:none!important;height:100%!important}.silhouette-mask{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bar-name-label{color:var(--color-ink);text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:flex-start;max-width:100%;height:32px;margin-top:8px;font-size:12px;font-weight:500;display:flex;overflow:hidden}.tool-header[data-astro-cid-ynfb3ir5]{max-width:1200px;padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-hairline);margin:0 auto;margin-bottom:var(--spacing-xl)}.tool-header-inner[data-astro-cid-ynfb3ir5]{max-width:680px}.tool-eyebrow[data-astro-cid-ynfb3ir5]{margin:0 0 var(--spacing-sm)}.tool-title[data-astro-cid-ynfb3ir5]{letter-spacing:-1.6px;color:var(--color-ink);margin:0 0 var(--spacing-md);font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.1}.tool-description[data-astro-cid-ynfb3ir5]{color:var(--color-body);margin:0 0 var(--spacing-md);max-width:580px;font-size:16px;line-height:24px}.tool-back-link[data-astro-cid-ynfb3ir5]{font-size:13px;font-family:var(--font-mono);color:var(--color-mute);text-decoration:none;transition:color .12s}.tool-back-link[data-astro-cid-ynfb3ir5]:hover{color:var(--color-ink)}.tool-app-wrapper[data-astro-cid-ynfb3ir5]{max-width:1200px;margin:0 auto}.seo-section[data-astro-cid-ynfb3ir5]{max-width:1200px;padding-top:var(--spacing-2xl);border-top:1px solid var(--color-hairline);margin:0 auto;margin-top:var(--spacing-2xl)}.seo-section-inner[data-astro-cid-ynfb3ir5]{max-width:720px}.seo-section-title[data-astro-cid-ynfb3ir5]{letter-spacing:-.8px;color:var(--color-ink);margin:0 0 var(--spacing-lg);font-size:clamp(20px,2.5vw,28px);font-weight:600;line-height:1.2}.seo-text-content[data-astro-cid-ynfb3ir5]{gap:var(--spacing-md);flex-direction:column;display:flex}.seo-text-content[data-astro-cid-ynfb3ir5] p[data-astro-cid-ynfb3ir5]{color:var(--color-body);margin:0;font-size:15px;line-height:24px}.seo-steps-list[data-astro-cid-ynfb3ir5]{gap:var(--spacing-sm);counter-reset:step-counter;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.seo-step-item[data-astro-cid-ynfb3ir5]{align-items:flex-start;gap:var(--spacing-sm);color:var(--color-body);counter-increment:step-counter;font-size:15px;line-height:22px;display:flex}.seo-step-item[data-astro-cid-ynfb3ir5]:before{content:counter(step-counter);background-color:var(--color-ink);width:24px;height:24px;color:var(--color-on-primary);font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.seo-use-case-list[data-astro-cid-ynfb3ir5]{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.seo-use-case-item[data-astro-cid-ynfb3ir5]{color:var(--color-body);padding-left:var(--spacing-md);font-size:15px;line-height:22px;position:relative}.seo-use-case-item[data-astro-cid-ynfb3ir5]:before{content:"—";color:var(--color-mute);font-family:var(--font-mono);position:absolute;left:0}.seo-faq-section[data-astro-cid-ynfb3ir5]{margin-bottom:var(--spacing-section)}.seo-faq-list[data-astro-cid-ynfb3ir5]{gap:var(--spacing-lg);flex-direction:column;margin:0;padding:0;display:flex}.seo-faq-item[data-astro-cid-ynfb3ir5]{border-bottom:1px solid var(--color-hairline);padding-bottom:var(--spacing-lg)}.seo-faq-item[data-astro-cid-ynfb3ir5]:last-child{border-bottom:none}.seo-faq-question[data-astro-cid-ynfb3ir5]{color:var(--color-ink);margin:0 0 var(--spacing-xs);font-size:16px;font-weight:600}.seo-faq-answer[data-astro-cid-ynfb3ir5]{color:var(--color-body);margin:0;font-size:15px;line-height:22px}