.tp-frame{aspect-ratio:16 / 11;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 30px -10px #0f172a26;display:flex;flex-direction:column}.tp-chrome{background:linear-gradient(180deg,#f4f5f7,#e9ecf0);border-bottom:1px solid var(--gray-200);padding:7px 10px;display:flex;align-items:center;gap:4px;flex-shrink:0}.tp-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.tp-dot-r{background:#ff5f57}.tp-dot-y{background:#febc2e}.tp-dot-g{background:#28c840}.tp-url{margin-left:8px;background:var(--white);border:1px solid var(--gray-200);border-radius:999px;padding:2px 10px;font-family:var(--font-mono);font-size:9px;color:var(--gray-500);flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.tp-body{flex:1;padding:16px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:0}.tp-row{display:flex;align-items:center;gap:8px}.tp-row-head{justify-content:space-between}.tp-row-center{justify-content:center}.tp-spacer{flex:1}.tp-text{background:var(--gray-200);border-radius:3px;height:8px;width:80px}.tp-text-xxs{height:5px;width:50px}.tp-text-xs{height:6px;width:70px}.tp-text-sm{height:8px;width:110px}.tp-text-big{height:14px;width:90px;background:var(--gray-300)}.tp-text-title{height:12px;width:140px;background:var(--gray-400)}.tp-text-huge{height:22px;width:60px;background:var(--gray-400)}.tp-text-center{margin:0 auto}.tp-text-wide{width:200px}.tp-text-narrow{width:140px}.tp-pill{background:var(--gray-100);border-radius:999px;height:14px;width:60px;flex-shrink:0}.tp-pill-xs{height:9px;width:32px}.tp-pill-sm{height:12px;width:48px}.tp-pill-success{background:var(--success-100)}.tp-pill-warn{background:var(--warning-100)}.tp-pill-featured{background:var(--brand-200)}.tp-btn{background:var(--gray-100);border-radius:6px;height:18px;width:70px;flex-shrink:0}.tp-btn-sm{height:14px;width:50px}.tp-btn-primary{background:var(--brand-600)}.tp-btn-secondary{background:var(--gray-100);border:1px solid var(--gray-200)}.tp-btn-ghost{background:transparent;border:1px solid var(--gray-200)}.tp-btn-block{width:100%}.tp-btn-wide{width:130px}.tp-field{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;height:22px}.tp-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.tp-chip{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:999px;height:14px;width:50px;flex-shrink:0}.tp-chip-active{background:var(--brand-50);border-color:var(--brand-200);width:60px}.tp-chip-add{width:24px;border-style:dashed}.tp-checkbox{width:10px;height:10px;border:1px solid var(--gray-300);border-radius:2px;background:var(--white)}.tp-avatar{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--brand-300),var(--brand-600));flex-shrink:0}.tp-avatar-lg{width:28px;height:28px}.tp-switch{width:22px;height:12px;border-radius:999px;background:var(--gray-200);position:relative;flex-shrink:0}.tp-switch:after{content:"";position:absolute;top:1px;left:1px;width:10px;height:10px;border-radius:50%;background:var(--white);transition:left .15s}.tp-switch-on{background:var(--brand-600)}.tp-switch-on:after{left:11px}.tp-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tp-kpi{background:var(--white);border:1px solid var(--gray-200);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:4px;min-width:0}.tp-kpi .tp-text{width:100%!important}.tp-kpi .tp-text-xs,.tp-kpi .tp-text-big{max-width:50px}.tp-spark{height:10px;background:linear-gradient(to right,transparent 20%,var(--brand-100) 50%,transparent 80%);border-bottom:1px solid var(--brand-300)}.tp-dashboard-main{display:grid;grid-template-columns:2fr 1fr;gap:8px;flex:1;min-height:0}.tp-chart{min-height:0}.tp-chart-area{flex:1;display:flex;align-items:flex-end;gap:6px;padding:8px 0 0;min-height:60px}.tp-bar{flex:1;background:var(--brand-400);border-radius:2px 2px 0 0;min-height:8px}.tp-activity{min-height:0}.tp-activity-row{display:flex;align-items:center;gap:6px}.tp-activity-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.tp-activity-text .tp-text{width:100%}.tp-activity-text .tp-text-xs{max-width:80%}.tp-activity-text .tp-text-xxs{max-width:50%}.tp-filter-strip{display:flex;gap:6px;flex-wrap:wrap}.tp-grid{flex:1;display:flex;flex-direction:column;border:1px solid var(--gray-200);border-radius:6px;overflow:hidden;min-height:0}.tp-grid-head{display:grid;grid-template-columns:24px 2fr 1fr 1fr 1fr;gap:0;background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:6px 0}.tp-grid-row{display:grid;grid-template-columns:24px 2fr 1fr 1fr 1fr;gap:0;padding:7px 0;border-bottom:1px solid var(--gray-100)}.tp-grid-row:last-child{border-bottom:none}.tp-grid-row-selected{background:var(--brand-25)}.tp-grid-cell{display:flex;align-items:center;padding:0 8px}.tp-grid-cell .tp-text{width:70%}.tp-grid-cell .tp-text-xxs{width:40%}.tp-detail-head{display:flex;align-items:center;gap:10px;padding:4px 0}.tp-detail-head-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.tp-tabs{display:flex;gap:4px;border-bottom:1px solid var(--gray-200);padding-bottom:1px}.tp-tab{height:22px;width:60px;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:4px 4px 0 0;position:relative}.tp-tab:after{content:"";position:absolute;top:6px;left:10px;right:10px;height:5px;background:var(--gray-200);border-radius:2px}.tp-tab-active{border-bottom-color:var(--brand-600)}.tp-tab-active:after{background:var(--gray-700)}.tp-detail-body{display:grid;grid-template-columns:2fr 1fr;gap:8px;flex:1;min-height:0}.tp-detail-main,.tp-detail-side{min-height:0}.tp-kv{display:flex;flex-direction:column;gap:3px}.tp-settings-body{display:grid;grid-template-columns:100px 1fr;gap:12px;flex:1;min-height:0}.tp-settings-nav{display:flex;flex-direction:column;gap:4px;padding-top:4px}.tp-nav-item{height:16px;background:var(--gray-100);border-radius:4px}.tp-nav-item-active{background:var(--brand-50);border-left:2px solid var(--brand-600);padding-left:6px}.tp-settings-form{display:flex;flex-direction:column;gap:10px;overflow:hidden}.tp-form-section{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--gray-200);border-radius:6px}.tp-form-row{display:flex;gap:6px}.tp-form-row>.tp-field{flex:1}.tp-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-top:1px solid var(--gray-100)}.tp-toggle-row:first-of-type{border-top:none}.tp-save-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--white);border:1px solid var(--gray-200);border-radius:6px;margin-top:auto;box-shadow:0 -4px 12px -6px #0f172a14}.tp-save-bar-indicator{display:flex;align-items:center;gap:6px}.tp-save-bar-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-500, var(--brand-600));flex-shrink:0;box-shadow:0 0 0 3px var(--brand-100)}.tp-save-bar-actions{display:flex;gap:6px}.tp-stepper{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 0}.tp-step{display:flex;flex-direction:column;align-items:center;gap:4px}.tp-step-dot{width:16px;height:16px;border-radius:50%;background:var(--gray-200);border:2px solid var(--gray-200)}.tp-step-dot-done{background:var(--brand-600);border-color:var(--brand-600)}.tp-step-dot-active{background:var(--white);border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100)}.tp-step-label{height:5px;width:30px;background:var(--gray-200);border-radius:2px}.tp-step-active .tp-step-label{background:var(--gray-700)}.tp-step-line{height:2px;flex:1;background:var(--gray-200);border-radius:1px;margin-bottom:12px;max-width:50px}.tp-step-line-done{background:var(--brand-600)}.tp-wizard-card{flex:1;min-height:0;gap:6px}.tp-wizard-actions{display:flex;justify-content:space-between;margin-top:auto;padding-top:6px;border-top:1px solid var(--gray-100)}.tp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.tp-empty-art{width:80px;height:80px;position:relative;margin-bottom:4px}.tp-empty-art-square{position:absolute;width:50px;height:50px;background:var(--brand-50);border:2px dashed var(--brand-200);border-radius:8px;top:12px;left:8px}.tp-empty-art-circle{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--brand-200);top:6px;right:8px}.tp-empty-art-line{position:absolute;width:60px;height:2px;background:var(--brand-300);bottom:14px;left:12px;border-radius:1px}.tp-login-page{flex:1;display:flex;align-items:center;justify-content:center;background:var(--gray-50);margin:-16px}.tp-login-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:16px;width:60%;max-width:240px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px #0000000d}.tp-login-logo{width:28px;height:28px;background:var(--gray-950);border-radius:6px;margin:0 auto 4px}.tp-divider{display:flex;align-items:center;gap:6px;margin:4px 0}.tp-divider-line{flex:1;height:1px;background:var(--gray-200)}.tp-social-row{display:flex;gap:6px}.tp-social-row>.tp-btn{flex:1}.tp-ml-hero{text-align:center;padding:20px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:radial-gradient(400px 200px at 50% 0%,var(--brand-50),transparent 70%);margin:-16px -16px 0}.tp-ml-cta-row{display:flex;gap:6px;margin-top:4px}.tp-ml-logos{display:flex;gap:12px;justify-content:center;padding:8px 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.tp-logo-dim{width:32px;height:12px;background:var(--gray-200);border-radius:2px}.tp-ml-features{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1;min-height:0}.tp-ml-feature{gap:5px;padding:8px;min-height:0}.tp-icon-box{width:18px;height:18px;border-radius:4px;background:var(--brand-100)}.tp-pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1;min-height:0}.tp-pricing-card{position:relative;padding:10px;gap:5px;min-height:0}.tp-pricing-card-featured{border-color:var(--brand-400);box-shadow:0 4px 12px -2px #2563eb2e;transform:translateY(-3px)}.tp-pricing-card .tp-pill-featured{position:absolute;top:-6px;left:50%;transform:translate(-50%)}.tp-admin-events{display:flex;gap:8px;padding:4px 6px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:4px;overflow:hidden}.tp-admin-event{display:flex;align-items:center;gap:4px;flex-shrink:0}.tp-toolbar{display:flex;gap:4px;padding:4px 0}.tp-grid-dense .tp-grid-head,.tp-grid-dense .tp-grid-row{grid-template-columns:18px 1.5fr 1fr 1fr 1fr 1fr}.tp-grid-dense .tp-grid-row,.tp-grid-row-dense{padding:4px 0}[data-theme=dark] .tp-frame{border-color:var(--gray-300)}[data-theme=dark] .tp-chrome{background:linear-gradient(180deg,var(--gray-100),var(--gray-200))}[data-theme=dark] .tp-url{background:var(--gray-50);border-color:var(--gray-300)}.page-pt .page-hero{padding:64px 0 56px;background:radial-gradient(800px 400px at 80% -100px,var(--brand-50),transparent 60%),var(--white);border-bottom:1px solid var(--gray-200)}.page-pt .page-hero h1{font-size:clamp(40px,5.5vw,64px);line-height:1.02;letter-spacing:-.03em;font-weight:600;color:var(--gray-950)}.page-pt .page-hero h1 em{font-family:var(--font-script);font-weight:300;font-style:normal;color:var(--brand-600)}.page-pt .page-hero .lead{margin-top:20px;max-width:720px}.pt-breadcrumb{font-size:13px;color:var(--gray-500);margin-bottom:16px}.pt-breadcrumb a{color:var(--gray-500);text-decoration:none}.pt-breadcrumb a:hover{color:var(--brand-700)}.pt-breadcrumb-sep{color:var(--gray-300);margin:0 8px}.pt-section{padding:72px 0}.pt-section-tint{background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.pt-section h2{color:var(--gray-950)}.pt-category{margin-bottom:64px;scroll-margin-top:80px}.pt-category:last-child{margin-bottom:0}.pt-category-head{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.pt-category-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--gray-950)}.pt-category-count{font-family:var(--font-mono);font-size:12px;color:var(--gray-500)}.pt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:20px}@media (max-width: 720px){.pt-gallery{grid-template-columns:1fr}}.pt-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);overflow:hidden;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.pt-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pt-card-preview{padding:18px;background:linear-gradient(180deg,var(--gray-50),var(--gray-100));border-bottom:1px solid var(--gray-200)}.pt-card-meta{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.pt-card-meta-head{display:flex;flex-direction:column;gap:4px}.pt-card-category{font-family:var(--font-mono);font-size:10px;color:var(--brand-700);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.pt-card-meta h3{font-size:20px;font-weight:600;letter-spacing:-.018em;color:var(--gray-950);margin:0;line-height:1.2}.pt-card-meta p{font-size:13px;line-height:1.55;color:var(--gray-600);margin:0;flex:1}.pt-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--gray-100)}.pt-card-components{font-family:var(--font-mono);font-size:11px;color:var(--gray-500)}.pt-card-cta{font-size:12px;font-weight:600;color:var(--brand-700);display:inline-flex;align-items:center;gap:4px}.pt-card-cta .arrow{display:inline-block;transition:transform .15s}.pt-card:hover .pt-card-cta .arrow{transform:translate(3px)}.pt-detail-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;margin-top:8px}@media (max-width: 920px){.pt-detail-hero{grid-template-columns:1fr;gap:32px}}.pt-detail-hero-copy h1{font-size:clamp(36px,4.5vw,56px);line-height:1.05;letter-spacing:-.028em;font-weight:600;color:var(--gray-950)}.pt-detail-hero-copy .lead{margin-top:16px;max-width:540px}.pt-hero-ctas{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.pt-intro-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}@media (max-width: 760px){.pt-intro-grid{grid-template-columns:1fr;gap:24px}}.pt-intro-para{font-size:17px;line-height:1.65;color:var(--gray-700);margin:0 0 20px}.pt-when{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.pt-when li{font-size:14px;color:var(--gray-700);line-height:1.55;padding-left:22px;position:relative}.pt-when li:before{content:"→";position:absolute;left:0;top:0;color:var(--brand-600);font-weight:700}.pt-structure-head{max-width:760px;margin-bottom:40px}.pt-structure-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.pt-structure-item{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:start;padding:24px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl)}.pt-structure-num{width:36px;height:36px;border-radius:50%;background:var(--brand-50);color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;font-weight:600}.pt-structure-main h3{font-size:18px;font-weight:600;color:var(--gray-950);margin:0 0 6px;letter-spacing:-.015em}.pt-structure-main p{font-size:14px;line-height:1.55;color:var(--gray-600);margin:0 0 12px}.pt-structure-components{display:flex;gap:6px;flex-wrap:wrap}.pt-comp-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:500;padding:3px 8px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:4px;color:var(--gray-800)}.pt-comp-chip-lg{font-size:13px;padding:6px 12px}.pt-comp-head{max-width:760px;margin-bottom:32px}.pt-comp-grid{display:flex;flex-wrap:wrap;gap:8px}.pt-sub-head{max-width:760px;margin-bottom:32px}.pt-sub-table{border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;background:var(--white)}.pt-sub-row{display:grid;grid-template-columns:200px 220px 1fr;gap:16px;padding:14px 20px;border-bottom:1px solid var(--gray-100);font-size:14px;align-items:center}.pt-sub-row:last-child{border-bottom:none}.pt-sub-row-head{background:var(--gray-50);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--gray-600)}.pt-sub-field{font-family:var(--font-mono);color:var(--brand-700);font-weight:600}.pt-sub-example{font-family:var(--font-mono);color:var(--gray-700)}.pt-sub-where{color:var(--gray-600);line-height:1.5}@media (max-width: 760px){.pt-sub-row{grid-template-columns:1fr;gap:6px}.pt-sub-row-head{display:none}}.pt-related-head{margin-bottom:32px}.pt-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.pt-card-small .pt-card-preview{padding:14px}.pt-card-small .pt-card-meta{padding:14px 16px 16px}.pt-card-small .pt-card-meta h3{font-size:17px}