:root{color:#101828;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f8fafc}button,input,select,textarea{font:inherit}button{cursor:pointer}.min-h-screen{min-height:100vh}.bg-base-100,.bg-white{background:#fff}.bg-base-200{background:#f1f5f9}.bg-base-300,.bg-base-300\/50{background:#e2e8f0}.text-base-content{color:#101828}.text-base-content\/90{color:#1f2937}.text-base-content\/80{color:#344054}.text-base-content\/70{color:#475467}.text-base-content\/60{color:#667085}.text-base-content\/50{color:#98a2b3}.text-base-content\/40{color:#cbd5e1}.border{border:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-base-200,.border-base-300{border-color:#e2e8f0}.border-dashed{border-style:dashed}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.shadow-sm{box-shadow:0 1px 2px #1018280f}.shadow-2xl{box-shadow:0 24px 48px #1018282e}.flex{display:flex}.grid{display:grid}.flex-1{flex:1 1 0%}.flex-none{flex:none}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.self-center{align-self:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid-cols-1{grid-template-columns:minmax(0,1fr)}.w-full{width:100%}.mx-auto{margin-inline:auto}.mx-4{margin-inline:1rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-4{margin-top:1rem}.mt-10{margin-top:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.my-1{margin-block:.25rem}.mr-2{margin-right:.5rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-2{padding-block:.5rem}.py-4{padding-block:1rem}.py-10{padding-block:2.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-4xl{max-width:56rem}.max-h-64{max-height:16rem}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.break-all{overflow-wrap:anywhere}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.right-0{right:0}.z-0{z-index:0}.z-50{z-index:50}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.h-12{height:3rem}.h-full{height:100%}.w-0{width:0}.w-4{width:1rem}.w-6{width:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-10{line-height:2.5rem}.uppercase{text-transform:uppercase}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-tighter{letter-spacing:-.05em}.text-balance{text-wrap:balance}.transition{transition:.15s ease}.list-none{list-style:none}.list-decimal{list-style-type:decimal}.list-inside{list-style-position:inside}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.card{border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 1px 2px #1018280a}.card-body{padding:1.25rem}.card-title{margin:0;font-weight:650;color:#101828}.btn{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.5rem;border:1px solid #d0d5dd;border-radius:.5rem;padding:.5rem 1rem;color:#344054;background:#fff;font-weight:600;text-decoration:none;transition:.15s ease}.btn:hover{background:#f8fafc}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{color:#fff;background:#155eef;border-color:#155eef}.btn-primary:hover{background:#004eeb}.btn-outline{background:transparent}.btn-ghost{border-color:transparent;background:transparent}.btn-warning{color:#fff;background:#dc6803;border-color:#dc6803}.btn-sm{min-height:2.125rem;padding:.375rem .75rem;font-size:.875rem}.btn-xs{min-height:1.75rem;padding:.25rem .5rem;font-size:.75rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .625rem;background:#eef4ff;color:#3538cd;font-size:.75rem;font-weight:650}.badge-sm{padding:.125rem .5rem;font-size:.6875rem}.badge-warning{background:#fffaeb;color:#b54708}.input,.select,.textarea{width:100%;min-height:2.5rem;border:1px solid #d0d5dd;border-radius:.5rem;padding:.5rem .75rem;color:#101828;background:#fff;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px #155eef1f}.input-sm,.select-sm{min-height:2.125rem;font-size:.875rem}.toggle{width:2.5rem;height:1.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px #10182814;cursor:pointer;transition:.15s ease}.toggle:before{content:"";display:block;width:1.125rem;height:1.125rem;margin:.125rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182840;transition:transform .15s ease}.toggle:checked{background:#155eef}.toggle:checked:before{transform:translate(1.125rem)}.alert{border-radius:.75rem;padding:.75rem 1rem}.alert-warning{border:1px solid #fedf89;background:#fffaeb;color:#93370d}.alert-info{border:1px solid #b2ddff;background:#eff8ff;color:#175cd3}.alert-error{border:1px solid #fecdca;background:#fef3f2;color:#b42318}.alert-success{border:1px solid #abefc6;background:#ecfdf3;color:#067647}.divider{height:1px;margin:1rem 0;border:0;background:#e2e8f0}.text-error{color:#d92d20}.text-warning{color:#b54708}.text-info{color:#175cd3}.text-success,.text-emerald-600{color:#067647}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #cbd5e1;border-top-color:#155eef;border-radius:999px;animation:pf-spin .75s linear infinite}.loading-xs{width:.75rem;height:.75rem}.loading-sm{width:1rem;height:1rem}@keyframes pf-spin{to{transform:rotate(360deg)}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.fieldset{min-width:0;margin:0 0 .5rem;padding:0;border:0}.fieldset>label{display:block}.label{display:flex;align-items:center;gap:.5rem;color:#344054;font-size:.8125rem;font-weight:600}.checkbox{width:1rem;height:1rem;accent-color:#155eef}.input-error,.select-error,.textarea-error{border-color:#f04438}.pf-native-icon{width:1.25rem;height:1.25rem;flex:0 0 auto}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.shrink-0{flex-shrink:0}.self-start{align-self:flex-start}.cursor-pointer{cursor:pointer}.toast{position:fixed;top:16px;right:16px;z-index:1000;width:min(384px,calc(100vw - 32px))}.toast .alert{display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 12px 32px #10182829}.toast p{margin:0}.toast button{margin-left:auto;padding:0;border:0;background:transparent;color:inherit}.table{width:100%;border-collapse:collapse;border-spacing:0}.table th,.table td{padding:.75rem;border-bottom:1px solid #e4e7ec;text-align:left}.table th{color:#475467;font-size:.75rem;font-weight:650}.table-zebra tbody tr:nth-child(2n){background:#f8fafc}.list{margin:0;padding:0;list-style:none}.list-row{padding:.75rem 0;border-bottom:1px solid #e4e7ec}.list-col-grow{min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pf-runtime-toast{position:fixed;z-index:1000;top:16px;right:16px;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #344054;border-radius:8px;background:#101828;color:#fff;box-shadow:0 12px 28px #10182838;font-size:.8125rem;font-weight:600}.prism-block{border-radius:12px;border:1px solid #e5e7eb;background:#f6f8fa;padding:12px 16px;font-family:ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;color:#111827;line-height:1.45rem;overflow:auto;position:relative}.prism-block code{display:block;white-space:pre;counter-reset:linenumber}.prism-block code .line{display:block;padding-left:3rem;position:relative;min-height:1.45rem;line-height:1.45rem}.prism-block code .line:before{counter-increment:linenumber;content:counter(linenumber);position:absolute;top:0;left:1rem;color:#9ca3af;width:1.5rem;text-align:right;display:inline-flex;align-items:center;height:100%}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d}.token.punctuation{color:#4b5563}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#b31d28}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#22863a}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#005cc5}.token.atrule,.token.attr-value,.token.keyword{color:#d73a49}.token.function,.token.class-name{color:#6f42c1}.token.regex,.token.important,.token.variable{color:#e36209}.token.bold{font-weight:700}.token.italic{font-style:italic}.monaco-pane{min-height:180px;height:100%;width:100%;overflow:hidden}.pf-auth-page,.pf-extension-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f8fc;color:#172033;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pf-auth-card,.pf-extension-card{width:min(100%,420px);padding:32px;border:1px solid #dce2ea;border-radius:16px;background:#fff;box-shadow:0 20px 48px #0f172a14}.pf-auth-page-dark{background:#f6f8fc;color:#172033}.pf-auth-brand,.pf-extension-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;color:#101828;font-size:18px;font-weight:750;text-decoration:none}.pf-auth-brandmark,.pf-extension-logo{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;background:#155eef;color:#fff;font:700 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.pf-auth-card h1,.pf-extension-card h1{margin:0 0 8px;color:#101828;font-size:24px;line-height:1.25;letter-spacing:-.02em}.pf-auth-card p,.pf-extension-copy{margin:0;color:#475467;line-height:1.55}.pf-auth-card label{display:block;margin:16px 0 6px;color:#344054;font-size:13px;font-weight:650}.pf-auth-card input:not([type=hidden]){width:100%;height:44px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#101828;font:inherit;outline:none}.pf-auth-card input:not([type=hidden]):focus{border-color:#84adff;box-shadow:0 0 0 3px #155eef1f}.pf-auth-form{margin-top:18px}.pf-auth-alert,.pf-auth-error{margin-top:14px!important;padding:10px 12px;border-radius:8px}.pf-auth-alert{background:#fff7ed;color:#9a3412!important}.pf-auth-error{background:#fef2f2;color:#b91c1c!important}.pf-auth-submit,.pf-extension-button{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:10px 16px;border:1px solid #155eef;border-radius:8px;background:#155eef;color:#fff;font:600 14px/1.2 inherit;text-align:center;text-decoration:none;cursor:pointer}.pf-auth-submit:hover,.pf-extension-button:hover{background:#004eeb;border-color:#004eeb}.pf-auth-card a{color:#155eef;font-weight:600}.pf-auth-footer{margin-top:18px;color:#667085;font-size:13px}.pf-extension-product{color:#667085;font-size:13px;font-weight:500}.pf-extension-copy strong{color:#101828}.pf-extension-state{text-align:center}@media(max-width:520px){.pf-auth-page,.pf-extension-page{align-items:start;padding:16px}.pf-auth-card,.pf-extension-card{margin-top:40px;padding:24px;border-radius:14px}}:root{--pf-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pf-font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--pf-bg-body: #f8fafc;--pf-bg-white: #ffffff;--pf-bg-subtle: #f1f5f9;--pf-border-main: #e2e8f0;--pf-border-subtle: #f1f5f9;--pf-border-dark: #cbd5e1;--pf-text-950: #020617;--pf-text-900: #0f172a;--pf-text-800: #1e293b;--pf-text-700: #334155;--pf-text-600: #475569;--pf-text-500: #64748b;--pf-text-400: #94a3b8;--pf-text-300: #cbd5e1;--pf-blue-600: #2563eb;--pf-blue-700: #1d4ed8;--pf-blue-50: #eff6ff;--pf-blue-100: #dbeafe;--pf-blue-200: #bfdbfe;--pf-emerald-600: #059669;--pf-emerald-500: #10b981;--pf-emerald-50: #ecfdf5;--pf-emerald-200: #a7f3d0;--pf-amber-50: #fffbeb;--pf-amber-700: #b45309;--pf-purple-50: #faf5ff;--pf-purple-700: #7e22ce;--pf-purple-200: #e9d5ff;--pf-rose-600: #e11d48;--pf-shadow-2xs: 0 1px rgb(0 0 0 / .05);--pf-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--pf-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--pf-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--pf-radius-md: 8px;--pf-radius-lg: 10px;--pf-radius-xl: 12px;--pf-radius-2xl: 16px;--pf-radius-full: 9999px}.pf-home-container{min-height:100vh;background-color:var(--pf-bg-body);color:var(--pf-text-900);font-family:var(--pf-font-sans);display:flex;flex-direction:column;box-sizing:border-box}.pf-home-container *,.pf-home-container *:before,.pf-home-container *:after{box-sizing:border-box}.pf-home-header{background-color:var(--pf-bg-white);border-bottom:1px solid var(--pf-border-subtle);padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;flex-shrink:0}@media(min-width:640px){.pf-home-header{padding:0 2.5rem}}.pf-home-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:inherit}.pf-home-brand-icon{width:2rem;height:2rem;border-radius:var(--pf-radius-xl);background-color:var(--pf-blue-600);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--pf-shadow-xs);transition:background-color .15s ease}.pf-home-brand:hover .pf-home-brand-icon{background-color:var(--pf-blue-700)}.pf-home-brand-icon svg{width:1rem;height:1rem;transform:translate(1px)}.pf-home-brand-title{font-weight:700;color:var(--pf-text-900);font-size:1.125rem;letter-spacing:-.02em}.pf-home-brand-subtitle{font-size:.75rem;color:var(--pf-text-400);font-weight:400;margin-left:.125rem}@media(min-width:640px){.pf-home-brand-subtitle{font-size:.875rem}}.pf-home-nav-right{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;font-weight:500;position:relative}.pf-home-nav-link{color:var(--pf-text-700);text-decoration:none;transition:color .15s ease}.pf-home-nav-link:hover{color:var(--pf-text-900)}.pf-home-user-avatar{width:2rem;height:2rem;border-radius:var(--pf-radius-full);background-color:var(--pf-text-900);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:var(--pf-shadow-2xs);transition:opacity .15s ease}.pf-home-user-avatar:hover{opacity:.9}.pf-home-dropdown{position:absolute;top:calc(100% + .375rem);right:0;background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);padding:.375rem;z-index:50;font-size:.75rem;color:var(--pf-text-700);min-width:12rem;animation:pfHomeFadeIn .15s ease-out}.pf-home-dropdown-header{padding:.25rem .5rem;font-size:.6875rem;color:var(--pf-text-400);border-bottom:1px solid var(--pf-border-subtle);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-home-dropdown-item{width:100%;padding:.375rem .625rem;text-align:left;border:none;background:transparent;color:var(--pf-text-700);border-radius:var(--pf-radius-md);font-size:.75rem;cursor:pointer;display:block;text-decoration:none;transition:background-color .1s ease}.pf-home-dropdown-item:hover{background-color:var(--pf-bg-subtle)}.pf-home-dropdown-item.is-danger{color:var(--pf-rose-600)}.pf-home-main{flex:1;max-width:72rem;width:100%;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}@media(min-width:640px){.pf-home-main{padding:3rem 1.5rem}}.pf-home-hero-text{text-align:center;max-width:42rem;margin:0 auto 1.75rem}.pf-home-hero-title{font-size:1.875rem;font-weight:800;color:var(--pf-text-950);letter-spacing:-.025em;line-height:1.25;margin:0}@media(min-width:640px){.pf-home-hero-title{font-size:2.375rem}}.pf-home-hero-sub{margin:.75rem 0 0;font-size:.875rem;color:var(--pf-text-500);font-weight:400}@media(min-width:640px){.pf-home-hero-sub{font-size:1rem}}.pf-home-tabs-wrap{margin-bottom:1.5rem;display:flex;justify-content:center}.pf-home-tabs-bar{display:inline-flex;align-items:center;padding:.25rem;background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-2xs);gap:.25rem}.pf-home-tab-btn{padding:.375rem 1rem;font-size:.75rem;font-weight:500;border-radius:var(--pf-radius-md);border:1px solid transparent;background:transparent;color:var(--pf-text-600);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.375rem;font-family:inherit;text-decoration:none}@media(min-width:640px){.pf-home-tab-btn{font-size:.875rem}}.pf-home-tab-btn:hover{color:var(--pf-text-900)}.pf-home-tab-btn.is-active{background-color:#eff6ffcc;color:var(--pf-blue-600);border-color:var(--pf-blue-200);box-shadow:var(--pf-shadow-2xs);font-weight:600}.pf-home-tab-btn svg{width:.875rem;height:.875rem;color:#3b82f6}.pf-home-editor-card{max-width:56rem;width:100%;margin:0 auto;background-color:var(--pf-bg-white);border-radius:var(--pf-radius-2xl);border:1px solid rgba(226,232,240,.9);box-shadow:var(--pf-shadow-xs);overflow:hidden;display:flex;flex-direction:column}.pf-home-editor-container{height:250px;position:relative;background-color:#fff}@media(min-width:640px){.pf-home-editor-container{height:270px}}.pf-home-editor-footer{border-top:1px solid #f1f5f9;padding:.875rem 1.25rem;background-color:var(--pf-bg-white);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pf-home-footer-left{display:flex;align-items:center;gap:.5rem}.pf-home-detected-badge{display:flex;align-items:center;gap:.375rem;color:var(--pf-emerald-600);font-size:.75rem;font-weight:500}@media(min-width:640px){.pf-home-detected-badge{font-size:.875rem}}.pf-home-detected-badge svg{width:1rem;height:1rem;color:var(--pf-emerald-600);flex-shrink:0}.pf-home-auto-pill{padding:.125rem .625rem;font-size:.75rem;background-color:var(--pf-bg-body);border:1px solid var(--pf-border-main);color:var(--pf-text-600);border-radius:var(--pf-radius-sm);font-weight:400}.pf-home-footer-right{display:flex;align-items:center;gap:.75rem}.pf-home-shortcut-pill{display:none;align-items:center;padding:.25rem .5rem;font-size:.75rem;background-color:var(--pf-bg-body);border:1px solid var(--pf-border-main);color:var(--pf-text-500);border-radius:var(--pf-radius-sm);font-family:var(--pf-font-mono);-webkit-user-select:none;user-select:none}@media(min-width:640px){.pf-home-shortcut-pill{display:inline-flex}}.pf-home-open-btn{padding:.5rem 1rem;background-color:var(--pf-blue-600);color:#fff;font-size:.75rem;font-weight:500;border-radius:var(--pf-radius-md);border:none;box-shadow:var(--pf-shadow-xs);display:flex;align-items:center;gap:.375rem;cursor:pointer;transition:background-color .15s ease;font-family:inherit}@media(min-width:640px){.pf-home-open-btn{font-size:.875rem}}.pf-home-open-btn:hover{background-color:var(--pf-blue-700)}.pf-home-open-btn svg{width:1rem;height:1rem}.pf-home-empty-link-wrap{text-align:center;margin-top:.875rem;margin-bottom:3.5rem}.pf-home-empty-link{background:transparent;border:none;font-size:.75rem;color:var(--pf-blue-600);font-weight:400;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:4px;cursor:pointer;transition:color .15s ease;font-family:inherit}@media(min-width:640px){.pf-home-empty-link{font-size:.875rem}}.pf-home-empty-link:hover{color:var(--pf-blue-700)}.pf-home-examples-section{max-width:56rem;width:100%;margin:0 auto}.pf-home-examples-title{font-size:1rem;font-weight:700;color:var(--pf-text-900);margin:0 0 1rem;text-align:left}.pf-home-examples-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}@media(min-width:768px){.pf-home-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pf-home-example-card{background-color:var(--pf-bg-white);border-radius:var(--pf-radius-xl);border:1px solid var(--pf-border-main);box-shadow:var(--pf-shadow-2xs);padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .15s ease,box-shadow .15s ease}.pf-home-example-card:hover{border-color:var(--pf-border-dark);box-shadow:var(--pf-shadow-xs)}.pf-home-example-top{display:flex;gap:.875rem;align-items:flex-start}.pf-home-example-preview-box{width:7rem;height:7rem;background-color:var(--pf-bg-body);border:1px solid rgba(226,232,240,.8);border-radius:var(--pf-radius-md);padding:.375rem;overflow:hidden;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.pf-home-example-title{font-size:.875rem;font-weight:700;color:var(--pf-text-900);line-height:1.25;margin:0}.pf-home-example-badge{display:inline-flex;padding:.125rem .5rem;font-size:11px;font-weight:600;border-radius:var(--pf-radius-sm);margin-top:.375rem}.pf-home-example-badge.is-react{background-color:var(--pf-blue-50);color:var(--pf-blue-700)}.pf-home-example-badge.is-vue{background-color:var(--pf-emerald-50);color:var(--pf-emerald-600)}.pf-home-example-badge.is-html{background-color:var(--pf-amber-50);color:var(--pf-amber-700)}.pf-home-example-meta{font-size:11px;color:var(--pf-text-500);margin:.5rem 0 0}.pf-home-example-footer{padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--pf-border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.pf-home-example-live-badge{display:flex;align-items:center;gap:.375rem;color:var(--pf-text-600);font-size:11px}.pf-home-live-dot{width:.5rem;height:.5rem;border-radius:var(--pf-radius-full);background-color:var(--pf-emerald-500)}.pf-home-example-open-btn{color:var(--pf-blue-600);font-weight:500;font-size:.75rem;display:flex;align-items:center;gap:.125rem;background:transparent;border:none;cursor:pointer;transition:color .15s ease;font-family:inherit}.pf-home-example-open-btn:hover{color:var(--pf-blue-700)}@keyframes pfHomeFadeIn{0%{opacity:0}to{opacity:1}}:root{--pf-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pf-font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--pf-bg-body: #f8fafc;--pf-bg-white: #ffffff;--pf-bg-subtle: #f1f5f9;--pf-border-main: #e2e8f0;--pf-border-subtle: #f1f5f9;--pf-border-dark: #cbd5e1;--pf-text-950: #020617;--pf-text-900: #0f172a;--pf-text-800: #1e293b;--pf-text-700: #334155;--pf-text-600: #475569;--pf-text-500: #64748b;--pf-text-400: #94a3b8;--pf-text-300: #cbd5e1;--pf-blue-600: #2563eb;--pf-blue-700: #1d4ed8;--pf-blue-50: #eff6ff;--pf-blue-100: #dbeafe;--pf-blue-200: #bfdbfe;--pf-emerald-600: #059669;--pf-emerald-500: #10b981;--pf-emerald-50: #ecfdf5;--pf-emerald-200: #a7f3d0;--pf-emerald-300: #6ee7b7;--pf-amber-50: #fffbeb;--pf-amber-700: #b45309;--pf-purple-50: #faf5ff;--pf-purple-700: #7e22ce;--pf-purple-200: #e9d5ff;--pf-rose-600: #e11d48;--pf-shadow-2xs: 0 1px rgb(0 0 0 / .05);--pf-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--pf-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--pf-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--pf-radius-sm: 6px;--pf-radius-md: 8px;--pf-radius-lg: 10px;--pf-radius-xl: 12px;--pf-radius-2xl: 16px;--pf-radius-full: 9999px}.pf-ws-container{height:100vh;width:100vw;display:flex;flex-direction:column;background-color:var(--pf-bg-body);color:var(--pf-text-900);font-family:var(--pf-font-sans);overflow:hidden;box-sizing:border-box;-webkit-user-select:none;user-select:none}.pf-ws-container *,.pf-ws-container *:before,.pf-ws-container *:after{box-sizing:border-box}.pf-ws-header{height:3.5rem;background-color:var(--pf-bg-white);border-bottom:1px solid rgba(226,232,240,.9);padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;z-index:30}@media(min-width:640px){.pf-ws-header{padding:0 1.5rem}}.pf-ws-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.pf-ws-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--pf-text-900);font-weight:700;font-size:.875rem;letter-spacing:-.02em;flex-shrink:0;transition:opacity .15s ease}.pf-ws-brand:hover{opacity:.9}.pf-ws-brand-icon{width:1.75rem;height:1.75rem;border-radius:var(--pf-radius-md);background-color:var(--pf-blue-600);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--pf-shadow-xs)}.pf-ws-brand-icon svg{width:.875rem;height:.875rem;transform:translate(1px)}.pf-ws-brand-title{display:none;font-weight:700;font-size:1rem;color:var(--pf-text-900);letter-spacing:-.02em}@media(min-width:640px){.pf-ws-brand-title{display:inline}}.pf-ws-brand-sub{display:none;font-size:.75rem;color:var(--pf-text-400);font-weight:400}@media(min-width:1024px){.pf-ws-brand-sub{display:inline}}.pf-ws-divider-v{height:1.25rem;width:1px;background-color:var(--pf-border-main);display:none}@media(min-width:640px){.pf-ws-divider-v{display:block}}.pf-ws-title-block{display:flex;flex-direction:column;min-width:0;justify-content:center}.pf-ws-title-row{display:flex;align-items:center;gap:.375rem}.pf-ws-title-btn{display:flex;align-items:center;gap:.375rem;cursor:pointer;background:transparent;border:none;padding:0;text-align:left;font-family:inherit}.pf-ws-title-text{font-size:.75rem;font-weight:600;color:var(--pf-text-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}@media(min-width:640px){.pf-ws-title-text{font-size:.875rem;max-width:220px}}.pf-ws-pencil-icon{font-size:11px;color:var(--pf-text-400);transition:color .15s ease}.pf-ws-title-btn:hover .pf-ws-pencil-icon{color:var(--pf-text-600)}.pf-ws-title-form{display:flex;align-items:center;gap:.375rem}.pf-ws-title-input{padding:.125rem .5rem;font-size:.75rem;background-color:#fff;border:1px solid #60a5fa;color:var(--pf-text-900);border-radius:var(--pf-radius-sm);font-weight:600;width:10rem;box-shadow:var(--pf-shadow-2xs)}@media(min-width:640px){.pf-ws-title-input{width:14rem}}.pf-ws-title-save-btn{padding:.125rem .5rem;font-size:.75rem;background-color:var(--pf-blue-600);color:#fff;border:none;border-radius:var(--pf-radius-sm);font-weight:500;cursor:pointer}.pf-ws-status-text{font-size:10px;color:var(--pf-text-400);line-height:1.2}.pf-ws-status-text.is-saved{color:var(--pf-emerald-600);font-weight:500}.pf-ws-attribution-pill{padding:.125rem .625rem;font-size:.75rem;border-radius:var(--pf-radius-full);border:1px solid var(--pf-border-main);background-color:var(--pf-bg-body);color:var(--pf-text-600);display:flex;align-items:center;gap:.25rem;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-left:.25rem;font-family:inherit}.pf-ws-attribution-pill:hover{background-color:var(--pf-bg-subtle)}.pf-ws-attribution-pill.is-ai{background-color:var(--pf-blue-50);border-color:var(--pf-blue-200);color:var(--pf-blue-600)}.pf-ws-attribution-pill.is-ai:hover{background-color:var(--pf-blue-100)}.pf-ws-header-center{position:relative;flex-shrink:0}.pf-ws-env-btn{padding:.375rem .75rem;background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-md);font-size:.75rem;font-weight:500;color:var(--pf-text-700);display:flex;align-items:center;gap:.375rem;box-shadow:var(--pf-shadow-2xs);cursor:pointer;transition:background-color .15s ease;font-family:inherit}.pf-ws-env-btn:hover{background-color:var(--pf-bg-body)}.pf-ws-env-btn svg{width:.875rem;height:.875rem;color:var(--pf-text-400)}.pf-ws-dropdown-menu{position:absolute;top:calc(100% + .375rem);left:50%;transform:translate(-50%);width:11rem;background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);padding:.25rem;z-index:50;font-size:.75rem}.pf-ws-dropdown-item{width:100%;padding:.5rem .75rem;text-align:left;border:none;background:transparent;border-radius:var(--pf-radius-md);color:var(--pf-text-700);font-size:.75rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .1s ease;font-family:inherit}.pf-ws-dropdown-item:hover{background-color:var(--pf-bg-body)}.pf-ws-dropdown-item.is-selected{background-color:var(--pf-blue-50);color:var(--pf-blue-700);font-weight:600}.pf-ws-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:relative}.pf-ws-save-btn{padding:.375rem .875rem;font-size:.75rem;font-weight:500;border-radius:var(--pf-radius-md);border:1px solid var(--pf-border-main);background-color:#fff;color:var(--pf-text-700);display:flex;align-items:center;gap:.375rem;box-shadow:var(--pf-shadow-2xs);cursor:pointer;transition:all .15s ease;font-family:inherit}.pf-ws-save-btn:hover{background-color:var(--pf-bg-body)}.pf-ws-save-btn.is-saved{background-color:var(--pf-emerald-50);border-color:var(--pf-emerald-300);color:var(--pf-emerald-700)}.pf-ws-share-btn{padding:.375rem .875rem;font-size:.75rem;font-weight:500;border-radius:var(--pf-radius-md);border:1px solid var(--pf-border-main);background-color:#fff;color:var(--pf-text-700);display:flex;align-items:center;gap:.375rem;box-shadow:var(--pf-shadow-2xs);cursor:pointer;transition:all .15s ease;font-family:inherit}.pf-ws-share-btn:hover{background-color:var(--pf-bg-body)}.pf-ws-share-btn svg{width:.875rem;height:.875rem;color:var(--pf-text-500)}.pf-ws-more-btn{width:2rem;height:2rem;border-radius:var(--pf-radius-md);background-color:#fff;border:1px solid var(--pf-border-main);color:var(--pf-text-500);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;box-shadow:var(--pf-shadow-2xs);cursor:pointer;transition:all .15s ease}.pf-ws-more-btn:hover{background-color:var(--pf-bg-body);color:var(--pf-text-700)}.pf-ws-more-menu{position:absolute;top:calc(100% + .375rem);right:0;width:12rem;background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);padding:.375rem;z-index:50;font-size:.75rem;color:var(--pf-text-700)}.pf-ws-more-item{width:100%;padding:.5rem .75rem;text-align:left;border:none;background:transparent;border-radius:var(--pf-radius-md);color:var(--pf-text-700);font-size:.75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none;transition:background-color .1s ease;font-family:inherit}.pf-ws-more-item:hover{background-color:var(--pf-bg-body)}.pf-ws-more-item.is-danger{color:var(--pf-rose-600)}.pf-ws-more-item.is-danger:hover{background-color:#fff1f2}.pf-ws-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:.875rem;gap:.75rem;overflow:hidden;background-color:var(--pf-bg-body)}.pf-ws-panels-row{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden;position:relative}.pf-jsf-workspace{flex:1;min-height:0;display:grid;gap:8px;overflow:hidden;position:relative}.pf-jsf-code-panel,.pf-jsf-preview-panel{min-width:0;min-height:0}.pf-jsf-code-panel{min-width:0}.pf-jsf-code-panel .pf-ws-editor-body{flex:1;min-height:0;position:relative}.pf-jsf-preview-panel{min-width:0}.pf-jsf-workspace.is-columns{grid-template-columns:repeat(var(--pf-source-count),minmax(220px,1fr)) minmax(280px,1.15fr);grid-template-rows:minmax(0,1fr);overflow:auto}.pf-jsf-workspace.is-columns>.pf-ws-code-panel,.pf-jsf-workspace.is-columns>.pf-ws-preview-panel{min-height:360px}.pf-jsf-workspace.is-classic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.pf-jsf-workspace.is-classic.has-2-sources .pf-jsf-preview-panel{grid-column:1 / -1}.pf-jsf-workspace.is-bottom-results{grid-template-columns:repeat(var(--pf-source-count),minmax(0,1fr));grid-template-rows:minmax(0,calc(100% - var(--pf-result-size) - 20px)) 12px minmax(0,var(--pf-result-size))}.pf-jsf-workspace.is-bottom-results>.pf-ws-code-panel{grid-row:1}.pf-jsf-workspace.is-bottom-results>.pf-jsf-resizer{grid-column:1 / -1;grid-row:2}.pf-jsf-workspace.is-bottom-results>.pf-ws-preview-panel{grid-column:1 / -1;grid-row:3}.pf-jsf-workspace.is-right-results{grid-template-columns:minmax(0,calc(100% - var(--pf-result-size) - 20px)) 12px minmax(0,var(--pf-result-size));grid-template-rows:repeat(var(--pf-source-count),minmax(0,1fr))}.pf-jsf-workspace.is-right-results>.pf-ws-code-panel{grid-column:1}.pf-jsf-workspace.is-right-results>.pf-jsf-resizer{grid-column:2;grid-row:1 / -1}.pf-jsf-workspace.is-right-results>.pf-ws-preview-panel{grid-column:3;grid-row:1 / -1}.pf-jsf-workspace.is-tabs-columns{grid-template-columns:minmax(0,calc(100% - var(--pf-result-size) - 20px)) 12px minmax(0,var(--pf-result-size));grid-template-rows:auto minmax(0,1fr)}.pf-jsf-workspace.is-tabs-columns>.pf-jsf-source-tabs{grid-column:1;grid-row:1}.pf-jsf-workspace.is-tabs-columns>.pf-ws-code-panel{grid-column:1;grid-row:2}.pf-jsf-workspace.is-tabs-columns>.pf-jsf-resizer{grid-column:2;grid-row:1 / -1}.pf-jsf-workspace.is-tabs-columns>.pf-ws-preview-panel{grid-column:3;grid-row:1 / -1}.pf-jsf-workspace.is-tabs-rows{grid-template-columns:1fr;grid-template-rows:auto minmax(0,calc(100% - var(--pf-result-size) - 48px)) 12px minmax(0,var(--pf-result-size))}.pf-jsf-workspace.is-tabs-rows>.pf-jsf-source-tabs{grid-row:1}.pf-jsf-workspace.is-tabs-rows>.pf-ws-code-panel{grid-row:2}.pf-jsf-workspace.is-tabs-rows>.pf-jsf-resizer{grid-row:3}.pf-jsf-workspace.is-tabs-rows>.pf-ws-preview-panel{grid-row:4}.pf-jsf-source-tabs{display:flex;align-items:center;gap:2px;min-width:0;padding:4px;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-lg);background:#fff;overflow-x:auto}.pf-jsf-source-tab{border:0;border-radius:var(--pf-radius-md);padding:7px 10px;color:var(--pf-text-500);background:transparent;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pf-jsf-source-tab:hover{background:var(--pf-bg-body);color:var(--pf-text-700)}.pf-jsf-source-tab.is-active{color:var(--pf-blue-700);background:var(--pf-blue-50);box-shadow:inset 0 -2px 0 var(--pf-blue-600)}.pf-jsf-resizer{z-index:3}.pf-jsf-resizer.is-vertical{width:auto;height:auto;cursor:col-resize}.pf-jsf-resizer.is-horizontal{width:auto;height:auto;cursor:row-resize}.pf-jsf-resizer.is-horizontal .pf-ws-resizer-bar{width:1.5rem;height:4px}@media(max-width:767px){.pf-ws-main{padding:.5rem}.pf-jsf-workspace.is-tabs-rows{grid-template-rows:auto minmax(220px,calc(100% - var(--pf-result-size) - 48px)) 12px minmax(220px,var(--pf-result-size));overflow:auto}.pf-jsf-workspace.is-tabs-rows>.pf-ws-code-panel,.pf-jsf-workspace.is-tabs-rows>.pf-ws-preview-panel{min-height:220px}}.pf-ws-code-panel{background-color:#fff;border-radius:var(--pf-radius-xl);border:1px solid var(--pf-border-main);box-shadow:var(--pf-shadow-2xs);overflow:hidden;display:flex;flex-direction:column;flex:1;min-width:280px}.pf-ws-panel-subheader{padding:.625rem .875rem .5rem;border-bottom:1px solid rgba(226,232,240,.8);background-color:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pf-ws-subheader-left{display:flex;align-items:center;gap:.75rem}.pf-ws-panel-label{font-size:10px;font-weight:700;color:var(--pf-text-400);letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.pf-ws-file-tabs{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.pf-ws-file-tab{padding-bottom:.125rem;padding-left:.25rem;padding-right:.25rem;font-weight:500;color:var(--pf-text-500);border-bottom:2px solid transparent;background:transparent;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.pf-ws-file-tab:hover{color:var(--pf-text-800)}.pf-ws-file-tab.is-active{color:var(--pf-blue-600);border-bottom-color:var(--pf-blue-600);font-weight:600}.pf-ws-subheader-right{display:flex;align-items:center;gap:.75rem}.pf-ws-segmented-control{display:flex;align-items:center;background-color:#f1f5f9;padding:2px;border-radius:var(--pf-radius-md);border:1px solid var(--pf-border-main);font-size:11px}.pf-ws-seg-btn{padding:.125rem .5rem;border-radius:var(--pf-radius-sm);font-weight:500;color:var(--pf-text-500);background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.pf-ws-seg-btn:hover{color:var(--pf-text-800)}.pf-ws-seg-btn.is-active{background-color:#fff;color:var(--pf-blue-600);box-shadow:var(--pf-shadow-2xs);font-weight:600}.pf-ws-auto-run-badge{display:flex;align-items:center;gap:.375rem;font-size:11px;color:var(--pf-text-600);font-weight:500;-webkit-user-select:none;user-select:none}.pf-dot-green{width:6px;height:6px;border-radius:var(--pf-radius-full);background-color:var(--pf-emerald-500)}.pf-dot-red{width:6px;height:6px;border-radius:var(--pf-radius-full);background-color:#dc2626}.pf-preview-error-card{position:absolute;top:1.5rem;right:1.5rem;width:220px;background-color:#fff;border:1px solid #fecaca;border-radius:12px;box-shadow:0 4px 14px #00000014;padding:16px;display:flex;flex-direction:column;gap:8px;z-index:10;animation:pfErrorCardIn .2s cubic-bezier(.16,1,.3,1)}@keyframes pfErrorCardIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.pf-preview-error-header{display:flex;align-items:center;gap:6px}.pf-preview-error-icon{width:16px;height:16px;color:#dc2626;flex-shrink:0}.pf-preview-error-title{font-size:13px;font-weight:700;color:#0f172a}.pf-preview-error-msg{font-size:11.5px;color:#475569;line-height:1.35;word-break:break-word}.pf-preview-error-loc{font-size:11px;color:#94a3b8;font-family:JetBrains Mono,Fira Code,Menlo,Monaco,monospace}.pf-btn-open-console{margin-top:4px;padding:6px 12px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:11.5px;font-weight:600;color:#334155;cursor:pointer;text-align:center;transition:all .12s ease;font-family:inherit}.pf-btn-open-console:hover{border-color:#cbd5e1;background-color:#f8fafc;color:#0f172a}.pf-ws-packages-anchor{position:relative;display:inline-flex}.pf-ws-packages-btn{display:flex;align-items:center;gap:.375rem;padding:.175rem .5rem;font-size:11px;font-weight:500;color:var(--pf-text-700);background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-sm);cursor:pointer;transition:all .15s ease;font-family:inherit;-webkit-user-select:none;user-select:none}.pf-ws-packages-btn:hover,.pf-ws-packages-btn.is-active{background-color:var(--pf-bg-body);border-color:#cbd5e1;color:var(--pf-text-900)}.pf-ws-pkg-icon{width:13px;height:13px;color:var(--pf-text-500)}.pf-ws-pkg-count{padding:0 4px;font-size:10.5px;font-weight:600;color:var(--pf-text-600);background-color:#f1f5f9;border-radius:4px}.pf-package-toast{position:fixed;bottom:2rem;right:2rem;background-color:#0f172a;color:#fff;padding:.5rem 1rem;border-radius:var(--pf-radius-md);font-size:.75rem;font-weight:500;box-shadow:0 10px 25px -5px #0003;z-index:1000;animation:pfToastFadeIn .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:.375rem}@keyframes pfToastFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pf-ws-editor-body{flex:1 1 0%;min-height:0;height:100%;position:relative;background-color:#fff;overflow:hidden;display:flex;flex-direction:column}.pf-monaco-wrapper,.pf-ws-editor-body>.pf-monaco-wrapper{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background-color:#fff;overflow:hidden}.pf-ws-editor-body .monaco-editor textarea,.monaco-editor textarea{resize:none!important}.monaco-editor .margin{background-color:#fff!important}.monaco-editor .line-numbers{color:#94a3b8!important;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:13px!important}.monaco-editor .line-numbers.active-line-number{color:#0f172a!important;font-weight:700!important}.monaco-editor .current-line{background-color:#f8fafc!important;border:none!important}.pf-ws-resizer{width:.75rem;display:flex;align-items:center;justify-content:center;cursor:col-resize;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:background-color .15s ease}.pf-ws-resizer-bar{width:4px;height:1.5rem;border-radius:var(--pf-radius-full);background-color:var(--pf-text-300);transition:background-color .15s ease}.pf-ws-resizer:hover .pf-ws-resizer-bar{background-color:var(--pf-blue-600)}.pf-ws-preview-panel{background-color:#fff;border-radius:var(--pf-radius-xl);border:1px solid var(--pf-border-main);box-shadow:var(--pf-shadow-2xs);overflow:hidden;display:flex;flex-direction:column;flex:1;min-width:280px}.pf-ws-preview-toolbar-actions{display:flex;align-items:center;gap:.5rem}.pf-ws-preview-tag{padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:var(--pf-blue-600);background-color:var(--pf-blue-50);border:1px solid var(--pf-blue-200);border-radius:var(--pf-radius-md);display:flex;align-items:center;gap:.25rem;-webkit-user-select:none;user-select:none}.pf-ws-preview-tag svg{width:.875rem;height:.875rem}.pf-ws-viewport-wrap{position:relative}.pf-ws-viewport-btn{padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:var(--pf-text-700);background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-md);display:flex;align-items:center;gap:.25rem;box-shadow:var(--pf-shadow-2xs);cursor:pointer;transition:background-color .15s ease;font-family:inherit}.pf-ws-viewport-btn:hover{background-color:var(--pf-bg-body)}.pf-ws-viewport-btn svg{width:.75rem;height:.75rem;color:var(--pf-text-400)}.pf-ws-viewport-menu{position:absolute;top:calc(100% + .25rem);right:0;width:9rem;background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);padding:.25rem;z-index:50;font-size:.75rem}.pf-ws-tool-btn{padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:var(--pf-text-700);background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-md);display:flex;align-items:center;gap:.25rem;box-shadow:var(--pf-shadow-2xs);cursor:pointer;text-decoration:none;transition:background-color .15s ease;font-family:inherit}.pf-ws-tool-btn:hover{background-color:var(--pf-bg-body)}.pf-ws-tool-btn svg{width:.875rem;height:.875rem;color:var(--pf-text-500)}.pf-ws-preview-canvas{flex:1;min-height:0;background-color:#f8fafc99;padding:1rem;display:flex;align-items:center;justify-content:center;overflow:auto}.pf-ws-preview-stage{flex:0 0 auto;overflow:hidden}.pf-ws-sandbox-box{height:100%;transition:all .2s ease;background-color:#fff;border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xs);overflow:hidden;display:flex;flex-direction:column}.pf-ws-sandbox-box.is-desktop{width:100%;border:none}.pf-ws-sandbox-box.is-tablet{width:768px;max-width:100%;border:1px solid var(--pf-border-main)}.pf-ws-sandbox-box.is-mobile{width:375px;max-width:100%;border:1px solid var(--pf-border-main)}.pf-ws-sandbox-iframe{width:100%;height:100%;background-color:#fff;border:none}.pf-ws-footer{height:2rem;background-color:var(--pf-bg-white);border-top:1px solid rgba(226,232,240,.9);padding:0 1rem;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--pf-text-500);flex-shrink:0;-webkit-user-select:none;user-select:none}@media(min-width:640px){.pf-ws-footer{padding:0 1.5rem}}.pf-ws-footer-left,.pf-ws-footer-right{display:flex;align-items:center;gap:.75rem}.pf-ws-kbd{font-family:var(--pf-font-mono);color:var(--pf-text-400)}.pf-ws-env-icon{display:inline-flex;align-items:center;justify-content:center}.pf-ws-env-icon.pf-icon-react{color:#0284c7}.pf-ws-env-icon.pf-icon-vanilla{color:#ea580c}.pf-ws-env-icon.pf-icon-vue{color:#10b981}.pf-switch-confirm-modal{width:100%;max-width:380px;background-color:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:20px;animation:pfModalScale .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.pf-switch-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 6px}.pf-switch-sub{font-size:13px;color:#64748b;margin:0 0 20px;line-height:1.4}.pf-switch-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pf-btn-switch-cancel{padding:6px 14px;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:12.5px;font-weight:500;color:#475569;cursor:pointer;transition:all .12s ease;font-family:inherit}.pf-btn-switch-cancel:hover{background-color:#f8fafc;border-color:#94a3b8;color:#0f172a}.pf-btn-switch-confirm{padding:6px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color .12s ease;font-family:inherit}.pf-btn-switch-confirm:hover{background-color:#1d4ed8}:root{--pf-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pf-font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--pf-bg-body: #f8fafc;--pf-bg-white: #ffffff;--pf-bg-subtle: #f1f5f9;--pf-bg-hover: #f8fafc;--pf-border-main: #e2e8f0;--pf-border-subtle: #f1f5f9;--pf-border-dark: #cbd5e1;--pf-text-950: #020617;--pf-text-900: #0f172a;--pf-text-800: #1e293b;--pf-text-700: #334155;--pf-text-600: #475569;--pf-text-500: #64748b;--pf-text-400: #94a3b8;--pf-text-300: #cbd5e1;--pf-blue-600: #2563eb;--pf-blue-700: #1d4ed8;--pf-blue-50: #eff6ff;--pf-blue-100: #dbeafe;--pf-blue-200: #bfdbfe;--pf-emerald-600: #059669;--pf-emerald-700: #047857;--pf-emerald-500: #10b981;--pf-emerald-50: #ecfdf5;--pf-emerald-100: #d1fae5;--pf-emerald-200: #a7f3d0;--pf-rose-600: #e11d48;--pf-rose-700: #be123c;--pf-rose-50: #fff1f2;--pf-rose-100: #ffe4e6;--pf-rose-200: #fecdd3;--pf-amber-500: #f59e0b;--pf-amber-700: #b45309;--pf-amber-50: #fffbeb;--pf-amber-200: #fde68a;--pf-shadow-2xs: 0 1px rgb(0 0 0 / .05);--pf-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--pf-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--pf-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--pf-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--pf-radius-sm: 6px;--pf-radius-md: 8px;--pf-radius-lg: 10px;--pf-radius-xl: 12px;--pf-radius-2xl: 16px;--pf-radius-full: 9999px}.pf-my-work-container{min-height:100vh;background-color:var(--pf-bg-body);color:var(--pf-text-900);font-family:var(--pf-font-sans);display:flex;flex-direction:column;box-sizing:border-box}.pf-my-work-container *,.pf-my-work-container *:before,.pf-my-work-container *:after{box-sizing:border-box}.pf-header{background-color:var(--pf-bg-white);border-bottom:1px solid rgba(226,232,240,.8);padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;flex-shrink:0}@media(min-width:640px){.pf-header{padding:0 2.5rem}}.pf-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:inherit}.pf-brand-icon{width:2rem;height:2rem;border-radius:var(--pf-radius-xl);background-color:var(--pf-blue-600);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--pf-shadow-xs);transition:background-color .15s ease}.pf-brand:hover .pf-brand-icon{background-color:var(--pf-blue-700)}.pf-brand-icon svg{width:1rem;height:1rem;transform:translate(1px)}.pf-brand-title{font-weight:700;color:var(--pf-text-900);font-size:1.125rem;letter-spacing:-.02em}.pf-brand-subtitle{font-size:.75rem;color:var(--pf-text-400);font-weight:400;margin-left:.125rem}@media(min-width:640px){.pf-brand-subtitle{font-size:.875rem}}.pf-nav-links{display:flex;align-items:center;gap:2rem;font-size:.875rem;font-weight:500}.pf-nav-link{color:var(--pf-text-600);text-decoration:none;transition:color .15s ease}.pf-nav-link:hover{color:var(--pf-text-900)}.pf-nav-link-active{color:var(--pf-text-950);font-weight:700;position:relative;padding-top:.25rem;padding-bottom:.25rem;border-bottom:2px solid var(--pf-blue-600)}.pf-user-area{display:flex;align-items:center;gap:1rem;position:relative}.pf-avatar-btn{width:2.25rem;height:2.25rem;border-radius:var(--pf-radius-full);background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);color:var(--pf-text-800);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:var(--pf-shadow-2xs);transition:border-color .15s ease}.pf-avatar-btn:hover{border-color:var(--pf-border-dark)}.pf-signin-link{color:var(--pf-text-700);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s ease}.pf-signin-link:hover{color:var(--pf-text-900)}.pf-dropdown-menu{position:absolute;top:calc(100% + .375rem);right:0;background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);padding:.375rem;z-index:50;font-size:.75rem;color:var(--pf-text-700);min-width:11rem;animation:pfFadeIn .15s ease-out}.pf-dropdown-header{padding:.25rem .5rem;font-size:.6875rem;color:var(--pf-text-400);border-bottom:1px solid var(--pf-border-subtle);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-dropdown-item{width:100%;padding:.375rem .625rem;text-align:left;border:none;background:transparent;color:var(--pf-text-700);border-radius:var(--pf-radius-md);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background-color .1s ease;text-decoration:none}.pf-dropdown-item:hover{background-color:var(--pf-bg-subtle)}.pf-dropdown-item.is-active{background-color:var(--pf-blue-50);color:var(--pf-blue-700);font-weight:600}.pf-dropdown-item.is-vue-active{background-color:var(--pf-emerald-50);color:var(--pf-emerald-700);font-weight:600}.pf-dropdown-item.is-danger{color:var(--pf-rose-600)}.pf-dropdown-item.is-danger:hover{background-color:var(--pf-rose-50)}.pf-dropdown-divider{border-top:1px solid var(--pf-border-subtle);margin:.25rem 0}.pf-main{flex:1;max-width:72rem;width:100%;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column}@media(min-width:640px){.pf-main{padding:2rem 1.5rem}}.pf-title-row{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.pf-title-row{flex-direction:row;align-items:center}}.pf-page-title{font-size:1.5rem;font-weight:800;color:var(--pf-text-950);letter-spacing:-.025em;margin:0}@media(min-width:640px){.pf-page-title{font-size:1.875rem}}.pf-page-subtitle{font-size:.75rem;color:var(--pf-text-500);margin:.25rem 0 0;display:flex;align-items:center;gap:.375rem}@media(min-width:640px){.pf-page-subtitle{font-size:.875rem}}.pf-page-subtitle-count{font-weight:600;color:var(--pf-text-700)}.pf-page-subtitle-dot{color:var(--pf-text-300)}.pf-btn-primary{padding:.5rem 1rem;background-color:var(--pf-blue-600);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--pf-radius-xl);border:none;box-shadow:var(--pf-shadow-xs);display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;transition:background-color .15s ease;text-decoration:none}@media(min-width:640px){.pf-btn-primary{font-size:.875rem}}.pf-btn-primary:hover{background-color:var(--pf-blue-700)}.pf-btn-primary-plus{font-size:1rem;line-height:1}.pf-flash-pill{margin-bottom:1rem;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background-color:var(--pf-emerald-50);border:1px solid var(--pf-emerald-200);color:var(--pf-emerald-700);border-radius:var(--pf-radius-md);font-size:.75rem;font-weight:500;width:fit-content;animation:pfSlideDown .2s ease-out}.pf-toolbar{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}@media(min-width:640px){.pf-toolbar{flex-direction:row;align-items:center}}.pf-toolbar-left{display:flex;align-items:center;gap:.75rem}.pf-search-wrap{position:relative;width:16rem}.pf-search-icon{position:absolute;left:.75rem;top:.625rem;color:var(--pf-text-400);pointer-events:none}.pf-search-icon svg{width:1rem;height:1rem}.pf-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);font-size:.75rem;color:var(--pf-text-900);box-shadow:var(--pf-shadow-2xs);transition:border-color .15s ease;font-family:inherit}@media(min-width:640px){.pf-search-input{font-size:.875rem}}.pf-search-input:focus{outline:none;border-color:var(--pf-blue-600)}.pf-dropdown-wrap{position:relative}.pf-select-btn{padding:.5rem .875rem;background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);font-size:.75rem;font-weight:500;color:var(--pf-text-700);display:flex;align-items:center;gap:.5rem;box-shadow:var(--pf-shadow-2xs);cursor:pointer;transition:background-color .15s ease;font-family:inherit}@media(min-width:640px){.pf-select-btn{font-size:.875rem}}.pf-select-btn:hover{background-color:var(--pf-bg-subtle)}.pf-select-btn svg{width:.875rem;height:.875rem;color:var(--pf-text-400)}.pf-project-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.pf-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.pf-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pf-card{background-color:var(--pf-bg-white);border-radius:var(--pf-radius-2xl);border:1px solid rgba(226,232,240,.9);box-shadow:var(--pf-shadow-2xs);transition:box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;overflow:hidden;position:relative}.pf-card:hover{box-shadow:var(--pf-shadow-md);border-color:var(--pf-border-dark)}.pf-card-preview{height:12rem;background-color:var(--pf-bg-body);border-bottom:1px solid var(--pf-border-subtle);padding:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:opacity .15s ease}@media(min-width:640px){.pf-card-preview{height:13rem}}.pf-card-preview:hover{opacity:.95}.pf-card-body{padding:1.125rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem}.pf-card-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.pf-card-title{font-size:.875rem;font-weight:700;color:var(--pf-text-900);text-decoration:none;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;transition:color .15s ease}@media(min-width:640px){.pf-card-title{font-size:1rem}}.pf-card-title:hover{color:var(--pf-blue-600)}.pf-card-menu-btn{width:1.75rem;height:1.75rem;border-radius:var(--pf-radius-md);border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--pf-text-400);font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.pf-card-menu-btn:hover{background-color:var(--pf-bg-subtle);color:var(--pf-text-700)}.pf-card-meta{font-size:.75rem;color:var(--pf-text-500);font-weight:400;margin:.25rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.25rem}.pf-meta-sep{color:var(--pf-text-400)}.pf-card-footer{padding-top:.75rem;border-top:1px solid var(--pf-border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.pf-time-ago{color:var(--pf-text-400);font-weight:400}.pf-visibility-badge{display:flex;align-items:center;gap:.25rem;font-weight:400;font-size:.75rem}.pf-visibility-public{color:var(--pf-text-600)}.pf-visibility-public svg{width:.875rem;height:.875rem;color:var(--pf-text-500)}.pf-visibility-private{color:var(--pf-text-400)}.pf-visibility-private svg{width:.875rem;height:.875rem;color:var(--pf-text-400)}.pf-thumb-scale{transform:scale(.9);transform-origin:center}@media(min-width:640px){.pf-thumb-scale{transform:scale(.95)}}.pf-thumb-pricing{width:100%;max-width:210px;background-color:#fff;border-radius:var(--pf-radius-xl);border:1px solid rgba(226,232,240,.9);box-shadow:var(--pf-shadow-2xs);padding:.875rem;display:flex;flex-direction:column}.pf-thumb-pro-badge{display:inline-block;background-color:var(--pf-blue-600);color:#fff;font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px;margin-bottom:6px;width:fit-content}.pf-thumb-pricing-price{font-size:.875rem;font-weight:800;color:var(--pf-text-900);line-height:1.25;margin-bottom:4px}.pf-thumb-pricing-price span{font-size:9px;font-weight:400;color:var(--pf-text-400)}.pf-thumb-pricing-desc{font-size:8px;color:var(--pf-text-500);margin:0 0 8px;line-height:1.25}.pf-thumb-pricing-features{display:flex;flex-direction:column;gap:4px;font-size:8px;color:var(--pf-text-600);margin-bottom:10px}.pf-thumb-check{color:var(--pf-emerald-500);font-weight:700;margin-right:4px}.pf-thumb-btn-blue{width:100%;padding:4px 0;background-color:var(--pf-blue-600);color:#fff;font-size:8px;font-weight:600;text-align:center;border-radius:6px}.pf-thumb-navbar{width:100%;max-width:240px;background-color:#fff;border-radius:var(--pf-radius-xl);border:1px solid rgba(226,232,240,.9);box-shadow:var(--pf-shadow-2xs);padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between}.pf-thumb-nav-brand{display:flex;align-items:center;gap:6px}.pf-thumb-nav-logo{width:1rem;height:1rem;border-radius:4px;background-color:var(--pf-blue-600);display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:700}.pf-thumb-nav-title{font-weight:700;font-size:9px;color:var(--pf-text-900)}.pf-thumb-nav-links{display:flex;align-items:center;gap:8px;font-size:7px;color:var(--pf-text-500);font-weight:500}.pf-thumb-nav-btn{padding:2px 8px;background-color:var(--pf-blue-600);color:#fff;border-radius:4px;font-size:7px;font-weight:700}.pf-thumb-nav-burger{font-size:9px;color:var(--pf-text-400);font-weight:700}.pf-thumb-checkout{width:100%;max-width:240px;background-color:#fff;border-radius:var(--pf-radius-xl);border:1px solid rgba(226,232,240,.9);box-shadow:var(--pf-shadow-2xs);padding:.75rem;display:flex;gap:.75rem}.pf-thumb-checkout-left{flex:1;min-width:0}.pf-thumb-checkout-title{font-size:9px;font-weight:700;color:var(--pf-text-900)}.pf-thumb-checkout-price{font-size:.75rem;font-weight:800;color:var(--pf-text-900);line-height:1.25;margin-bottom:4px}.pf-thumb-checkout-price span{font-size:8px;font-weight:400;color:var(--pf-text-400)}.pf-thumb-checkout-features{display:flex;flex-direction:column;gap:2px;font-size:7px;color:var(--pf-text-600)}.pf-thumb-checkout-right{width:6rem;display:flex;flex-direction:column;gap:4px}.pf-thumb-card-label{font-size:6px;color:var(--pf-text-400);font-weight:500}.pf-thumb-card-box{padding:2px 6px;background-color:var(--pf-bg-body);border:1px solid var(--pf-border-main);border-radius:4px;font-size:6px;color:var(--pf-text-600);display:flex;justify-content:space-between}.pf-thumb-visa{font-size:5px;font-weight:700;color:var(--pf-blue-600)}.pf-thumb-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;font-size:6px}.pf-thumb-card-cell{background-color:var(--pf-bg-body);border:1px solid var(--pf-border-main);border-radius:4px;padding:2px 4px;color:var(--pf-text-400)}.pf-thumb-btn-dark{width:100%;padding:2px 0;background-color:var(--pf-text-900);color:#fff;border-radius:4px;font-size:6px;font-weight:600;text-align:center;margin-top:4px}.pf-thumb-login{width:100%;max-width:180px;background-color:#fff;border-radius:var(--pf-radius-xl);border:1px solid rgba(226,232,240,.9);box-shadow:var(--pf-shadow-2xs);padding:.75rem;text-align:center}.pf-thumb-login-title{font-size:9px;font-weight:700;color:var(--pf-text-900)}.pf-thumb-login-sub{font-size:7px;color:var(--pf-text-400);margin-bottom:8px}.pf-thumb-login-form{display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:8px}.pf-thumb-login-input{padding:2px 8px;background-color:var(--pf-bg-body);border:1px solid var(--pf-border-main);border-radius:4px;font-size:7px;color:var(--pf-text-400);display:flex;justify-content:space-between}.pf-thumb-login-remember{display:flex;justify-content:space-between;font-size:6px;color:var(--pf-text-400);margin-bottom:8px}.pf-thumb-login-remember span:last-child{color:var(--pf-blue-600)}.pf-thumb-toasts{width:100%;max-width:190px;display:flex;flex-direction:column;gap:6px}.pf-thumb-toast-item{border-radius:8px;padding:6px;display:flex;align-items:center;justify-content:space-between;font-size:7px;box-shadow:var(--pf-shadow-2xs)}.pf-thumb-toast-item.is-success{background-color:#ecfdf5cc;border:1px solid var(--pf-emerald-200);color:var(--pf-emerald-700)}.pf-thumb-toast-item.is-info{background-color:#eff6ffcc;border:1px solid var(--pf-blue-200);color:var(--pf-blue-700)}.pf-thumb-toast-item.is-warn{background-color:#fffbebcc;border:1px solid var(--pf-amber-200);color:var(--pf-amber-700)}.pf-thumb-toast-left{display:flex;align-items:center;gap:6px}.pf-thumb-toast-dot{width:12px;height:12px;border-radius:var(--pf-radius-full);display:flex;align-items:center;justify-content:center;font-size:6px;font-weight:700;color:#fff}.pf-thumb-toast-dot.is-green{background-color:var(--pf-emerald-500)}.pf-thumb-toast-dot.is-blue{background-color:var(--pf-blue-600)}.pf-thumb-toast-dot.is-amber{background-color:var(--pf-amber-500)}.pf-thumb-toast-close{color:var(--pf-text-400);font-size:8px}.pf-thumb-hero{width:100%;max-width:240px;background-color:#fff;border-radius:var(--pf-radius-xl);border:1px solid rgba(226,232,240,.9);box-shadow:var(--pf-shadow-2xs);padding:.75rem;display:flex;justify-content:space-between;position:relative;overflow:hidden}.pf-thumb-hero-left{flex:1;min-width:0;padding-right:.5rem}.pf-thumb-hero-tag{display:flex;align-items:center;gap:4px;margin-bottom:8px}.pf-thumb-hero-sq{width:10px;height:10px;background-color:var(--pf-blue-600);border-radius:2px}.pf-thumb-hero-tag span{font-size:7px;font-weight:700;color:var(--pf-text-800)}.pf-thumb-hero-title{font-size:.75rem;font-weight:900;color:var(--pf-text-950);line-height:1.25;margin-bottom:4px}.pf-thumb-hero-desc{font-size:7px;color:var(--pf-text-500);margin-bottom:8px;line-height:1.25}.pf-thumb-hero-buttons{display:flex;gap:4px}.pf-thumb-hero-btn1{padding:2px 6px;background-color:var(--pf-blue-600);color:#fff;border-radius:4px;font-size:6px;font-weight:600}.pf-thumb-hero-btn2{padding:2px 6px;border:1px solid var(--pf-border-main);color:var(--pf-text-600);border-radius:4px;font-size:6px;font-weight:500}.pf-thumb-hero-glow{width:4rem;height:4rem;background:linear-gradient(to top right,#dbeafe,#e0e7ff);border-radius:var(--pf-radius-full);filter:blur(4px);opacity:.7;flex-shrink:0;align-self:center}.pf-thumb-default{width:100%;max-width:200px;background-color:#fff;border-radius:var(--pf-radius-xl);border:1px solid rgba(226,232,240,.9);box-shadow:var(--pf-shadow-2xs);padding:.75rem;display:flex;flex-direction:column}.pf-thumb-default-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pf-thumb-default-env{font-size:8px;font-weight:700;text-transform:uppercase;color:var(--pf-text-400);font-family:var(--pf-font-mono)}.pf-thumb-default-dot{width:8px;height:8px;border-radius:var(--pf-radius-full);background-color:var(--pf-emerald-500)}.pf-thumb-bar1{height:8px;width:75%;background-color:var(--pf-border-main);border-radius:2px;margin-bottom:6px}.pf-thumb-bar2{height:8px;width:50%;background-color:var(--pf-border-subtle);border-radius:2px;margin-bottom:12px}.pf-thumb-btn-soft{width:100%;padding:4px 0;background-color:var(--pf-blue-50);border:1px solid var(--pf-blue-200);color:var(--pf-blue-600);border-radius:6px;font-size:7px;font-weight:600;text-align:center}.pf-empty-state{background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-2xl);padding:4rem 1.5rem;text-align:center;box-shadow:var(--pf-shadow-2xs);margin:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.pf-empty-icon{width:3rem;height:3rem;border-radius:var(--pf-radius-2xl);background-color:var(--pf-blue-50);color:var(--pf-blue-600);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.pf-empty-title{font-size:1rem;font-weight:700;color:var(--pf-text-900);margin:0}.pf-empty-desc{font-size:.75rem;color:var(--pf-text-500);max-width:24rem;margin:0}.pf-empty-actions{padding-top:.5rem}.pf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem}.pf-modal-box{background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-2xl);box-shadow:var(--pf-shadow-2xl);max-width:28rem;width:100%;padding:1.5rem;color:var(--pf-text-900);display:flex;flex-direction:column;gap:1rem;animation:pfZoomIn .15s ease-out}.pf-modal-box.is-compact{max-width:24rem}.pf-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pf-border-subtle);padding-bottom:.75rem}.pf-modal-title{font-size:.875rem;font-weight:700;color:var(--pf-text-900);margin:0}.pf-modal-close-btn{background:transparent;border:none;color:var(--pf-text-400);font-size:.875rem;cursor:pointer;padding:0}.pf-modal-close-btn:hover{color:var(--pf-text-600)}.pf-form-group{display:flex;flex-direction:column;gap:.375rem;font-size:.75rem}.pf-form-label{font-weight:600;color:var(--pf-text-700)}.pf-form-input{width:100%;padding:.5rem .75rem;background-color:var(--pf-bg-white);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-md);font-size:.75rem;color:var(--pf-text-900);box-shadow:var(--pf-shadow-2xs);font-family:inherit}.pf-form-input:focus{outline:none;border-color:var(--pf-blue-600)}.pf-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--pf-border-subtle);font-size:.75rem}.pf-btn-cancel{padding:.375rem .75rem;border-radius:var(--pf-radius-md);border:1px solid var(--pf-border-main);color:var(--pf-text-600);background-color:transparent;font-weight:500;font-size:.75rem;cursor:pointer;transition:background-color .15s ease}.pf-btn-cancel:hover{background-color:var(--pf-bg-subtle)}.pf-btn-save{padding:.375rem 1rem;border-radius:var(--pf-radius-md);background-color:var(--pf-blue-600);color:#fff;border:none;font-weight:500;font-size:.75rem;box-shadow:var(--pf-shadow-xs);cursor:pointer;transition:background-color .15s ease}.pf-btn-save:hover{background-color:var(--pf-blue-700)}.pf-btn-danger{padding:.375rem 1rem;border-radius:var(--pf-radius-md);background-color:var(--pf-rose-600);color:#fff;border:none;font-weight:500;font-size:.75rem;box-shadow:var(--pf-shadow-xs);cursor:pointer;transition:background-color .15s ease}.pf-btn-danger:hover{background-color:var(--pf-rose-700)}.pf-btn-secondary{padding:.375rem 1rem;border-radius:var(--pf-radius-md);background-color:var(--pf-bg-subtle);color:var(--pf-text-700);border:none;font-weight:500;font-size:.75rem;cursor:pointer;transition:background-color .15s ease}.pf-btn-secondary:hover{background-color:var(--pf-border-main)}.pf-share-row{display:flex;align-items:center;gap:.5rem}.pf-share-input{width:100%;padding:.5rem .75rem;background-color:var(--pf-bg-body);border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-md);color:var(--pf-text-800);font-family:var(--pf-font-mono);font-size:11px;-webkit-user-select:all;user-select:all}.pf-share-input:focus{outline:none}.pf-toast-stack{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100;max-width:24rem;pointer-events:none}.pf-toast{padding:.875rem;border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;border:1px solid transparent;animation:pfSlideUp .2s ease-out;background-color:#fff}.pf-toast.is-info{border-color:var(--pf-blue-200);color:#1e3a8a;box-shadow:0 10px 15px -3px #2563eb1a}.pf-toast.is-error{border-color:var(--pf-rose-200);color:#881337;box-shadow:0 10px 15px -3px #e11d481a}.pf-toast-close{background:transparent;border:none;color:var(--pf-text-400);font-weight:700;cursor:pointer;margin-left:.75rem}.pf-toast-close:hover{color:var(--pf-text-700)}@keyframes pfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pfZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pfSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pfSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--pf-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pf-font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--pf-bg-body: #f8fafc;--pf-bg-white: #ffffff;--pf-bg-subtle: #f1f5f9;--pf-border-main: #e2e8f0;--pf-border-subtle: #f1f5f9;--pf-border-dark: #cbd5e1;--pf-text-950: #020617;--pf-text-900: #0f172a;--pf-text-800: #1e293b;--pf-text-700: #334155;--pf-text-600: #475569;--pf-text-500: #64748b;--pf-text-400: #94a3b8;--pf-text-300: #cbd5e1;--pf-blue-600: #2563eb;--pf-blue-700: #1d4ed8;--pf-blue-50: #eff6ff;--pf-blue-100: #dbeafe;--pf-blue-200: #bfdbfe;--pf-emerald-600: #059669;--pf-emerald-500: #10b981;--pf-emerald-50: #ecfdf5;--pf-amber-50: #fffbeb;--pf-amber-700: #b45309;--pf-purple-50: #faf5ff;--pf-purple-700: #7e22ce;--pf-rose-600: #e11d48;--pf-shadow-2xs: 0 1px rgb(0 0 0 / .05);--pf-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--pf-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .05);--pf-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--pf-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--pf-radius-sm: 6px;--pf-radius-md: 8px;--pf-radius-lg: 10px;--pf-radius-xl: 12px;--pf-radius-2xl: 16px;--pf-radius-full: 9999px}.pf-profile-page-wrapper{min-height:100vh;background-color:var(--pf-bg-body);color:var(--pf-text-900);font-family:var(--pf-font-sans);display:flex;flex-direction:column}.pf-prof-header{height:4rem;background-color:var(--pf-bg-white);border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:40}.pf-prof-header-inner{max-width:1280px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.pf-prof-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--pf-text-900);font-weight:700;letter-spacing:-.02em}.pf-prof-brand-icon{width:2rem;height:2rem;border-radius:var(--pf-radius-md);background-color:var(--pf-blue-600);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--pf-shadow-xs)}.pf-prof-brand-icon svg{width:1rem;height:1rem;transform:translate(1px)}.pf-prof-brand-title{font-weight:700;font-size:1.125rem;color:var(--pf-text-900);letter-spacing:-.02em}.pf-prof-brand-sub{font-size:.875rem;color:var(--pf-text-400);font-weight:400;margin-left:.25rem}.pf-prof-header-right{display:flex;align-items:center;gap:1.25rem;position:relative}.pf-prof-nav-link{font-size:.875rem;font-weight:600;color:var(--pf-text-700);text-decoration:none;transition:color .15s ease}.pf-prof-nav-link:hover{color:var(--pf-blue-600)}.pf-prof-avatar-btn{width:2.25rem;height:2.25rem;border-radius:var(--pf-radius-full);background-color:#f1f5f9;border:1px solid var(--pf-border-main);color:var(--pf-text-700);font-weight:600;font-size:.8125rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--pf-shadow-2xs);transition:all .15s ease}.pf-prof-avatar-btn:hover{border-color:var(--pf-border-dark)}.pf-prof-user-menu{position:absolute;top:calc(100% + .5rem);right:0;width:12rem;background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);padding:.375rem;z-index:50;font-size:.75rem;color:var(--pf-text-700)}.pf-prof-menu-item{width:100%;padding:.5rem .75rem;text-align:left;border:none;background:transparent;border-radius:var(--pf-radius-md);color:var(--pf-text-700);font-size:.75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none;transition:background-color .1s ease;font-family:inherit}.pf-prof-menu-item:hover{background-color:var(--pf-bg-body)}.pf-prof-menu-item.is-danger{color:var(--pf-rose-600)}.pf-prof-menu-item.is-danger:hover{background-color:#fff1f2}.pf-prof-main{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:2rem 1.5rem 4rem;box-sizing:border-box}.pf-prof-card{background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-2xl);padding:1.75rem 2rem;box-shadow:var(--pf-shadow-sm);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2.25rem}.pf-prof-card-left{display:flex;align-items:flex-start;gap:1.5rem;min-width:0}.pf-prof-avatar-circle{width:5rem;height:5rem;border-radius:var(--pf-radius-full);background:linear-gradient(135deg,#e0e7ff,#dbeafe);border:2px solid #ffffff;box-shadow:0 4px 6px -1px #00000014;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:var(--pf-blue-700);flex-shrink:0;overflow:hidden}.pf-prof-avatar-img{width:100%;height:100%;object-fit:cover}.pf-prof-details{display:flex;flex-direction:column;min-width:0}.pf-prof-name{font-size:1.375rem;font-weight:700;color:var(--pf-text-900);margin:0 0 .125rem;letter-spacing:-.02em}.pf-prof-username{font-size:.875rem;color:var(--pf-text-500);margin:0 0 .5rem;font-weight:400}.pf-prof-bio{font-size:.875rem;color:var(--pf-text-600);margin:0 0 .75rem;line-height:1.4}.pf-prof-meta-line{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--pf-text-600);flex-wrap:wrap}.pf-prof-count-item{display:flex;align-items:center;gap:.375rem;color:var(--pf-text-600)}.pf-prof-globe-icon{font-size:.875rem;color:var(--pf-text-400)}.pf-prof-divider{color:var(--pf-border-dark)}.pf-prof-website-link{color:var(--pf-blue-600);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:all .15s ease}.pf-prof-website-link:hover{color:var(--pf-blue-700);text-decoration:underline}.pf-prof-card-right{flex-shrink:0}.pf-prof-edit-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-md);font-size:.8125rem;font-weight:500;color:var(--pf-text-700);text-decoration:none;box-shadow:var(--pf-shadow-2xs);transition:all .15s ease}.pf-prof-edit-btn:hover{background-color:var(--pf-bg-body);border-color:var(--pf-border-dark)}.pf-prof-edit-btn svg{width:.875rem;height:.875rem;color:var(--pf-text-500)}.pf-section-heading{font-size:1.0625rem;font-weight:700;color:var(--pf-text-900);margin:0 0 1rem;letter-spacing:-.01em}.pf-featured-section{margin-bottom:2.5rem}.pf-grid-3cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:1024px){.pf-grid-3cols{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pf-grid-3cols{grid-template-columns:1fr}}.pf-playgrounds-section{margin-bottom:2rem}.pf-playgrounds-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.pf-search-wrap{position:relative;width:100%;max-width:20rem}.pf-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--pf-text-400);font-size:.875rem;pointer-events:none}.pf-search-input{width:100%;padding:.4375rem .75rem .4375rem 2.25rem;background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-lg);font-size:.8125rem;color:var(--pf-text-900);box-shadow:var(--pf-shadow-2xs);transition:all .15s ease;box-sizing:border-box}.pf-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pf-search-input::placeholder{color:var(--pf-text-400)}.pf-filter-pills{display:flex;align-items:center;gap:.375rem}.pf-filter-pill-btn{padding:.3125rem .875rem;border-radius:var(--pf-radius-md);font-size:.8125rem;font-weight:500;color:var(--pf-text-600);background-color:#fff;border:1px solid var(--pf-border-main);cursor:pointer;transition:all .15s ease;font-family:inherit}.pf-filter-pill-btn:hover{color:var(--pf-text-900);background-color:var(--pf-bg-body)}.pf-filter-pill-btn.is-active{background-color:var(--pf-blue-50);border-color:var(--pf-blue-200);color:var(--pf-blue-600);font-weight:600}.pf-empty-state{background-color:#fff;border:1px solid var(--pf-border-main);border-radius:var(--pf-radius-xl);padding:3.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.pf-empty-title{font-size:.9375rem;font-weight:600;color:var(--pf-text-700);margin:0 0 .5rem}.pf-empty-desc{font-size:.8125rem;color:var(--pf-text-500);margin:0 0 1.25rem}.pf-empty-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem 1rem;background-color:var(--pf-blue-600);color:#fff;border-radius:var(--pf-radius-md);font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .15s ease}.pf-empty-btn:hover{background-color:var(--pf-blue-700)}.pf-thumb-scale{width:100%;height:100%;padding:.75rem 1rem;box-sizing:border-box;display:flex;font-family:inherit;font-size:9px;overflow:hidden;-webkit-user-select:none;user-select:none}.pf-thumb-pricing{display:flex;gap:.75rem;background:#fff;align-items:center}.pf-thumb-pricing-left{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem;box-shadow:0 1px 2px #0000000d}.pf-thumb-pro-badge{display:inline-block;background:#2563eb;color:#fff;font-size:7px;font-weight:700;padding:1px 4px;border-radius:3px}.pf-thumb-pricing-price{font-size:14px;font-weight:800;color:#0f172a}.pf-thumb-pricing-price span{font-size:8px;font-weight:400;color:#64748b}.pf-thumb-pricing-desc{font-size:7px;color:#64748b;margin:2px 0 6px}.pf-thumb-pricing-features{display:flex;flex-direction:column;gap:2px;font-size:7px;color:#334155;margin-bottom:6px}.pf-thumb-check{color:#10b981;font-weight:700}.pf-thumb-btn-blue{background:#2563eb;color:#fff;text-align:center;font-size:7.5px;font-weight:600;padding:3px 6px;border-radius:4px}.pf-thumb-pricing-right{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem}.pf-thumb-faq-title{font-size:8px;font-weight:700;color:#0f172a;margin-bottom:6px}.pf-thumb-faq-item{display:flex;align-items:center;justify-content:space-between;padding:3px 0;border-bottom:1px solid #f1f5f9;font-size:7px;color:#475569}.pf-thumb-navbar{background:#fff;align-items:center;justify-content:space-between;padding:0 1.25rem;border-radius:8px;margin:auto 0;height:48px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.pf-thumb-nav-brand{display:flex;align-items:center;gap:4px}.pf-thumb-nav-logo{color:#2563eb;font-size:10px}.pf-thumb-nav-title{font-size:10px;font-weight:800;color:#0f172a}.pf-thumb-nav-links{display:flex;align-items:center;gap:8px;font-size:8px;color:#475569;font-weight:500}.pf-thumb-nav-actions{display:flex;align-items:center;gap:6px}.pf-thumb-nav-btn{background:#2563eb;color:#fff;font-size:7.5px;font-weight:600;padding:3px 8px;border-radius:4px}.pf-thumb-nav-burger{font-size:10px;color:#64748b}.pf-thumb-analytics{display:flex;gap:.75rem;background:#fff;align-items:center}.pf-thumb-analytics-left{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem}.pf-thumb-analytics-label{font-size:7px;color:#64748b}.pf-thumb-analytics-metric{font-size:13px;font-weight:800;color:#0f172a}.pf-thumb-analytics-sub{font-size:6.5px;color:#64748b;margin-bottom:6px}.pf-thumb-green{color:#10b981;font-weight:600}.pf-thumb-chart-svg{width:100%}.pf-chart-dates{display:flex;justify-content:space-between;font-size:5.5px;color:#94a3b8;margin-top:2px}.pf-thumb-analytics-right{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem}.pf-thumb-country-title{font-size:7.5px;font-weight:700;color:#0f172a;margin-bottom:4px}.pf-thumb-country-row{display:flex;align-items:center;gap:4px;font-size:6.5px;color:#475569;margin-bottom:3px}.pf-thumb-bar-bg{flex:1;height:3px;background:#f1f5f9;border-radius:2px;overflow:hidden}.pf-thumb-bar-fill{height:100%;background:#3b82f6}.pf-thumb-country-pct{width:16px;text-align:right;font-size:6.5px;color:#64748b}.pf-thumb-btn-outline{margin-top:4px;border:1px solid #e2e8f0;padding:2px 4px;border-radius:3px;font-size:6px;color:#64748b;text-align:center}.pf-thumb-checkout{display:flex;gap:.75rem;background:#fff;align-items:center}.pf-thumb-checkout-left{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem}.pf-thumb-checkout-header{font-size:7.5px;font-weight:700;color:#0f172a;margin-bottom:4px}.pf-thumb-order-line{display:flex;justify-content:space-between;font-size:6.5px;color:#64748b;margin-bottom:2px}.pf-thumb-order-line.is-discount{color:#10b981}.pf-thumb-order-total{display:flex;justify-content:space-between;font-size:8px;font-weight:800;color:#0f172a;border-top:1px solid #f1f5f9;padding-top:3px;margin:3px 0 4px}.pf-thumb-btn-dark{background:#0f172a;color:#fff;text-align:center;font-size:7px;font-weight:600;padding:3px 6px;border-radius:4px}.pf-thumb-checkout-right{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem}.pf-thumb-radio-selected{font-size:6.5px;font-weight:600;color:#0f172a;margin-bottom:4px}.pf-thumb-card-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 4px;font-size:6.5px;color:#334155;display:flex;justify-content:space-between;margin-bottom:3px}.pf-thumb-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:3px}.pf-thumb-card-cell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 4px;font-size:6px;color:#64748b}.pf-thumb-radio-opt{font-size:6px;color:#64748b}.pf-thumb-login{background:#fff;display:flex;align-items:center;justify-content:center}.pf-thumb-login-box{width:140px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem;box-shadow:0 1px 3px #0000000d}.pf-thumb-login-title{font-size:8px;font-weight:700;color:#0f172a;text-align:center}.pf-thumb-login-sub{font-size:6px;color:#64748b;text-align:center;margin-bottom:4px}.pf-thumb-input-label{font-size:6px;color:#475569;margin-bottom:1px}.pf-thumb-input-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;padding:2px 4px;font-size:6px;color:#334155;display:flex;justify-content:space-between;margin-bottom:3px}.pf-thumb-login-rem{font-size:6px;color:#64748b;margin-bottom:4px}.pf-thumb-toasts{background:#fff;display:flex;flex-direction:column;justify-content:center;gap:4px}.pf-thumb-toast{border-radius:6px;padding:4px 8px;display:flex;align-items:center;justify-content:space-between}.pf-thumb-toast.is-success{background:#f0fdf4;border:1px solid #bbf7d0}.pf-thumb-toast.is-info{background:#eff6ff;border:1px solid #bfdbfe}.pf-thumb-toast.is-warn{background:#fffbeb;border:1px solid #fde68a}.pf-thumb-toast-inner{display:flex;align-items:center;gap:4px}.pf-toast-icon{font-size:8px;font-weight:700}.pf-toast-icon.is-green{color:#16a34a}.pf-toast-icon.is-blue{color:#2563eb}.pf-toast-icon.is-amber{color:#d97706}.pf-toast-title{font-size:7px;font-weight:700;color:#0f172a}.pf-toast-msg{font-size:6px;color:#64748b}.pf-toast-close{font-size:8px;color:#94a3b8}.pf-thumb-hero{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:.625rem;display:flex;flex-direction:column;justify-content:space-between;margin:auto 0;height:90px}.pf-thumb-hero-top{display:flex;align-items:center;justify-content:space-between}.pf-thumb-hero-tag{display:flex;align-items:center;gap:2px;font-size:7px;font-weight:700;color:#0f172a}.pf-thumb-hero-logo{color:#2563eb;font-size:6px}.pf-thumb-hero-nav{display:flex;align-items:center;gap:4px;font-size:6px;color:#64748b}.pf-thumb-hero-pill{background:#2563eb;color:#fff;padding:1px 4px;border-radius:3px}.pf-thumb-hero-headline{font-size:11px;font-weight:800;color:#0f172a;text-align:center}.pf-thumb-hero-sub{font-size:6.5px;color:#64748b;text-align:center}.pf-thumb-hero-btns{display:flex;align-items:center;justify-content:center;gap:4px}.pf-thumb-btn-blue-sm{background:#2563eb;color:#fff;font-size:6.5px;font-weight:600;padding:2px 6px;border-radius:3px}.pf-thumb-btn-gray-sm{background:#f1f5f9;color:#475569;font-size:6.5px;font-weight:500;padding:2px 6px;border-radius:3px}.pf-thumb-table{background:#fff;display:flex;gap:4px;align-items:center}.pf-table-col{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px;display:flex;flex-direction:column}.pf-table-col.is-pop{border-color:#3b82f6;position:relative}.pf-pop-badge{background:#2563eb;color:#fff;font-size:5px;font-weight:700;padding:1px 3px;border-radius:2px;text-align:center;margin-bottom:2px}.pf-table-title{font-size:7px;font-weight:700;color:#0f172a}.pf-table-price{font-size:9px;font-weight:800;color:#0f172a;margin-bottom:2px}.pf-table-price span{font-size:5px;font-weight:400;color:#64748b}.pf-table-item{font-size:5.5px;color:#475569;margin-bottom:1px}.pf-table-btn{border:1px solid #e2e8f0;font-size:5.5px;text-align:center;padding:1px;border-radius:2px;margin-top:auto;color:#475569}.pf-table-btn-blue{background:#2563eb;color:#fff;font-size:5.5px;text-align:center;padding:1px;border-radius:2px;margin-top:auto}.pf-thumb-settings{background:#fff;display:flex;gap:6px;align-items:center}.pf-settings-sidebar{width:55px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px}.pf-settings-head{font-size:6.5px;font-weight:700;color:#0f172a;margin-bottom:3px}.pf-settings-tab{font-size:5.5px;color:#64748b;padding:2px;border-radius:3px}.pf-settings-tab.is-active{background:#eff6ff;color:#2563eb;font-weight:600}.pf-settings-main{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px}.pf-settings-main-title{font-size:7px;font-weight:700;color:#0f172a;margin-bottom:3px}.pf-settings-label{font-size:5.5px;color:#64748b;margin-bottom:1px}.pf-settings-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:2px;padding:1px 3px;font-size:5.5px;color:#334155;margin-bottom:3px}.pf-thumb-default{background:#f8fafc;display:flex;flex-direction:column;justify-content:center;gap:4px}.pf-thumb-default-header{display:flex;align-items:center;justify-content:space-between}.pf-thumb-default-env{font-size:8px;font-weight:700;color:#2563eb;letter-spacing:.05em}.pf-thumb-default-dot{width:4px;height:4px;border-radius:50%;background:#10b981}.pf-thumb-bar1{height:4px;background:#e2e8f0;border-radius:2px;width:80%}.pf-thumb-bar2{height:4px;background:#e2e8f0;border-radius:2px;width:60%}.pf-thumb-btn-soft{background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:7px;color:#475569;text-align:center;padding:2px;margin-top:4px}:root{--admin-blue: #0969f9;--admin-blue-strong: #005bea;--admin-ink: #0b1220;--admin-text: #293955;--admin-muted: #64718a;--admin-line: #dfe5ed;--admin-line-soft: #edf0f4;--admin-bg: #fbfcfe;--admin-sidebar: 294px}.pf-admin-shell,.pf-admin-shell *{box-sizing:border-box}.pf-admin-shell{min-height:100vh;color:var(--admin-ink);background:var(--admin-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pf-admin-shell button,.pf-admin-shell input,.pf-admin-shell select{font:inherit}.pf-admin-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--admin-sidebar);display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--admin-line);background:#fff}.pf-admin-brand{height:77px;flex:0 0 77px;display:flex;align-items:center;gap:11px;padding:0 24px;color:#070b12;text-decoration:none;border-bottom:1px solid var(--admin-line)}.pf-admin-brand-mark{width:36px;height:36px;display:block;flex:0 0 36px}.pf-admin-brand-mark svg{width:100%;height:100%;display:block}.pf-admin-brand strong{font-size:24px;line-height:1;letter-spacing:-.75px}.pf-admin-brand small{margin-left:13px;color:#425171;font-size:13px;font-weight:600}.pf-admin-nav{flex:1 0 auto;padding:16px 13px 22px}.pf-admin-nav section+section{margin-top:21px}.pf-admin-nav h2{margin:0 0 8px 16px;color:#465774;font-size:11px;line-height:1;font-weight:650;letter-spacing:.03em}.pf-admin-nav-item{min-height:42px;display:flex;align-items:center;gap:14px;padding:9px 14px;border-radius:7px;color:#33435f;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.pf-admin-nav-item svg{flex:0 0 auto}.pf-admin-nav-item:hover{color:#0e5bdf;background:#f4f7fc}.pf-admin-nav-item.is-active{color:#005ce8;background:linear-gradient(90deg,#edf3ff,#f3f7ff);font-weight:650}.pf-admin-nav-item em{min-width:29px;margin-left:auto;padding:3px 7px;border-radius:6px;color:#d06b00;background:#fff0cf;font-size:11px;font-style:normal;line-height:1.4;text-align:center}.pf-admin-sidebar-footer{flex:0 0 auto;border-top:1px solid var(--admin-line)}.pf-admin-sidebar-user{min-height:89px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--admin-line)}.pf-admin-sidebar-user>img,.pf-admin-sidebar-user>span{width:43px;height:43px;flex:0 0 43px;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:#24428a;background:#dbe6ff;font-size:14px;font-weight:700}.pf-admin-sidebar-user div{min-width:0;display:grid;gap:3px}.pf-admin-sidebar-user strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.pf-admin-sidebar-user small{color:var(--admin-muted);font-size:12px}.pf-admin-sidebar-user button{width:30px;height:30px;margin-left:auto;display:grid;place-items:center;border:0;color:#4c5a70;background:transparent;cursor:pointer}.pf-admin-back{min-height:73px;display:flex;align-items:center;gap:13px;padding:0 29px;color:#425271;text-decoration:none;font-size:13px}.pf-admin-back:hover{color:var(--admin-blue);background:#fafcff}.pf-admin-main{min-height:100vh;margin-left:var(--admin-sidebar);padding:19px 22px 44px}.pf-admin-overview-head{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:26px;margin:0 5px 17px 6px}.pf-admin-overview-head h1,.pf-admin-page-head h1{margin:0;color:#080b11;font-size:25px;line-height:1.15;letter-spacing:-.65px}.pf-admin-overview-head p,.pf-admin-page-head p{margin:7px 0 0;color:#596883;font-size:14px}.pf-admin-head-actions{position:relative;display:flex;align-items:center;gap:20px}.pf-admin-global-search{position:relative;width:340px}.pf-admin-global-search>svg{position:absolute;z-index:2;left:14px;top:13px;color:#50617d}.pf-admin-global-search input{width:100%;height:44px;padding:0 15px 0 43px;border:1px solid var(--admin-line);border-radius:8px;outline:0;color:var(--admin-ink);background:#fff;font-size:13px}.pf-admin-global-search input:focus{border-color:#84adf9;box-shadow:0 0 0 3px #0969f914}.pf-admin-global-search input::placeholder{color:#60708a;opacity:1}.pf-admin-search-results{position:absolute;z-index:30;top:50px;left:0;right:0;overflow:hidden;border:1px solid var(--admin-line);border-radius:9px;background:#fff;box-shadow:0 14px 35px #18274b26}.pf-admin-search-result{min-height:57px;display:grid;grid-template-columns:57px 1fr 18px;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--admin-line-soft);color:var(--admin-ink);text-decoration:none}.pf-admin-search-result:last-child{border-bottom:0}.pf-admin-search-result:hover{background:#f7faff}.pf-admin-search-result>span:nth-child(2){min-width:0;display:grid;gap:2px}.pf-admin-search-result strong,.pf-admin-search-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-admin-search-result strong{font-size:13px}.pf-admin-search-result small{color:var(--admin-muted);font-size:11px}.pf-admin-search-kind{padding:4px 5px;border-radius:5px;color:#1a59bc;background:#edf4ff;font-size:10px;text-align:center}.pf-admin-search-message{padding:17px;color:var(--admin-muted);font-size:12px}.pf-admin-view-product{height:44px;display:inline-flex;align-items:center;gap:9px;padding:0 18px;border:1px solid var(--admin-line);border-radius:8px;color:#0060e8;background:#fff;text-decoration:none;font-size:13px;font-weight:550;white-space:nowrap}.pf-admin-view-product:hover{border-color:#a9c5ef;background:#f8fbff}.pf-admin-head-profile{height:44px;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;color:#14213a;background:transparent;cursor:pointer}.pf-admin-head-profile img,.pf-admin-head-profile>span{width:40px;height:40px;display:grid;place-items:center;border:2px solid #eff2f7;border-radius:50%;object-fit:cover;color:#264984;background:#dfe9ff;font-size:12px;font-weight:700}.pf-admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:19px}.pf-admin-kpi-card{min-height:119px;display:flex;align-items:center;gap:21px;padding:18px;border:1px solid var(--admin-line);border-radius:9px;background:#fff;box-shadow:0 1px 2px #10182804}.pf-admin-kpi-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:50%;color:#0565f4;background:#edf4ff}.pf-admin-kpi-card>div{min-width:0}.pf-admin-kpi-card small{display:block;margin-bottom:2px;color:#34445f;font-size:13px}.pf-admin-kpi-card strong{display:block;color:#080a0f;font-size:28px;line-height:1.1;letter-spacing:-.6px}.pf-admin-kpi-card p{margin:4px 0 0;color:#68758b;font-size:12px;white-space:nowrap}.pf-admin-middle-grid{display:grid;grid-template-columns:1.33fr 1fr;gap:16px;margin-bottom:16px}.pf-admin-bottom-grid{display:grid;grid-template-columns:minmax(0,2.72fr) minmax(278px,.95fr);gap:16px}.pf-admin-panel{overflow:hidden;border:1px solid var(--admin-line);border-radius:9px;background:#fff;box-shadow:0 1px 2px #10182804}.pf-admin-panel>header{min-height:62px;padding:17px 16px 10px}.pf-admin-panel h2{margin:0;color:#080b10;font-size:16px;line-height:1.2;letter-spacing:-.25px}.pf-admin-panel header p{margin:6px 0 0;color:#69768b;font-size:12px}.pf-admin-attention-list{padding:0 15px 15px}.pf-admin-attention-row{min-height:43px;display:grid;grid-template-columns:10px minmax(185px,1fr) 118px 115px;align-items:center;gap:9px;padding:6px 4px;border-top:1px solid var(--admin-line-soft);color:#101827;text-decoration:none;font-size:12px}.pf-admin-attention-row:hover{background:#fafcff}.pf-admin-dot{width:9px;height:9px;display:inline-block;border-radius:50%}.pf-admin-dot.is-amber{background:#ed9000}.pf-admin-dot.is-red{background:#f31d20}.pf-admin-dot.is-green{background:#0ca14b}.pf-admin-dot.is-slate{background:#8996ab}.pf-admin-dot.is-blue{background:#1472f5}.pf-admin-dot.is-purple{background:#8b24e9}.pf-admin-attention-name{min-width:0;display:grid;gap:2px}.pf-admin-attention-name strong{font-size:12px;font-weight:520}.pf-admin-attention-name small{color:#718096;font-size:10px}.pf-admin-attention-count{color:#0d1728}.pf-admin-attention-count small{margin-left:3px;color:#65728a}.pf-admin-attention-action{color:#0067ef;text-align:right;white-space:nowrap}.pf-admin-calm-empty{margin:3px 15px 16px;padding:24px;border-top:1px solid var(--admin-line-soft);color:#267c42;font-size:13px;text-align:center}.pf-admin-calm-empty span{margin-right:7px}.pf-admin-status-panel>header{min-height:49px}.pf-admin-content-list{margin:0 15px;border:1px solid var(--admin-line);border-radius:7px;overflow:hidden}.pf-admin-content-row{min-height:37px;display:grid;grid-template-columns:11px 1fr auto;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid var(--admin-line-soft);color:#111a2b;font-size:12px}.pf-admin-content-row:last-child{border-bottom:0}.pf-admin-content-row .pf-admin-dot{width:7px;height:7px}.pf-admin-content-row strong{font-size:12px}.pf-admin-health-strip{min-height:36px;display:grid;grid-template-columns:1fr 1fr;margin:10px 15px 13px;border:1px solid var(--admin-line);border-radius:6px;overflow:hidden}.pf-admin-health-strip>span{display:flex;align-items:center;justify-content:center;gap:7px;color:#506078;font-size:10px;white-space:nowrap}.pf-admin-health-strip>span+span{border-left:1px solid var(--admin-line-soft)}.pf-admin-health-strip i{width:7px;height:7px;border-radius:50%;background:#8290a5}.pf-admin-health-strip .is-healthy i{background:#0aa64d}.pf-admin-health-strip .is-busy i{background:#e89200}.pf-admin-health-strip .is-unhealthy i{background:#ed2629}.pf-admin-health-strip b{color:#a3aab5;font-weight:400}.pf-admin-recent-panel>header{min-height:47px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 9px}.pf-admin-recent-panel>header a{color:#0066e9;text-decoration:none;font-size:12px}.pf-admin-recent-wrap{padding:0 13px 13px;overflow-x:auto}.pf-admin-recent-table{width:100%;min-width:790px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--admin-line-soft);border-radius:7px}.pf-admin-recent-table th,.pf-admin-recent-table td{height:46px;padding:5px 10px;border-bottom:1px solid var(--admin-line-soft);color:#34435c;font-size:10px;text-align:left;vertical-align:middle;white-space:nowrap}.pf-admin-recent-table th{height:32px;color:#40506b;background:#fcfdff;font-size:9px;font-weight:600}.pf-admin-recent-table tbody tr:last-child td{border-bottom:0}.pf-admin-recent-table tbody tr{cursor:pointer}.pf-admin-recent-table tbody tr:hover td{background:#fafcff}.pf-admin-recent-table th:first-child{width:32%}.pf-admin-pen-cell{display:flex;align-items:center;gap:9px;color:var(--admin-ink);text-decoration:none}.pf-admin-pen-thumb{width:50px;height:31px;flex:0 0 50px;display:grid;place-items:center;overflow:hidden;border:1px solid #dce4ee;border-radius:2px;color:#0865ed;background:linear-gradient(135deg,#eef5ff,#e6ecf7)}.pf-admin-pen-thumb img{width:100%;height:100%;object-fit:cover}.pf-admin-pen-cell>span:last-child{min-width:0;display:grid;gap:2px}.pf-admin-pen-cell strong{max-width:165px;overflow:hidden;color:#111827;font-size:11px;font-weight:550;text-overflow:ellipsis}.pf-admin-pen-cell small{color:#68778f;font-size:9px}.pf-admin-creator-cell{display:inline-flex;align-items:center;gap:7px}.pf-admin-creator-cell img,.pf-admin-creator-cell i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;object-fit:cover;color:#30518c;background:#e1eaff;font-size:9px;font-style:normal;font-weight:700}.pf-admin-env,.pf-admin-thumbnail-status{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:550}.pf-admin-env.is-react{color:#075fda;background:#e7f1ff}.pf-admin-env.is-vue{color:#087e38;background:#e5f7e9}.pf-admin-env.is-html{color:#8b4a12;background:#f2f3f5}.pf-admin-thumbnail-status.is-ready{color:#14833b;background:#e7f6ea;border:1px solid #cbead3}.pf-admin-thumbnail-status.is-missing{color:#ba6500;background:#fff2dc;border:1px solid #f4deb9}.pf-admin-thumbnail-status.is-failed{color:#dc2427;background:#ffebeb;border:1px solid #f7d2d3}.pf-admin-thumbnail-status.is-pending{color:#1468d5;background:#eaf3ff;border:1px solid #cfdef5}.pf-admin-visibility{color:#3b4a63}.pf-admin-empty{padding:31px!important;color:var(--admin-muted)!important;text-align:center!important;cursor:default}.pf-admin-quick-panel>header{min-height:50px;padding:15px 14px 9px}.pf-admin-quick-panel nav{display:grid;gap:9px;padding:0 13px 15px}.pf-admin-quick-panel nav a{min-height:55px;display:grid;grid-template-columns:25px 1fr 18px;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--admin-line);border-radius:7px;color:#172136;text-decoration:none;font-size:12px}.pf-admin-quick-panel nav a>svg:first-child{color:#126af2}.pf-admin-quick-panel nav a>svg:last-child{color:#405371}.pf-admin-quick-panel nav a:hover{border-color:#b9ccec;background:#f9fbff}.pf-admin-overview-error{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:14px 17px;border:1px solid #f1c8c9;border-radius:8px;color:#92292b;background:#fff6f6}.pf-admin-overview-error p{margin:4px 0 0;color:#8b5758;font-size:12px}.pf-admin-overview-error button{padding:8px 15px;border:1px solid #d98c8e;border-radius:6px;color:#8f1d20;background:#fff;cursor:pointer}.pf-admin-kpi-card.is-skeleton span,.pf-admin-kpi-card.is-skeleton i,.pf-admin-kpi-card.is-skeleton b,.pf-admin-kpi-card.is-skeleton em,.pf-admin-panel-skeleton i,.pf-admin-panel-skeleton b{display:block;border-radius:5px;background:linear-gradient(90deg,#edf1f5 25%,#f7f9fb,#edf1f5 75%);background-size:200% 100%;animation:pf-admin-shimmer 1.25s infinite linear}.pf-admin-kpi-card.is-skeleton>span{width:58px;height:58px;border-radius:50%}.pf-admin-kpi-card.is-skeleton>div{flex:1;display:grid;gap:7px}.pf-admin-kpi-card.is-skeleton i{width:45%;height:10px}.pf-admin-kpi-card.is-skeleton b{width:65%;height:25px}.pf-admin-kpi-card.is-skeleton em{width:80%;height:9px}.pf-admin-panel-skeleton{min-height:270px;padding:18px}.pf-admin-panel-skeleton i{width:160px;height:17px;margin-bottom:25px}.pf-admin-panel-skeleton b{height:29px;margin-top:9px}.pf-admin-panel-skeleton.is-table{min-height:340px}@keyframes pf-admin-shimmer{to{background-position:-200% 0}}.pf-admin-inline-state{padding:30px;border:1px solid var(--admin-line);border-radius:8px;color:var(--admin-muted);background:#fff}.pf-admin-page-head{margin:1px 6px 26px}.pf-admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.pf-admin-stat{min-height:118px;display:flex;align-items:flex-start;gap:17px;padding:17px;border:1px solid var(--admin-line);border-radius:9px;background:#fff}.pf-admin-stat-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:9px;font-size:22px;font-weight:700}.pf-admin-stat-icon.is-red{color:#ef4444;background:#fff0f1}.pf-admin-stat-icon.is-purple{color:#5b4ce1;background:#f3efff}.pf-admin-stat-icon.is-green{color:#169a41;background:#eaf9ed}.pf-admin-stat-icon.is-blue{color:#295adf;background:#eef4ff}.pf-admin-stat small{font-size:13px;font-weight:600}.pf-admin-stat strong{display:block;margin-top:7px;font-size:24px;line-height:1}.pf-admin-stat p{margin:10px 0 0;color:var(--admin-muted);font-size:12px}.pf-admin-filterbar{display:grid;grid-template-columns:1.65fr repeat(3,.9fr) auto;gap:25px;align-items:end;padding:17px;margin-bottom:16px;border:1px solid var(--admin-line);border-radius:9px;background:#fff}.pf-admin-filterbar label{display:grid;gap:6px;color:#344054;font-size:11px;font-weight:600}.pf-admin-filterbar input,.pf-admin-filterbar select{width:100%;height:37px;padding:0 12px;border:1px solid #e0e5ec;border-radius:7px;outline:0;color:#344054;background:#fff;font-size:13px}.pf-admin-filterbar input:focus,.pf-admin-filterbar select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}.pf-admin-filterbar .pf-admin-search{position:relative;display:block}.pf-admin-filterbar .pf-admin-search>svg{position:absolute;z-index:1;left:13px;top:10px;color:#667085}.pf-admin-filterbar .pf-admin-search input{padding-left:39px}.pf-admin-refresh,.pf-admin-btn-secondary,.pf-admin-btn-primary,.pf-admin-row-btn{height:37px;padding:0 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.pf-admin-refresh{border:1px solid #e0e5ec;color:#1f2937;background:#fff;white-space:nowrap}.pf-admin-table-card{overflow:hidden;border:1px solid var(--admin-line);border-radius:9px;background:#fff}.pf-admin-selection-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--admin-line);background:linear-gradient(105deg,#f4f6ff,#fafcff)}.pf-admin-selection-bar strong{font-size:14px}.pf-admin-selection-bar p{margin:6px 0 0;color:var(--admin-muted);font-size:12px}.pf-admin-selection-bar>div:last-child{display:flex;gap:12px}.pf-admin-btn-secondary{border:1px solid #aaa8ff;color:#4540d7;background:#fff}.pf-admin-btn-primary{border:1px solid #5749df;color:#fff;background:#5547dd}.pf-admin-btn-secondary:disabled,.pf-admin-btn-primary:disabled,.pf-admin-row-btn:disabled{cursor:not-allowed;opacity:.64}.pf-admin-table-wrap{overflow-x:auto}.pf-admin-table-card table{width:100%;border-collapse:collapse}.pf-admin-table-card th,.pf-admin-table-card td{padding:11px 18px;border-bottom:1px solid var(--admin-line);font-size:12px;text-align:left}.pf-admin-table-card th{height:56px;color:#1f2937;font-size:11px}.pf-admin-table-card td:first-child,.pf-admin-table-card th:first-child{width:42px;text-align:center}.pf-admin-table-card input[type=checkbox]{width:18px;height:18px;accent-color:#5449dd}.pf-admin-project{min-width:245px;display:flex;align-items:center;gap:17px}.pf-admin-project-icon{width:64px;height:56px;display:grid;place-items:center;border:1px solid #e2e6ff;border-radius:8px;color:#4942dc;background:#f2f3ff;font-size:18px;font-weight:800}.pf-admin-project>span:last-child{display:grid;gap:3px}.pf-admin-project small,.pf-admin-project em{color:#667085;font-size:11px;font-style:normal}.pf-admin-preview-thumb{width:84px;height:55px;display:grid;place-items:center;overflow:hidden;border:1px solid #e0e5ec;border-radius:6px;color:#fff;background:linear-gradient(135deg,#eef0ff,#273450);text-decoration:none}.pf-admin-preview-thumb img{width:100%;height:100%;object-fit:cover}.pf-admin-actions{display:flex;gap:11px}.pf-admin-row-btn{min-width:100px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e0e5ec;color:#273043;background:#fff;text-decoration:none}.pf-admin-row-btn.is-generate{border-color:#aaa8ff;color:#4f46d9}.pf-admin-pagination{padding:14px 20px;color:#667085;font-size:12px}.pf-admin-placeholder{min-height:75vh;display:grid;place-content:center;justify-items:center;color:var(--admin-muted);text-align:center}.pf-admin-placeholder>svg{color:var(--admin-blue)}.pf-admin-placeholder h1{margin:11px 0 4px;color:var(--admin-ink)}.pf-admin-placeholder p{margin:0 0 18px}.pf-admin-placeholder a{padding:9px 13px;border-radius:7px;color:#fff;background:var(--admin-blue);text-decoration:none;font-size:13px}@media(max-width:1320px){:root{--admin-sidebar: 250px}.pf-admin-brand{padding:0 18px}.pf-admin-brand small{margin-left:5px}.pf-admin-global-search{width:285px}.pf-admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-admin-bottom-grid{grid-template-columns:1fr}.pf-admin-quick-panel nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){:root{--admin-sidebar: 226px}.pf-admin-brand strong{font-size:20px}.pf-admin-brand small{display:none}.pf-admin-overview-head{align-items:stretch;flex-direction:column}.pf-admin-head-actions{justify-content:flex-end}.pf-admin-global-search{flex:1;width:auto}.pf-admin-middle-grid{grid-template-columns:1fr}.pf-admin-filterbar{grid-template-columns:1fr 1fr}.pf-admin-filterbar .pf-admin-search{grid-column:1 / -1}}:root{--settings-ink: #111827;--settings-muted: #667085;--settings-line: #e4e7ec;--settings-soft: #f8fafc;--settings-brand: #4f46e5;--settings-brand-dark: #4038cc}.pf-settings-page{min-height:100vh;background:#f8fafc;color:var(--settings-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pf-settings-page>.border-b{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:0 32px;border-bottom:1px solid var(--settings-line);background:#fffffff5}.pf-settings-page h1{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.65px}.pf-settings-page h2,.pf-settings-page h3{color:var(--settings-ink)}.pf-settings-page .text-sm{color:var(--settings-muted);font-size:13px}.pf-settings-page>.p-6{max-width:920px;margin:0 auto;padding:28px 24px 48px}.pf-settings-page .space-y-6>*+*{margin-top:20px}.pf-settings-page .grid{display:grid;gap:16px}.pf-settings-page .grid-cols-1{grid-template-columns:1fr}@media(min-width:768px){.pf-settings-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-settings-page .md\:col-span-2{grid-column:span 2}}.pf-settings-page .card{border:1px solid var(--settings-line);border-radius:12px;background:#fff;box-shadow:0 1px 2px #10182808}.pf-settings-page .card-body{padding:20px}.pf-settings-page .card-title{margin:0 0 5px;font-size:16px;line-height:1.35;font-weight:700}.pf-settings-page .space-y-2>*+*{margin-top:8px}.pf-settings-page .space-y-3>*+*{margin-top:12px}.pf-settings-page .space-y-4>*+*{margin-top:16px}.pf-settings-page .form-control{min-width:0}.pf-settings-page .label{display:flex;align-items:center;gap:6px;padding:0 0 6px}.pf-settings-page .label-text{color:#344054;font-size:12px;font-weight:650}.pf-settings-page input:not([type=checkbox]),.pf-settings-page select,.pf-settings-page textarea{width:100%;height:38px;padding:0 11px;border:1px solid #d8dee8;border-radius:7px;outline:0;background:#fff;color:#101828;font:inherit;font-size:13px}.pf-settings-page input:focus,.pf-settings-page select:focus,.pf-settings-page textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}.pf-settings-page input[readonly]{color:#667085;background:#f8fafc}.pf-settings-page .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.pf-settings-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #d8dee8;border-radius:7px;background:#fff;color:#344054;cursor:pointer;font:inherit;font-size:13px;font-weight:650;text-decoration:none}.pf-settings-page .btn:hover{background:#f8fafc}.pf-settings-page .btn-primary{border-color:var(--settings-brand);background:linear-gradient(135deg,#6256e9,#4837d8);color:#fff}.pf-settings-page .btn-primary:hover{background:var(--settings-brand-dark)}.pf-settings-page .btn-warning{border-color:#f59e0b;background:#f59e0b;color:#fff}.pf-settings-page .btn-ghost{border-color:transparent;color:var(--settings-brand);background:transparent}.pf-settings-page .btn:disabled{cursor:not-allowed;opacity:.55}.pf-settings-page .w-full{width:100%}.pf-settings-page .flex{display:flex}.pf-settings-page .items-center{align-items:center}.pf-settings-page .justify-between{justify-content:space-between}.pf-settings-page .gap-2{gap:8px}.pf-settings-page .gap-3{gap:12px}.pf-settings-page .flex-wrap{flex-wrap:wrap}.pf-settings-page .rounded{border-radius:7px}.pf-settings-page .p-2{padding:10px}.pf-settings-page .p-3{padding:14px}.pf-settings-page .p-4{padding:16px}.pf-settings-page .bg-base-300\/50{background:var(--settings-soft);border:1px solid #eef1f5}.pf-settings-page .bg-info\/10{background:#eff6ff;color:#1d4ed8}.pf-settings-page .bg-success\/10{background:#ecfdf3;color:#067647}.pf-settings-page .bg-error\/10{background:#fef3f2;color:#b42318}.pf-settings-page .bg-warning\/10{background:#fffaeb}.pf-settings-page .text-warning{color:#b54708}.pf-settings-page .text-success{color:#067647}.pf-settings-page .text-error{color:#b42318}.pf-settings-page .text-info{color:#1d4ed8}.pf-settings-page .divider{display:flex;align-items:center;gap:12px;color:#98a2b3}.pf-settings-page .divider:before,.pf-settings-page .divider:after{content:"";height:1px;flex:1;background:var(--settings-line)}.pf-settings-page code{padding:2px 5px;border-radius:4px;background:#f1f5f9;font-size:.88em}.pf-settings-page ul{margin:0;padding-left:0;list-style:none}.pf-settings-page li+li{margin-top:6px}.pf-settings-page .fixed.inset-0{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a7a;z-index:50}.pf-settings-page .max-w-md{width:min(100%,460px)}.pf-settings-page .shadow-2xl{box-shadow:0 24px 60px #0f172a40}.pf-settings-page .rounded-2xl{border-radius:14px}.pf-settings-page .bg-base-100{background:#fff}.pf-settings-page .border{border:1px solid var(--settings-line)}@media(max-width:640px){.pf-settings-page>.border-b{min-height:64px;padding:0 16px}.pf-settings-page>.border-b h1{font-size:20px}.pf-settings-page>.border-b .text-sm{display:none}.pf-settings-page>.p-6{padding:18px 14px 36px}.pf-settings-page .card-body{padding:16px}}.pf-app-body{margin:0;min-width:320px;background:#f8fafc;color:#0f172a}.pf-spa-loading{min-height:100vh;display:grid;place-items:center;color:#475569;font:500 15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.pf-route-state{min-height:70vh;display:grid;place-items:center;padding:32px}.pf-route-state-card{width:min(440px,100%);padding:28px;border:1px solid #dbe3ee;border-radius:16px;background:#fff;box-shadow:0 18px 45px #0f172a14;text-align:center}.pf-route-state-card h1{margin:0 0 8px;font-size:24px}.pf-route-state-card p{margin:0 0 18px;color:#64748b}.pf-route-link{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;background:#0969f0;color:#fff;text-decoration:none;font-weight:650}.pf-management-page{min-height:100vh;background:#f8fafc}.pf-auth-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid #dbe3ee;background:#fff;box-sizing:border-box}.pf-auth-header .pf-auth-brand{margin:0}.pf-management-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.pf-management-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.pf-management-head h1{margin:0 0 6px;font-size:28px}.pf-management-head p{margin:0;color:#64748b}.pf-management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pf-management-card{border:1px solid #dbe3ee;border-radius:14px;background:#fff;padding:20px;box-shadow:0 8px 24px #0f172a0a}.pf-management-card h2{margin:0 0 14px;font-size:17px}.pf-management-form{display:grid;gap:12px}.pf-management-field{display:grid;gap:6px}.pf-management-field label{font-size:13px;font-weight:650;color:#334155}.pf-management-input,.pf-management-select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:inherit;box-sizing:border-box}.pf-management-button{min-height:40px;padding:0 15px;border:1px solid #0969f0;border-radius:8px;background:#0969f0;color:#fff;font-weight:650;cursor:pointer}.pf-management-button.is-secondary{background:#fff;color:#0f172a;border-color:#cbd5e1}.pf-management-button.is-danger{background:#fff;color:#dc2626;border-color:#fecaca}.pf-management-button:disabled{opacity:.55;cursor:not-allowed}.pf-management-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.pf-management-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e2e8f0;border-radius:9px}.pf-management-notice{margin:14px 0;padding:11px 13px;border-radius:8px;background:#eff6ff;color:#1d4ed8}.pf-management-notice.is-error{background:#fef2f2;color:#b91c1c}.pf-management-actions{display:flex;flex-wrap:wrap;gap:10px}.pf-management-inline-form{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.pf-management-span{grid-column:1 / -1}@media(max-width:820px){.pf-management-grid{grid-template-columns:1fr}.pf-management-head{flex-direction:column}}@media(max-width:620px){.pf-auth-header{align-items:flex-start;flex-direction:column;padding:16px}.pf-auth-header .pf-management-actions{width:100%}.pf-auth-header .pf-management-button{flex:1;text-align:center}}@media(max-width:520px){.pf-management-inline-form{grid-template-columns:1fr}}