@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ptp-bg:#0f1115;--ptp-surface:#161a22;--ptp-surface-alt:#1b2030;--ptp-text:#eef1f6;--ptp-muted:#a3adbf;--ptp-border:hsla(0,0%,100%,.08);--ptp-primary:#f1b84b;--ptp-primary-contrast:#1a1410;--ptp-metric:#6fb0f4;--ptp-focus:rgba(241,184,75,.4);--ptp-error:#ff6b6b;--ptp-warning:#f6c356;--ptp-info:#77b7ff;--ptp-radius:16px;--ptp-shadow:0 20px 60px rgba(0,0,0,.35);--ptp-gap:18px;--ptp-font:"Space Grotesk","IBM Plex Sans","Manrope",sans-serif}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:var(--ptp-font);color:var(--ptp-text);background:radial-gradient(circle at top,#1c2130,var(--ptp-bg) 60%);min-height:100%}body.ptp-embed,html.ptp-embed{background:transparent;min-height:0;height:auto;overflow:hidden}a{color:inherit;text-decoration:none}.ptp-shell{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:32px 18px 56px}body.ptp-embed .ptp-shell{padding:18px 12px 24px;min-height:0}.ptp-variant-pilot{--ptp-bg:#14110e;--ptp-surface:#1b1612;--ptp-surface-alt:#231c16;--ptp-text:#f3efe9;--ptp-muted:#b7aca2;--ptp-border:rgba(201,120,58,.24);--ptp-primary:#c7783a;--ptp-primary-contrast:#24160e;--ptp-focus:rgba(199,120,58,.35);--ptp-shadow:0 14px 32px rgba(0,0,0,.35);--ptp-blueprint:#285a82;--ptp-metric:#6da0c7}.ptp-container{width:100%;max-width:980px;display:flex;flex-direction:column;gap:24px}.ptp-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.ptp-header__text{display:flex;flex-direction:column;gap:6px}.ptp-header__slot{display:flex;align-items:center}.ptp-title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.ptp-subtitle{color:var(--ptp-muted);font-size:14px}body.ptp-embed .ptp-subtitle{font-size:13px}.ptp-content{display:flex;flex-direction:column;gap:16px}.ptp-footer{color:var(--ptp-muted);font-size:12px}.card,.ptp-card{background:var(--ptp-surface);border:none;border-radius:var(--ptp-radius);padding:20px;box-shadow:var(--ptp-shadow)}.ptp-variant-pilot .card,.ptp-variant-pilot .ptp-card{background:linear-gradient(135deg,#285a82b3,#0b121ce6),var(--ptp-surface)}.ptp-card__title{font-weight:700;font-size:16px}.ptp-stack{display:flex;flex-direction:column;gap:12px}.ptp-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding-bottom:18px}.ptp-section-title{font-size:34px;font-weight:700;letter-spacing:-.02em;flex:1 1;min-width:0}.ptp-actions{margin-top:16px;margin-bottom:14px;display:flex;justify-content:flex-end}.ptp-actions--between{justify-content:space-between;align-items:center;gap:12px}.ptp-actions--spaced{margin-top:36px}.ptp-actions__left{position:relative;flex:1 1;min-height:32px}.ptp-actions__left,.ptp-actions__right{display:flex;align-items:center;gap:12px}.ptp-actions__hint{position:absolute;left:0;top:calc(100% + 6px);font-size:12px;color:var(--ptp-muted);text-align:left;display:block;width:100%;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.ptp-grid-divider{grid-column:1/-1}.ptp-field{display:flex;flex-direction:column;gap:6px}.ptp-field__label{font-weight:600;font-size:14px;text-align:center}.ptp-field__helper,.ptp-field__unit{color:var(--ptp-muted);font-size:12px}.ptp-hint{position:relative;margin-left:6px}.ptp-hint,.ptp-hint__icon{display:inline-flex;align-items:center}.ptp-hint__icon{width:16px;height:16px;border-radius:999px;border:1px solid var(--ptp-info);background:transparent;color:var(--ptp-info);font-size:11px;line-height:1;cursor:pointer;justify-content:center;padding:0;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ptp-hint__icon:hover{box-shadow:0 0 0 2px rgba(119,183,255,.25);transform:translateY(-1px)}.ptp-hint__bubble{position:absolute;left:0;top:calc(100% + 6px);z-index:20;min-width:180px;max-width:260px;padding:10px 12px;border-radius:10px;background:var(--ptp-surface-alt);color:var(--ptp-text);font-size:12px;line-height:1.4;box-shadow:0 12px 30px rgba(0,0,0,.35);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.ptp-hint:focus-within .ptp-hint__bubble,.ptp-hint:hover .ptp-hint__bubble,.ptp-hint[data-open=true] .ptp-hint__bubble{opacity:1;transform:translateY(0);pointer-events:auto}.ptp-field__error{color:var(--ptp-error);font-size:12px}.ptp-input{padding:10px 12px;border-radius:12px;border:none;background:var(--ptp-surface-alt);color:var(--ptp-text);font-size:14px;outline:none;text-align:center;box-shadow:0 10px 22px rgba(0,0,0,.28)}.ptp-input:focus{box-shadow:0 0 0 3px var(--ptp-focus),0 10px 22px rgba(0,0,0,.28)}.button,.ptp-button{border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .2s ease}.button:hover,.ptp-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button:disabled,.ptp-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ptp-button--primary{background:var(--ptp-primary);color:var(--ptp-primary-contrast)}.button:hover,.ptp-button--primary:hover{box-shadow:0 0 0 3px var(--ptp-focus)}.ptp-button--secondary{background:transparent;border:1px solid var(--ptp-border);color:var(--ptp-text)}.ptp-button--ghost{background:transparent;color:var(--ptp-muted)}.button{background:var(--ptp-primary);color:var(--ptp-primary-contrast)}.button.secondary{background:transparent;border:1px solid var(--ptp-border);color:var(--ptp-text)}.ptp-alert{border-radius:12px;padding:12px 14px;font-size:13px;background:hsla(0,0%,100%,.04);border:1px solid var(--ptp-border)}.ptp-alert--error{border-color:hsla(0,100%,71%,.4);color:var(--ptp-error)}.ptp-alert--warning{border-color:rgba(246,195,86,.4);color:var(--ptp-warning)}.ptp-alert--info{border-color:rgba(119,183,255,.4);color:var(--ptp-info)}.ptp-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.ptp-result__label{color:var(--ptp-muted);font-size:12px}.ptp-result__label-row{display:inline-flex;align-items:center;gap:6px}.ptp-diff-icon{font-size:12px;font-weight:700}.ptp-diff-icon--increase,.ptp-diff-value--increase{color:#6cc36c}.ptp-diff-icon--decrease,.ptp-diff-value--decrease{color:#ff7b7b}.ptp-diff-icon--no-change,.ptp-diff-value--no-change{color:var(--ptp-muted)}.ptp-smoothness--smooth{color:#56b17a}.ptp-smoothness--normal{color:var(--ptp-muted)}.ptp-smoothness--rough{color:#d0645c}.ptp-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--ptp-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;width:100%;align-self:stretch}.ptp-divider:after,.ptp-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(40,90,130,.45),transparent)}.ptp-result__value{font-weight:700;font-size:18px}.ptp-switch{display:flex;align-items:center;gap:10px}.ptp-switch__label{color:var(--ptp-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ptp-switch__actions{display:flex;gap:8px;flex-wrap:wrap}.ptp-unit-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:none;background:var(--ptp-surface-alt);color:var(--ptp-text);font-size:13px;font-weight:600;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;flex-shrink:0;box-shadow:0 10px 22px rgba(0,0,0,.28)}.ptp-unit-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ptp-focus)}.ptp-unit-toggle.is-imperial{background:rgba(199,120,58,.18);color:var(--ptp-primary)}.ptp-unit-toggle.is-metric{background:rgba(111,176,244,.16);color:var(--ptp-metric)}.ptp-unit-toggle__label{color:var(--ptp-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.subtitle{color:var(--ptp-muted);font-size:13px}@media (max-width:640px){.ptp-title{font-size:24px}.ptp-section-title{font-size:28px}.ptp-shell{padding:24px 12px 40px}}