.pf-page{--page-bg:#0f1116;--page-panel:#171b22;--page-panel-2:#202630;--page-line:#ffffff1c;--page-line-strong:#ffffff2e;--page-text:#f5f1e8;--page-muted:#aeb6c2;--page-muted-2:#7e8895;--page-amber:#f5a623;--page-teal:#55c8b0;--page-blue:#5d9fd8;--page-coral:#df705a;min-height:100vh;color:var(--page-text);background:radial-gradient(900px 520px at 80% -12%, #f5a6231f, transparent 62%), radial-gradient(720px 420px at -10% 12%, #55c8b01a, transparent 62%), var(--page-bg);font-family:var(--pf-font-ui)}.pf-page *,.pf-page :before,.pf-page :after{box-sizing:border-box}.pf-page button,.pf-page a,.pf-page input,.pf-page select{font:inherit}.pf-page h1,.pf-page h2,.pf-page p{margin:0}.pf-page a{color:inherit;text-decoration:none}.pf-page-eyebrow{color:var(--page-amber);font-family:var(--pf-font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.pf-brand-lockup{width:100%;color:var(--page-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:8px;display:inline-flex}.pf-brand-lockup:hover{border-color:var(--page-line);background:#ffffff0a}.pf-brand-lockup.compact{width:auto;padding-right:12px}.pf-brand-mark{color:#221400;background:linear-gradient(145deg,#ffd470,#f5a623 58%,#df705a);border-radius:9px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.pf-brand-lockup strong{font-size:15px;display:block}.pf-brand-lockup small{color:var(--page-muted-2);margin-top:1px;font-size:11px;display:block}.pf-page-btn{border:1px solid var(--page-line);min-height:38px;color:var(--page-text);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:750;display:inline-flex}.pf-page-btn:hover{background:#f5a6231c;border-color:#f5a6236b}.pf-page-btn.primary{color:#241400;background:linear-gradient(#ffc766,#f2a01d);border-color:#f5a623b8}.pf-page-btn.wide{width:100%}.pf-page-actions{flex-wrap:wrap;gap:10px;display:flex}.pf-launch{grid-template-columns:258px minmax(0,1fr);display:grid}.pf-launch-sidebar{border-right:1px solid var(--page-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0d11b3;flex-direction:column;gap:14px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.pf-launch-nav{gap:6px;margin:8px 0 auto;display:grid}.pf-launch-nav-link{min-height:38px;color:var(--page-muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 11px;font-size:13px;font-weight:700;display:flex}.pf-launch-nav-link:hover,.pf-launch-nav-link.active{color:var(--page-text);border-color:var(--page-line);background:#ffffff0d}.pf-launch-main{gap:26px;width:min(1180px,100%);padding:34px clamp(18px,4vw,48px) 54px;display:grid}.pf-launch-top,.pf-section-title-row,.pf-guide-top,.pf-ob-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.pf-launch-top h1{letter-spacing:0;margin-top:4px;font-size:clamp(30px,4vw,54px)}.pf-launch-search{border:1px solid var(--page-line);width:min(420px,100%);min-height:42px;color:var(--page-muted);background:#ffffff0b;border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.pf-launch-search input{width:100%;color:var(--page-text);background:0 0;border:0;outline:0}.pf-hero-panel,.pf-launch-section,.pf-guide-card,.pf-ob-shell,.pf-ob-complete{border:1px solid var(--page-line);background:#171b22d1;border-radius:8px;box-shadow:0 24px 60px #00000042}.pf-hero-panel{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;min-height:330px;padding:clamp(24px,4vw,42px);display:grid;overflow:hidden}.pf-hero-panel h2{letter-spacing:0;max-width:640px;margin-top:10px;font-size:clamp(32px,5vw,64px);line-height:.98}.pf-hero-panel p{max-width:540px;color:var(--page-muted);margin:18px 0 24px;font-size:16px;line-height:1.6}.pf-hero-art{border:1px solid var(--page-line);background-color:#11161d;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:260px;position:relative}.pf-hero-art .shape,.pf-hero-art .layer{position:absolute}.pf-hero-art .shape.one{background:var(--page-amber);border-radius:8px;width:48%;height:32%;top:18%;left:12%}.pf-hero-art .shape.two{background:var(--page-teal);border-radius:999px;width:86px;height:86px;top:35%;right:15%}.pf-hero-art .shape.three{border:2px dashed var(--page-coral);border-radius:8px;width:46%;height:12%;bottom:18%;left:22%}.pf-hero-art .layer{border:1px solid var(--page-line);min-width:126px;color:var(--page-text);background:#0b0d11d1;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:750;display:inline-flex;right:18px}.pf-hero-art .layer.a{bottom:88px}.pf-hero-art .layer.b{bottom:48px}.pf-hero-art .layer.c{bottom:8px}.pf-launch-section{gap:18px;padding:22px;display:grid}.pf-section-title-row h2{margin-top:4px;font-size:24px}.pf-quick-grid,.pf-template-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.pf-quick-card,.pf-template-card,.pf-recent-file,.pf-preset-card,.pf-ob-size-grid button{border:1px solid var(--page-line);color:var(--page-text);cursor:pointer;background:#ffffff09;border-radius:8px}.pf-quick-card{text-align:left;justify-items:start;gap:10px;min-height:130px;padding:16px;display:grid}.pf-quick-card:hover,.pf-template-card:hover,.pf-recent-file:hover,.pf-preset-card:hover,.pf-preset-card.active,.pf-ob-size-grid button:hover,.pf-ob-size-grid button.active{background:#f5a62314;border-color:#f5a6238c}.pf-ratio-icon{background:#f5a6231f;border:1px solid #f5a6235c;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.pf-ratio-icon:before{content:"";border:2px solid var(--page-amber);border-radius:4px;display:block}.pf-ratio-icon.ratio-sq:before{width:22px;height:22px}.pf-ratio-icon.ratio-hd:before,.pf-ratio-icon.ratio-land:before{width:28px;height:16px}.pf-ratio-icon.ratio-port:before,.pf-ratio-icon.ratio-post:before{width:20px;height:26px}.pf-ratio-icon.ratio-story:before{width:16px;height:30px}.pf-quick-card strong,.pf-template-card strong,.pf-recent-file strong,.pf-preset-card strong{font-size:14px}.pf-quick-card small,.pf-template-card small,.pf-template-card em,.pf-recent-file small{color:var(--page-muted);font-size:12px;font-style:normal}.pf-recent-list{gap:8px;display:grid}.pf-recent-file{text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.pf-recent-file>span:nth-child(3),.pf-recent-file>span:nth-child(4){color:var(--page-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.pf-file-thumb{width:34px;height:34px;color:var(--page-blue);background:#5d9fd829;border-radius:7px;place-items:center;display:grid}.pf-template-card{text-align:left;gap:12px;min-height:230px;padding:14px;display:grid}.pf-template-preview{color:#fff;background:linear-gradient(135deg,#5d9fd8,#55c8b0);border-radius:8px;place-items:center;min-height:110px;display:grid}.pf-template-preview.coral{background:linear-gradient(135deg,#df705a,#f5a623)}.pf-template-preview.blue{background:linear-gradient(135deg,#5d9fd8,#5865d8)}.pf-template-preview.green{background:linear-gradient(135deg,#55c8b0,#7acb62)}.pf-template-preview.violet{background:linear-gradient(135deg,#7a5ed8,#df70ba)}.pf-template-preview.amber{background:linear-gradient(135deg,#f5a623,#df705a)}.pf-template-preview.pink{background:linear-gradient(135deg,#df70ba,#f5a623)}.pf-template-copy{gap:4px;display:grid}.pf-template-open{color:var(--page-amber);align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.pf-page-modal-backdrop{z-index:500;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pf-page-modal{border:1px solid var(--page-line-strong);background:#161a21;border-radius:8px;gap:18px;width:min(720px,100%);max-height:min(760px,100vh - 40px);padding:20px;display:grid;overflow:auto;box-shadow:0 30px 80px #0000006b}.pf-page-modal-head{justify-content:space-between;gap:16px;display:flex}.pf-page-modal h2{margin-top:4px}.pf-page-icon-btn{border:1px solid var(--page-line);width:32px;height:32px;color:var(--page-text);cursor:pointer;background:#ffffff0a;border-radius:7px}.pf-preset-grid,.pf-modal-fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.pf-preset-card{text-align:left;gap:5px;padding:12px;display:grid}.pf-modal-fields label{color:var(--page-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.pf-modal-fields input,.pf-modal-fields select{border:1px solid var(--page-line);width:100%;min-height:38px;color:var(--page-text);background:#ffffff0d;border-radius:7px;padding:0 10px}.pf-page-modal-actions{justify-content:flex-end;gap:10px;display:flex}.pf-guide{padding:18px clamp(18px,4vw,48px) 64px}.pf-guide-top{z-index:20;background:linear-gradient(180deg,var(--page-bg) 70%,transparent);padding:8px 0 18px;position:sticky;top:0}.pf-guide-hero{width:min(1040px,100%);margin:34px auto 28px}.pf-guide-hero h1{max-width:840px;margin-top:12px;font-size:clamp(38px,7vw,78px);line-height:.95}.pf-guide-hero p{max-width:780px;color:var(--page-muted);margin-top:18px;font-size:17px;line-height:1.7}.pf-guide-layout{grid-template-columns:230px minmax(0,1fr);gap:34px;width:min(1040px,100%);margin:0 auto;display:grid}.pf-guide-toc{border:1px solid var(--page-line);background:#171b22c7;border-radius:8px;align-self:start;gap:5px;padding:14px;display:grid;position:sticky;top:86px}.pf-guide-toc strong{color:var(--page-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:12px}.pf-guide-toc a{color:var(--page-muted);border-radius:7px;padding:7px 8px;font-size:13px}.pf-guide-toc a:hover{color:var(--page-text);background:#ffffff0d}.pf-guide-content{gap:14px;display:grid}.pf-guide-card{gap:13px;padding:22px;scroll-margin-top:98px;display:grid}.pf-guide-card h2{align-items:center;gap:9px;font-size:24px;display:flex}.pf-guide-card p,.pf-guide-card li,.pf-guide-card td{color:var(--page-muted);font-size:14px;line-height:1.65}.pf-guide-card strong,.pf-guide-card th,.pf-guide-card code{color:var(--page-text)}.pf-guide-card code{border:1px solid var(--page-line);background:#ffffff0d;border-radius:5px;padding:2px 5px}.pf-guide-card table{border-collapse:collapse;width:100%}.pf-guide-card th,.pf-guide-card td{border-bottom:1px solid var(--page-line);text-align:left;padding:9px 10px}.pf-guide-diagram{grid-template-columns:90px minmax(0,1fr) 190px;gap:8px;display:grid}.pf-guide-diagram span{border:1px solid var(--page-line);min-height:54px;color:var(--page-muted);text-align:center;background:#ffffff09;border-radius:8px;place-items:center;padding:8px;font-size:12px;display:grid}.pf-guide-diagram span:first-child,.pf-guide-diagram span:last-child{min-height:38px;color:var(--page-text);background:#f5a62314;grid-column:1/-1}.pf-guide-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pf-guide-grid div{border:1px solid var(--page-line);background:#ffffff09;border-radius:8px;gap:5px;padding:12px;display:grid}.pf-guide-grid span{color:var(--page-muted);font-size:13px;line-height:1.45}.pf-onboarding{grid-template-rows:auto minmax(0,1fr);padding:18px clamp(16px,4vw,42px) 42px;display:grid}.pf-ob-top{margin-bottom:24px}.pf-ob-shell{grid-template-columns:minmax(300px,.9fr) minmax(0,1fr);width:min(1120px,100%);margin:0 auto;display:grid;overflow:hidden}.pf-ob-visual{border-right:1px solid var(--page-line);background-color:#11161d;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:560px;padding:24px}.pf-ob-stage{place-items:center;width:100%;height:100%;min-height:500px;display:grid;position:relative}.pf-ob-logo{color:#211400;background:linear-gradient(145deg,#ffd470,#f5a623 58%,#df705a);border-radius:28px;place-items:center;width:116px;height:132px;font-size:62px;font-weight:900;display:grid}.pf-ob-stage .pixel{background:#55c8b0db;border-radius:5px;display:block;position:absolute}.pf-ob-stage .p1{width:18px;height:18px;top:24%;left:20%}.pf-ob-stage .p2{background:var(--page-coral);width:12px;height:12px;top:26%;right:22%}.pf-ob-stage .p3{background:var(--page-blue);width:22px;height:22px;bottom:26%;right:24%}.pf-ob-stage p{color:var(--page-muted);font-size:13px;position:absolute;bottom:34px}.pf-ob-content{align-content:center;gap:18px;padding:clamp(26px,5vw,56px);display:grid}.pf-ob-progress{gap:6px;margin-bottom:6px;display:flex}.pf-ob-progress span{background:#ffffff24;border-radius:999px;width:36px;height:4px}.pf-ob-progress span.active{background:var(--page-amber)}.pf-ob-content h1,.pf-ob-complete h1{font-size:clamp(40px,7vw,78px);line-height:.94}.pf-ob-content h1 span{color:var(--page-amber)}.pf-ob-content p,.pf-ob-complete p{max-width:600px;color:var(--page-muted);font-size:16px;line-height:1.7}.pf-ob-controls{gap:14px;display:grid}.pf-ob-controls fieldset{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.pf-ob-controls legend{width:100%;color:var(--page-muted);margin-bottom:2px;font-size:12px;font-weight:800}.pf-ob-controls button,.pf-ob-size-grid button{border:1px solid var(--page-line);min-height:36px;color:var(--page-text);cursor:pointer;text-transform:capitalize;background:#ffffff0a;border-radius:8px;padding:0 12px}.pf-ob-controls button.active{background:#f5a62329;border-color:#f5a623b8}.pf-ob-features{gap:10px;display:grid}.pf-ob-feature{border:1px solid var(--page-line);background:#ffffff09;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px;display:grid}.pf-ob-feature svg{color:var(--page-amber)}.pf-ob-feature span{gap:3px;display:grid}.pf-ob-feature small{color:var(--page-muted);font-size:12px;line-height:1.45}.pf-ob-size-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.pf-ob-size-grid button{text-align:left;justify-items:start;gap:8px;height:auto;padding:14px;display:grid}.pf-ob-size-grid small{color:var(--page-muted)}.pf-ob-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.pf-ob-preview,.pf-ob-layer-stack,.pf-ob-canvas{border:1px solid var(--page-line);background:#171b22d1;border-radius:8px;gap:12px;width:min(320px,88%);padding:18px;display:grid}.pf-ob-preview{min-height:250px;position:relative}.pf-ob-preview .bar{background:#ffffff14;border-radius:6px;height:22px}.pf-ob-preview .block{border-radius:8px;display:block;position:absolute}.pf-ob-preview .one{background:var(--page-amber);width:48%;height:28%;top:30%;left:14%}.pf-ob-preview .two{background:var(--page-teal);border-radius:999px;width:70px;height:70px;top:46%;right:18%}.pf-ob-preview .three{border:2px dashed var(--page-coral);width:54%;height:14%;bottom:18%;left:18%}.pf-ob-layer-stack span{border:1px solid var(--page-line);color:var(--page-text);background:#ffffff09;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:750;display:grid}.pf-ob-layer-stack i{width:24px;height:24px;color:var(--page-amber);background:#f5a62321;border-radius:6px;place-items:center;display:grid}.pf-ob-layer-stack em{color:var(--page-muted);font-family:var(--pf-font-mono);font-size:11px;font-style:normal}.pf-ob-canvas{min-height:250px;color:var(--page-amber);place-items:center}.pf-ob-complete{text-align:center;place-items:center;gap:14px;width:min(760px,100%);margin:auto;padding:clamp(28px,6vw,60px);display:grid}.pf-ob-complete>svg{color:var(--page-teal)}.pf-brand-page{padding:18px clamp(18px,4vw,48px) 64px}.pf-brand-hero{margin-bottom:28px}.pf-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(1040px,100%);margin:0 auto;display:grid}.pf-brand-card{border:1px solid var(--page-line);background:#171b22d1;border-radius:8px;gap:18px;min-height:250px;padding:22px;display:grid;box-shadow:0 24px 60px #00000038}.pf-brand-card.wide{grid-column:1/-1}.pf-mark-showcase{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,42px);display:grid}.pf-mark-showcase h2{font-size:clamp(34px,6vw,72px);line-height:.95}.pf-mark-showcase p{max-width:540px;color:var(--page-muted);margin-top:12px;line-height:1.65}.pf-brand-pixel-mark{color:#241400;background:linear-gradient(145deg,#ffd470,#f5a623 58%,#df705a);border-radius:26px;place-items:center;width:112px;height:128px;display:inline-grid;position:relative;box-shadow:0 24px 70px #f5a6233d}.pf-brand-pixel-mark.solid{color:var(--page-text);box-shadow:none;background:currentColor}.pf-brand-pixel-mark.solid strong{color:var(--page-bg)}.pf-brand-pixel-mark span{background:#ffffff52;border-radius:4px;width:18px;height:18px;display:block;position:absolute}.pf-brand-pixel-mark span:first-child{top:18px;left:18px}.pf-brand-pixel-mark span:nth-child(2){top:18px;right:18px}.pf-brand-pixel-mark span:nth-child(3){bottom:18px;left:18px}.pf-brand-pixel-mark span:nth-child(4){bottom:18px;right:18px}.pf-brand-pixel-mark span:nth-child(5){top:55px;right:18px}.pf-brand-pixel-mark strong{z-index:1;font-size:62px;line-height:1;position:relative}.pf-brand-lockup-demo{justify-content:center;align-items:center;gap:18px;min-height:180px;display:flex}.pf-brand-lockup-demo .pf-brand-pixel-mark{border-radius:18px;width:72px;height:82px}.pf-brand-lockup-demo .pf-brand-pixel-mark strong{font-size:40px}.pf-brand-lockup-demo .pf-brand-pixel-mark span{width:10px;height:10px}.pf-brand-lockup-demo span{letter-spacing:0;font-size:clamp(34px,5vw,56px);font-weight:800}.pf-brand-lockup-demo span strong{color:var(--page-amber)}.pf-brand-card.light-lockup{color:#17181b;background:#f4f3ef}.pf-brand-card.light-lockup .pf-page-eyebrow,.pf-brand-card.light-lockup .pf-brand-lockup-demo span strong{color:#d9830f}.pf-wordmark-grid,.pf-brand-swatches,.pf-brand-usage{gap:10px;display:grid}.pf-wordmark-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.brand-word{border:1px solid var(--page-line);background:#ffffff09;border-radius:8px;align-content:center;min-height:90px;padding:14px;font-size:28px;font-weight:800;display:grid}.brand-word strong{color:var(--page-amber)}.brand-word.mono{font-family:var(--pf-font-mono);font-size:22px;font-weight:600}.brand-word.tight{letter-spacing:0}.brand-word.caps{letter-spacing:.22em;font-size:18px}.pf-brand-swatches span{border:1px solid var(--page-line);background:#ffffff09;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.pf-brand-swatches i{border:1px solid #ffffff2e;border-radius:7px;width:42px;height:30px}.pf-brand-swatches small,.pf-brand-usage small{color:var(--page-muted);font-family:var(--pf-font-mono);font-size:11px}.pf-brand-usage{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-brand-usage>span{border:1px solid var(--page-line);background:#ffffff09;border-radius:8px;place-items:center;gap:12px;min-height:170px;padding:14px;display:grid}.pf-brand-usage .pf-brand-pixel-mark{border-radius:17px;width:68px;height:78px}.pf-brand-usage .pf-brand-pixel-mark strong{font-size:38px}.pf-brand-usage .pf-brand-pixel-mark span{width:9px;height:9px}.pf-brand-usage .light{color:#17181b;background:#f4f3ef}@media (width<=980px){.pf-launch{grid-template-columns:1fr}.pf-launch-sidebar{border-right:0;border-bottom:1px solid var(--page-line);height:auto;position:static}.pf-launch-nav{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.pf-launch-nav-link{justify-content:center}.pf-hero-panel,.pf-ob-shell,.pf-guide-layout{grid-template-columns:1fr}.pf-ob-visual{border-right:0;border-bottom:1px solid var(--page-line);min-height:320px}.pf-ob-stage{min-height:280px}.pf-guide-toc{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));position:static}.pf-brand-grid{grid-template-columns:1fr}}@media (width<=620px){.pf-launch-top,.pf-section-title-row,.pf-guide-top,.pf-ob-top{flex-direction:column;align-items:stretch}.pf-launch-nav{grid-template-columns:1fr 1fr}.pf-hero-panel{grid-template-columns:1fr;min-height:0}.pf-hero-art{min-height:220px}.pf-recent-file{grid-template-columns:auto minmax(0,1fr)}.pf-recent-file>span:nth-child(3),.pf-recent-file>span:nth-child(4){grid-column:2}.pf-guide-diagram{grid-template-columns:1fr}.pf-guide-diagram span{grid-column:auto!important}.pf-page-modal-actions,.pf-ob-actions{justify-content:stretch}.pf-page-modal-actions .pf-page-btn,.pf-ob-actions .pf-page-btn{flex:1}.pf-mark-showcase,.pf-brand-usage{grid-template-columns:1fr}}.pf{--pf-bg:#f7f1e7;--pf-bg-soft:#fcf8f1;--pf-panel:#fffcf6db;--pf-panel-strong:#fffffff2;--pf-line:#dfd3c4;--pf-line-strong:#ccbda9;--pf-text:#25343f;--pf-muted:#6c7a84;--pf-soft:#95a1a9;--pf-accent:#2a6f97;--pf-accent-strong:#194d6f;--pf-accent-soft:#2a6f971f;--pf-highlight:#e8a84f;--pf-shadow:0 18px 50px #60462214;--pf-dur-press:.12s;--pf-dur-hover:.16s;--pf-dur-feedback:.18s;--pf-ease-standard:cubic-bezier(.2, 0, 0, 1);--pf-ease-press:cubic-bezier(.2, .8, .2, 1);--pf-ease-snap:cubic-bezier(.16, 1, .3, 1);color:var(--pf-text);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 0 0,#ffffffe6,#0000 32%),linear-gradient(#fcf9f2 0%,#f3ebdf 100%);flex-direction:column;width:100%;min-height:100vh;font-family:IBM Plex Sans,Avenir Next,Segoe UI,system-ui,sans-serif;display:flex;position:relative}.pf.pf-dark{--pf-bg:#161b20;--pf-bg-soft:#1f262c;--pf-panel:#1c2228e6;--pf-panel-strong:#222930f5;--pf-line:#34404a;--pf-line-strong:#46545f;--pf-text:#edf3f7;--pf-muted:#aab7c1;--pf-soft:#7d8c98;--pf-accent:#69b6d8;--pf-accent-strong:#9ad7ef;--pf-accent-soft:#69b6d829;--pf-highlight:#f0b65b;background:linear-gradient(#15191e 0%,#20262c 100%)}.pf.pf-dark .pf-menu,.pf.pf-dark .pf-rpanel,.pf.pf-dark .pf-toolbar,.pf.pf-dark .pf-modal,.pf.pf-dark .pf-mobile-menu-sheet{background:linear-gradient(#1f262df5,#181e24fa)}.pf.pf-dark .pf-menu-popover{background:#1c2228fa;border-color:#46545ff2;box-shadow:0 18px 50px #00000047}.pf.pf-dark .pf-menu-item kbd{background:#12171ccc;border-color:#46545fe6}.pf *{box-sizing:border-box;margin:0;padding:0}.pf button,.pf input,.pf select{font:inherit}.pf button,.pf .pf-swatch{will-change:transform, box-shadow, background-color, border-color, color}.pf button:active,.pf .pf-swatch:active{transition-duration:var(--pf-dur-press);transition-timing-function:var(--pf-ease-press)}.pf button:focus-visible,.pf input:focus-visible,.pf select:focus-visible{outline-offset:2px;outline:2px solid #2a6f9761}.pf ::selection{background:#2a6f9724}.pf ::-webkit-scrollbar{width:8px;height:8px}.pf ::-webkit-scrollbar-track{background:#dfd3c473}.pf ::-webkit-scrollbar-thumb{background:#a59682bf;border-radius:999px}.pf ::-webkit-scrollbar-thumb:hover{background:#7a6c5ad1}.pf-menu{border-bottom:1px solid var(--pf-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:linear-gradient(#ffffffeb,#fcf8f1e0);flex-shrink:0;align-items:center;gap:10px;min-height:56px;padding:10px 14px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffffb3,0 10px 28px #6e542e0f}.pf-menu-group,.pf-menu-r,.pf-menu-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-menu-brand{letter-spacing:.28em;text-transform:uppercase;color:var(--pf-accent-strong);background:#2a6f9714;border:1px solid #2a6f971f;border-radius:999px;padding:7px 10px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600}.pf-menu-sep{background:linear-gradient(180deg, transparent, var(--pf-line), transparent);align-self:stretch;width:1px}.pf-mbtn{min-height:34px;color:var(--pf-text);letter-spacing:.02em;cursor:pointer;transition:transform var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard);background:#fffc;border:1px solid #c9bca9d9;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:500;display:inline-flex}.pf-mbtn:hover{color:var(--pf-accent-strong);background:#fffffffa;border-color:#2a6f9733;transform:translateY(-1px);box-shadow:0 8px 20px #80603414}.pf-mbtn:active{color:var(--pf-accent-strong);background:#f0f8fcfa;transform:scale(.97);box-shadow:inset 0 0 0 1px #2a6f971f}.pf-mbtn.primary{color:var(--pf-accent-strong);background:linear-gradient(#2a6f9729,#2a6f9714);border-color:#2a6f9733}.pf-mbtn.dis{opacity:.42;pointer-events:none;box-shadow:none}.pf-compact-icon{justify-content:center;width:34px;padding:0}.pf-menu-dropdown{display:inline-flex;position:relative}.pf-menu-trigger{min-height:34px;color:var(--pf-text);letter-spacing:.02em;cursor:pointer;transition:background var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.pf-menu-trigger:hover,.pf-menu-trigger.active{color:var(--pf-accent-strong);background:#2a6f9714;border-color:#2a6f9724}.pf-menu-popover{z-index:10020;background:#fffcf7fa;border:1px solid #ccbda9eb;border-radius:12px;min-width:210px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 50px #49381c29}.pf-menu-item{width:100%;min-height:34px;color:var(--pf-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:0 10px;font-size:12px;display:flex}.pf-menu-item:hover{color:var(--pf-accent-strong);background:#2a6f971a}.pf-menu-item:disabled{opacity:.42;cursor:default}.pf-menu-item:disabled:hover{color:var(--pf-text);background:0 0}.pf-menu-item kbd{color:var(--pf-muted);letter-spacing:0;background:#ffffff94;border:1px solid #ccbda9b8;border-radius:6px;padding:2px 5px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:10px}.pf-menu-rule{background:var(--pf-line);height:1px;margin:5px 4px}.pf-zoom{min-width:64px;color:var(--pf-muted);text-align:center;letter-spacing:.08em;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:11px}.pf-menu-meta{margin-left:auto}.pf-menu-chip{min-height:30px;color:var(--pf-muted);letter-spacing:.08em;text-transform:uppercase;background:#ffffff9e;border:1px solid #ccbda9cc;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.pf-menu-chip-button:hover{color:var(--pf-accent-strong);background:#ffffffe6;border-color:#2a6f9733}.pf-mobile-menu-btn{width:36px;height:36px;color:var(--pf-text);cursor:pointer;background:#ffffffd1;border:1px solid #c9bca9d9;border-radius:12px;justify-content:center;align-items:center;display:none}.pf-mobile-menu-backdrop{z-index:10000;background:#25343f3d;justify-content:center;align-items:flex-start;padding:12px;display:flex;position:fixed;inset:0}.pf-mobile-menu-sheet{background:#fffcf7fa;border:1px solid #ccbda9e6;border-radius:18px;width:min(420px,100%);overflow:hidden;box-shadow:0 24px 70px #49381c2e}.pf-mobile-menu-head{border-bottom:1px solid var(--pf-line);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.pf-mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;display:grid}.pf-icon-btn{min-width:32px;min-height:32px;color:var(--pf-text);cursor:pointer;background:#ffffffd1;border:1px solid #c9bca9d9;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.pf-menu-chip.accent{color:var(--pf-accent-strong);background:#2a6f971a;border-color:#2a6f972e}.pf-body{flex:1;min-height:0;display:flex;overflow:hidden}.pf-toolbar{border-right:1px solid var(--pf-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffbf6ad;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;padding:16px 10px;display:flex}.pf-tbtn{width:48px;height:48px;color:var(--pf-muted);cursor:pointer;transition:transform var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard);background:#ffffffbd;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 8px 18px #8c6a3d0d}.pf-tbtn:hover{color:var(--pf-text);background:#fffffff5;border-color:#c9bca9cc;transform:translateY(-1px)}.pf-tbtn.active{color:var(--pf-accent-strong);background:linear-gradient(#2a6f972e,#fffffff5);border-color:#2a6f9733;box-shadow:0 10px 26px #2a6f9724}.pf-tbtn:active{background:linear-gradient(#2a6f9738,#fffffff0);transform:scale(.95)}.pf-tbtn.muted{opacity:.52}.pf-tbtn .pf-shortcut{color:var(--pf-soft);font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:8px;position:absolute;bottom:6px;right:6px}.pf-toolbar-sep{background:linear-gradient(90deg, transparent, var(--pf-line), transparent);width:34px;height:1px;margin:2px 0}.pf-color-wells{flex-direction:column;align-items:center;gap:0;margin-top:2px;display:flex}.pf-color-well{cursor:pointer;width:42px;height:42px;transition:transform var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard);background:#ffffffeb;border:1px solid #ccbda9eb;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 12px 26px #81663714}.pf-color-well:hover{border-color:#2a6f972e;transform:translateY(-1px)scale(1.02);box-shadow:0 14px 28px #8166371f}.pf-color-well:active{transform:scale(.97)}.pf-color-well.primary{z-index:2}.pf-color-well.secondary{margin-top:-10px;margin-left:12px}.pf-color-button-label{letter-spacing:.12em;color:#101820ad;z-index:2;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:600;position:absolute;top:6px;left:8px}.pf-color-button-swatch{border-radius:10px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #ffffff8a}.pf-color-input{opacity:0;cursor:pointer;position:absolute;inset:0}.pf-swap-colors{width:34px;height:28px;color:var(--pf-muted);cursor:pointer;background:#ffffffd9;border:1px solid #ccbda9cc;border-radius:999px;margin-top:8px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:11px;transition:all .15s}.pf-swap-colors:hover{color:var(--pf-accent-strong);background:#fffffffa;border-color:#2a6f972e}.pf-swap-colors:active{background:#f0f8fcfa;transform:scale(.95)}.pf-viewport{cursor:crosshair;touch-action:none;background:radial-gradient(circle at 100% 0,#ffffff9e,#0000 26%),linear-gradient(#ece4d8 0%,#e2d8c9 100%);flex:1;position:relative;overflow:hidden}.pf-viewport:before{content:"";pointer-events:none;border:1px solid #ffffff57;border-radius:22px;transition:border-color .12s,border-width .12s;position:absolute;inset:16px}.pf-viewport.pf-viewport-drag-hover:before{background:#2a6f970d;border:2px dashed #2a6f97b8}.pf-viewport canvas{display:block;position:absolute;top:0;left:0}.pf-rpanel{border-left:1px solid var(--pf-line);background:linear-gradient(#ffffffdb,#fcf8f1eb);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden;box-shadow:inset 1px 0 #ffffff8c}.pf-section{border-bottom:1px solid var(--pf-line)}.pf-section-head{letter-spacing:.16em;text-transform:uppercase;color:var(--pf-muted);justify-content:space-between;align-items:center;padding:12px 16px 10px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;display:flex}.pf-section-toggle{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.pf-section-toggle:hover{color:var(--pf-ink)}.pf-section-head-meta{align-items:center;gap:8px;display:inline-flex}.pf-section-body{padding:0 16px 12px}.pf-section-lead{color:var(--pf-muted);margin-bottom:14px;font-size:12px;line-height:1.5}.pf-tool-summary{background:linear-gradient(#ffffffd9,#fbf5ecf2);border:1px solid #ccbda9a6;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px;display:flex;box-shadow:0 10px 26px #745a300d}.pf-tool-summary-title{color:var(--pf-text);margin-bottom:4px;font-size:14px;font-weight:700}.pf-tool-summary-body{color:var(--pf-muted);font-size:12px;line-height:1.5}.pf-tool-summary-hint{color:var(--pf-soft);margin-top:8px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:10px}.pf-kbd{height:30px;color:var(--pf-accent-strong);background:#ffffffb8;border:1px solid #ccbda9bf;border-radius:999px;flex-shrink:0;align-items:center;padding:0 10px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-flex}.pf-field-help{color:var(--pf-muted);margin-top:4px;font-size:11px;line-height:1.45}.pf-field-help.warn{color:#98602f}.pf-field-help strong{color:var(--pf-text);font-weight:600}.pf-prop-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.pf-prop-label{width:64px;color:var(--pf-muted);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:10px}.pf-prop-val{flex:1}.pf-input,.pf-select{width:100%;min-height:38px;color:var(--pf-text);background:#ffffffe6;border:1px solid #ccbda9e6;border-radius:12px;outline:none;padding:0 12px;font-size:12px;transition:border-color .15s,box-shadow .15s,background .15s}.pf-input:focus,.pf-select:focus{background:#fff;border-color:#2a6f9766;box-shadow:0 0 0 4px #2a6f9714}.pf-input.pf-field-error,.pf-select.pf-field-error{animation:pf-field-shake var(--pf-dur-feedback) var(--pf-ease-standard);border-color:#d064457a;box-shadow:0 0 0 4px #d064451f}.pf-slider{-webkit-appearance:none;width:100%;height:6px;transition:box-shadow var(--pf-dur-hover) var(--pf-ease-standard), transform var(--pf-dur-hover) var(--pf-ease-standard);background:linear-gradient(90deg,#2a6f972e,#ccbda959);border-radius:999px;outline:none}.pf-slider:hover{box-shadow:0 0 0 4px #2a6f9714}.pf-slider:active{transform:scaleY(1.08)}.pf-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--pf-accent);cursor:pointer;width:16px;height:16px;transition:transform var(--pf-dur-press) var(--pf-ease-press), box-shadow var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #2a6f9747}.pf-slider:active::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 6px 16px #2a6f9757}.pf-select{padding-right:30px;font-size:11px}.pf-checkbox-row{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.pf-checkbox-row input{accent-color:var(--pf-accent)}.pf-checkbox-row span{color:var(--pf-text);font-size:12px}.pf-recent-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pf-brush-presets{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pf-brush-presets .pf-chip-btn.active{background:var(--pf-accent,#2a6f97);color:#fff;border-color:var(--pf-accent,#2a6f97)}.pf-chip-btn{min-height:30px;color:var(--pf-muted);cursor:pointer;letter-spacing:.04em;transition:border-color var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard), transform var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard);background:#ffffffd6;border:1px solid #ccbda9d1;border-radius:999px;padding:0 10px;font-size:10px;font-weight:600}.pf-chip-btn:hover{color:var(--pf-accent-strong);background:#fffffffa;border-color:#2a6f9733;transform:translateY(-1px)}.pf-chip-btn:active{background:#f0f8fcfa;transform:scale(.97)}.pf-chip-btn.swatch{min-width:34px;padding:0}.pf-chip-btn.swatch:before{content:"";background:currentColor;border:1px solid #ffffffe0;border-radius:999px;width:18px;height:18px;margin:0 auto;display:block;box-shadow:inset 0 0 0 1px #1a283414}.pf-next-grid{gap:10px;display:grid}.pf-next-card{text-align:left;cursor:pointer;width:100%;transition:transform var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard);background:linear-gradient(#ffffffeb,#fcf8f1f5);border:1px solid #ccbda9b8;border-radius:16px;padding:12px 13px;display:block}.pf-next-card:hover{border-color:#2a6f972e;transform:translateY(-1px);box-shadow:0 12px 24px #46361a14}.pf-next-card:active{background:linear-gradient(#f0f8fcfa,#fcf8f1f5);transform:scale(.98)}.pf-next-title{color:var(--pf-text);font-size:12px;font-weight:700}.pf-next-detail{color:var(--pf-muted);margin-top:4px;font-size:11px;line-height:1.45}.pf-swatches{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.pf-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #ccbda9d6;border-radius:12px;width:100%;transition:transform .14s,box-shadow .14s,border-color .14s;position:relative}.pf-swatch:hover{border-color:#2a6f972e;transform:translateY(-1px)scale(1.04);box-shadow:0 10px 20px #8060341f}.pf-swatch:active{transform:scale(.96)}.pf-swatch.primary:after,.pf-swatch.secondary:before{content:"";pointer-events:none;border-radius:9px;position:absolute;inset:3px}.pf-swatch.primary:after{box-shadow:inset 0 0 0 2px #ffffffeb,0 0 0 2px #2a6f97b3}.pf-swatch.secondary:before{box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #16324fb8}.pf-hex-row{gap:8px;margin-top:12px;display:flex}.pf-layer-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 16px 14px;display:grid}.pf-layer-actions .pf-layer-abtn:nth-child(-n+2){grid-column:span 2}.pf-layer-abtn{min-height:38px;color:var(--pf-text);cursor:pointer;white-space:nowrap;transition:transform var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard);background:#ffffffdb;border:1px solid #ccbda9e6;border-radius:12px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.pf-layer-abtn:hover{color:var(--pf-accent-strong);background:#fffffffa;border-color:#2a6f9729}.pf-layer-abtn:active{background:#f0f8fcfa;transform:scale(.97)}.pf-layer-abtn:disabled{opacity:.42;pointer-events:none}.pf-layer-controls{border-bottom:1px solid var(--pf-line);align-items:center;gap:8px;padding:0 16px 14px;display:flex}.pf-layers-list{flex:1;padding:12px;overflow-y:auto}.pf-layer{cursor:pointer;transition:background var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard), transform var(--pf-dur-hover) var(--pf-ease-snap), box-shadow var(--pf-dur-hover) var(--pf-ease-standard), opacity var(--pf-dur-hover) var(--pf-ease-standard);border:1px solid #0000;border-radius:16px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.pf-layer+.pf-layer{margin-top:8px}.pf-layer:hover{background:#ffffffb8;border-color:#ccbda9b3}.pf-layer:focus-visible{outline:2px solid rgba(var(--pf-accent-rgb), .72);outline-offset:2px}.pf-layer.active{background:linear-gradient(#2a6f971f,#fffffff2);border-color:#2a6f9738;transform:translateY(-1px);box-shadow:0 14px 28px #2a6f971f}.pf-layer.suggested{border-color:#e8a84f57;box-shadow:0 0 0 2px #e8a84f1f}.pf-layer.dragging{opacity:.74;transform:scale(.985);box-shadow:0 18px 34px #4f3c1e1f}.pf-layer.drop-target{border-color:#2a6f974d;transform:translate(6px)scale(1.01);box-shadow:0 0 0 2px #2a6f971f,0 12px 24px #2a6f9714}.pf-layer.cue-success{animation:pf-confirm var(--pf-dur-feedback) var(--pf-ease-snap)}.pf-layer.cue-error{animation:pf-field-shake var(--pf-dur-feedback) var(--pf-ease-standard);border-color:#d0644566;box-shadow:0 0 0 2px #d064451f}.pf-layer-icon{background:#ffffffdb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.pf-layer-vis{width:30px;height:30px;color:var(--pf-muted);cursor:pointer;transition:transform var(--pf-dur-press) var(--pf-ease-press), border-color var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard);background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pf-layer-vis:hover{color:var(--pf-accent-strong);background:#ffffffe0;border-color:#ccbda9b3}.pf-layer-vis:active,.pf-layer-lock:active,.pf-anchor-btn:active,.pf-mobile-tab:active{transform:scale(.95)}.pf-layer-main{min-width:0}.pf-layer-name{color:var(--pf-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.pf-layer-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pf-layer-type,.pf-layer-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:18px;padding:0 7px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:8px;display:inline-flex}.pf-layer-type{color:var(--pf-muted);background:#ffffffe6}.pf-layer-tag{color:var(--pf-accent-strong);background:#2a6f9714}.pf-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.pf-inline-actions .pf-layer-abtn{flex:1;min-width:0}.pf-mini-grid{gap:8px;display:flex;overflow-x:auto}.pf-mini-grid.four{grid-template-columns:none}.pf-mini-grid>*{min-width:64px}.pf-layer-drop-target{border-color:#2a6f974d;box-shadow:0 0 0 2px #2a6f9714}.pf-layer-lock{width:30px;height:30px;color:var(--pf-muted);cursor:pointer;transition:transform var(--pf-dur-press) var(--pf-ease-press), border-color var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.pf-layer-lock:hover{color:var(--pf-accent-strong);background:#ffffffe0;border-color:#ccbda9b3}.pf-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#1b1b1b3d;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pf-modal{background:linear-gradient(#fffffff5,#fcf8f1fa);border:1px solid #ccbda9d1;border-radius:24px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 70px #402f1624}.pf-modal-head{border-bottom:1px solid var(--pf-line);padding:18px 20px 12px}.pf-modal-title{color:var(--pf-text);font-size:16px;font-weight:700}.pf-modal-copy{color:var(--pf-muted);margin-top:6px;font-size:13px;line-height:1.5}.pf-modal-body{padding:18px 20px}.pf-modal-actions{justify-content:flex-end;gap:10px;padding:0 20px 20px;display:flex}.pf-command-modal{width:min(640px,100%)}.pf-command-list{gap:8px;max-height:360px;margin-top:12px;display:grid;overflow:auto}.pf-command-item{min-height:40px;color:var(--pf-text);cursor:pointer;background:#ffffffd6;border:1px solid #ccbda9cc;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.pf-command-item:hover{color:var(--pf-accent-strong);border-color:#2a6f973d}.pf-command-item:disabled{opacity:.45;pointer-events:none}.pf-command-item small{color:var(--pf-muted);text-transform:uppercase;letter-spacing:.08em;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:9px}.pf-floating-panel{z-index:9000;border:1px solid var(--pf-line);background:var(--pf-panel-strong);width:min(280px,100vw - 32px);box-shadow:var(--pf-shadow);border-radius:16px;padding:14px;position:fixed;bottom:68px;right:24px}.pf-floating-head,.pf-history-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pf-floating-head{margin-bottom:12px}.pf-history-row{min-height:32px;color:var(--pf-muted);font-size:12px}.pf-history-row strong{color:var(--pf-text)}.pf-anchor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pf-anchor-btn{min-height:42px;color:var(--pf-text);cursor:pointer;background:#ffffffd9;border:1px solid #ccbda9e6;border-radius:12px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:11px}.pf-anchor-btn.active{color:var(--pf-accent-strong);background:#2a6f971a;border-color:#2a6f9747}.pf-anchor-btn{transition:transform var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard)}.pf-anchor-btn:hover{border-color:#2a6f972e;transform:translateY(-1px);box-shadow:0 8px 18px #2a6f9714}.pf-draft-banner{background:#fff6e4e6;border:1px solid #e8a84f52;border-radius:16px;margin:14px 16px 0;padding:12px 14px}.pf-draft-banner strong{margin-bottom:4px;font-size:12px;display:block}.pf-draft-banner p{color:#7d5c2e;font-size:12px;line-height:1.5}.pf-draft-actions{gap:8px;margin-top:10px;display:flex}.pf-mobile-tabs{scroll-snap-type:x mandatory;gap:8px;padding:12px 16px 0;display:none;overflow-x:auto}.pf-mobile-tab{scroll-snap-align:start;min-height:34px;color:var(--pf-muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#ffffffc7;border:1px solid #ccbda9d6;border-radius:999px;flex:none;padding:0 12px;font-size:10px;font-weight:700}.pf-mobile-tab.active{color:var(--pf-accent-strong);background:#2a6f971a;border-color:#2a6f9733}.pf-mobile-tab{transition:transform var(--pf-dur-hover) var(--pf-ease-standard), border-color var(--pf-dur-hover) var(--pf-ease-standard), background var(--pf-dur-hover) var(--pf-ease-standard), color var(--pf-dur-hover) var(--pf-ease-standard), box-shadow var(--pf-dur-hover) var(--pf-ease-standard)}.pf-mobile-tab:hover{color:var(--pf-accent-strong);background:#ffffffeb;border-color:#2a6f972e}.pf-starter{pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.pf-starter-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#fffcf7eb;border:1px solid #ccbda9db;border-radius:24px;width:min(420px,100%);padding:22px;box-shadow:0 24px 70px #49381c1f}.pf-starter-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--pf-soft);font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:10px}.pf-starter-title{color:var(--pf-text);margin-top:8px;font-size:24px;line-height:1.1}.pf-starter-copy{color:var(--pf-muted);margin-top:10px;font-size:13px;line-height:1.6}.pf-starter-actions{gap:10px;margin-top:18px;display:grid}.pf-status{border-top:1px solid var(--pf-line);min-height:34px;color:var(--pf-muted);letter-spacing:.04em;background:#ffffffdb;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 14px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.pf-status-accent,.pf-status-warning{color:var(--pf-accent-strong)}.pf-status-badge{color:var(--pf-accent-strong);background:#2a6f9717;border:1px solid #2a6f9747;border-radius:999px;padding:2px 7px;font-weight:700}.pf-status-hints{margin-left:auto}.pf-status-help{width:28px;height:28px;color:var(--pf-accent-strong);cursor:pointer;background:#ffffffd1;border:1px solid #ccbda9d6;border-radius:999px;margin-left:auto;font-weight:700}.pf-help-sheet{z-index:10000;background:#25343f38;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.pf-help-card{background:#fffcf7fa;border:1px solid #ccbda9e6;border-radius:18px;width:min(460px,100%);overflow:hidden;box-shadow:0 24px 70px #49381c2e}.pf-help-card .pf-modal-head{justify-content:space-between;align-items:center;display:flex}.pf-help-row{color:var(--pf-muted);grid-template-columns:88px minmax(0,1fr);gap:10px;font-size:12px;line-height:1.45;display:grid}.pf-help-row+.pf-help-row{margin-top:10px}.pf-toast{color:var(--pf-text);letter-spacing:.04em;z-index:9999;box-shadow:var(--pf-shadow);animation:pf-toast-in .14s var(--pf-ease-snap);background:#fffffff5;border:1px solid #2a6f9729;border-radius:14px;padding:10px 16px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:11px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.pf-toast.success{background:#f5fcfffa;border-color:#2a6f9738}.pf-toast.error{animation:pf-toast-in .14s var(--pf-ease-snap), pf-toast-shake var(--pf-dur-feedback) var(--pf-ease-standard);background:#fff5f1fa;border-color:#d064455c}.pf-context-menu{z-index:10001;background:#fffcf7fa;border:1px solid #ccbda9eb;border-radius:12px;min-width:190px;padding:6px;position:fixed;box-shadow:0 18px 50px #49381c29}.pf-context-item{width:100%;min-height:32px;color:var(--pf-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.pf-context-item.active,.pf-context-item:hover{color:var(--pf-accent-strong);background:#2a6f971a}.pf-context-item.danger{color:#9a4d38}.pf-context-item:disabled{opacity:.42;cursor:default}.pf-context-sep{background:var(--pf-line);height:1px;margin:5px 4px}.pf-color-inline{background:#fffc;border:1px solid #ccbda9d6;border-radius:8px;width:38px;height:28px}.pf-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pf-export-grid label{color:var(--pf-muted);text-transform:uppercase;letter-spacing:.08em;gap:5px;font-size:10px;display:grid}.pf-error-shell{min-height:100vh;color:var(--pf-text,#25343f);background:linear-gradient(#fcf9f2 0%,#f3ebdf 100%);place-items:center;padding:24px;font-family:IBM Plex Sans,Avenir Next,Segoe UI,system-ui,sans-serif;display:grid}.pf-error-card{background:#fffcf7f5;border:1px solid #ccbda9e6;border-radius:18px;width:min(560px,100%);padding:22px;box-shadow:0 24px 70px #49381c24}.pf-error-card h1{margin-top:18px;font-size:24px}.pf-error-card p{color:var(--pf-muted,#6c7a84);margin-top:8px}.pf-error-card pre{color:#8c3d2a;white-space:pre-wrap;background:#ffffffb8;border-radius:12px;max-height:180px;margin-top:14px;padding:12px;font-size:12px;overflow:auto}.pf-error-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}@keyframes pf-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes pf-confirm{0%{transform:translateY(0)scale(1)}55%{transform:translateY(-1px)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes pf-field-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}60%{transform:translate(3px)}}@keyframes pf-toast-shake{0%,to{transform:translate(-50%)translateY(0)}25%{transform:translate(calc(-50% - 3px))translateY(0)}60%{transform:translate(calc(3px - 50%))translateY(0)}}.pf-feedback-success{animation:pf-confirm var(--pf-dur-feedback) var(--pf-ease-snap)}.pf-feedback-error{animation:pf-field-shake var(--pf-dur-feedback) var(--pf-ease-standard);background:#fff4f0fa!important;border-color:#d0644566!important}@media (width<=1100px){.pf-rpanel{width:288px}}@media (width<=920px){.pf-menu{padding:10px 12px}.pf-menu-meta{order:3;width:100%;margin-left:0}.pf-body{flex-direction:column}.pf-toolbar{border-right:none;border-bottom:1px solid var(--pf-line);flex-direction:row;justify-content:flex-start;width:100%;padding:10px 12px;overflow-x:auto}.pf-toolbar-sep{background:linear-gradient(180deg, transparent, var(--pf-line), transparent);width:1px;height:34px;margin:0 2px}.pf-color-wells{flex-direction:row;align-items:center;margin-top:0;margin-left:4px}.pf-color-well.secondary{margin-top:0;margin-left:-10px}.pf-swap-colors{margin-top:0;margin-left:8px}.pf-rpanel{border-left:none;border-top:1px solid var(--pf-line);width:100%;max-height:40vh}.pf-mobile-tabs{display:flex}.pf-viewport{min-height:360px}.pf-starter{align-items:flex-end;padding:18px}.pf-starter-card{border-radius:20px;width:100%;padding:18px}}@media (prefers-reduced-motion:reduce){.pf *,.pf :before,.pf :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=640px){.pf-menu{flex-wrap:nowrap;align-items:center;gap:8px}.pf-mobile-menu-btn{flex:none;display:inline-flex}.pf-menu-group,.pf-menu-r{width:auto}.pf-menu-group{flex-wrap:nowrap;flex:1;min-width:0}.pf-menu-group .pf-menu-brand,.pf-menu-group .pf-menu-sep,.pf-menu-group .pf-menu-dropdown,.pf-menu-group .pf-mobile-sheet-only{display:none}.pf-menu-r{flex:none}.pf-menu-r .pf-mbtn:not(:last-child),.pf-menu-r .pf-zoom,.pf-menu-meta{display:none}.pf-zoom{min-width:52px}.pf-layer-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-swatches{grid-template-columns:repeat(6,1fr)}.pf-mini-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-modal-backdrop{padding:12px}.pf-modal-actions{flex-direction:column-reverse}}.pf-color-picker-popover{z-index:10020;border:1px solid var(--pf-line);background:#fffffffa;border-radius:10px;padding:12px;position:fixed;overflow:auto;box-shadow:0 18px 54px #20181033}.pf-color-picker-tabs,.pf-color-picker-save{gap:8px;display:flex}.pf-color-picker-tabs{gap:6px;margin-bottom:10px}.pf-color-picker-body,.pf-color-picker-tab-body,.pf-color-picker-palettes,.pf-color-picker-palette,.pf-color-picker-field{display:grid}.pf-color-picker-body{gap:10px}.pf-color-picker-tab-body,.pf-color-picker-palettes{gap:8px}.pf-color-picker-palette,.pf-color-picker-field{gap:5px}.pf-color-picker-field{color:var(--pf-muted);font-size:11px}.pf-color-picker-sv{border:1px solid var(--pf-line);border-radius:8px;height:118px}.pf-color-picker-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}@media (prefers-reduced-motion:reduce){.pf *,.pf :before,.pf :after{transition:none!important;animation:none!important}}.pf{--pf-font:"Geist", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pf-font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--pf-bg:#0e0f11;--pf-bg-soft:#131518;--pf-bg-2:#16181b;--pf-bg-3:#1c1f23;--pf-panel:#17191d;--pf-panel-strong:#202329;--pf-panel-elevated:#23262c;--pf-panel-soft:#ffffff09;--pf-surface:#181b20;--pf-canvas-bg:#0b0c0e;--pf-line:#ffffff1a;--pf-line-strong:#ffffff2e;--pf-text:#f3f4f1;--pf-ink:#f3f4f1;--pf-muted:#a5acb5;--pf-muted-2:#6f7781;--pf-accent:#f5a623;--pf-accent-rgb:245, 166, 35;--pf-accent-strong:#ffd27a;--pf-accent-soft:#f5a62329;--pf-accent-fg:#1b1000;--pf-electric:#5cc8ff;--pf-teal:#2dd4bf;--pf-lime:#a3e635;--pf-danger:#ff6b6b;--pf-danger-soft:#ff6b6b24;--pf-success:#65d38a;--pf-shadow:0 20px 70px #00000061;--pf-shadow-soft:0 10px 34px #00000047;--pf-radius:8px;--pf-radius-sm:6px;--pf-p-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M7 4h13c4.8 0 8 3.1 8 7.8s-3.2 7.8-8 7.8h-6V28H7V4Zm7 6v3.8h5.2c1.3 0 2.2-.7 2.2-1.9S20.5 10 19.2 10H14Z'/%3E%3C/svg%3E");min-height:100vh;color:var(--pf-text);font-family:var(--pf-font);letter-spacing:0;background:radial-gradient(circle at 20% -10%,#f5a62314,#0000 34rem),linear-gradient(#101114 0%,#0d0e10 100%)}.pf.pf-dark{--pf-bg:#0e0f11;--pf-bg-soft:#131518;--pf-bg-2:#16181b;--pf-bg-3:#1c1f23;--pf-panel:#17191d;--pf-panel-strong:#202329;--pf-panel-elevated:#23262c;--pf-surface:#181b20;--pf-canvas-bg:#0b0c0e;--pf-text:#f3f4f1;--pf-ink:#f3f4f1;--pf-muted:#a5acb5;--pf-muted-2:#6f7781;--pf-line:#ffffff1a;--pf-line-strong:#ffffff2e}.pf button,.pf input,.pf select,.pf textarea{font-family:var(--pf-font)}.pf code,.pf kbd,.pf-zoom,.pf-toolbar-label,.pf-menu-chip,.pf-status,.pf-layer-tag,.pf-layer-type,.pf-section-head-meta{font-family:var(--pf-font-mono)}.pf-menu{border-bottom:1px solid var(--pf-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141619f5;gap:12px;min-height:48px;padding:0 12px;box-shadow:0 1px #ffffff09}.pf-menu-group,.pf-menu-r,.pf-menu-meta{gap:8px}.pf-menu-brand{min-width:max-content;color:var(--pf-text);letter-spacing:0;text-transform:none;align-items:center;gap:9px;font-size:14px;font-weight:700;display:inline-flex}.pf-brand-mark{background:linear-gradient(135deg, #ffd27af2, #f5a623e6), var(--pf-accent);border-radius:7px;width:24px;height:24px;position:relative;box-shadow:inset 0 0 0 1px #ffffff29,0 8px 22px #f5a62338}.pf-brand-mark:after{content:"";-webkit-mask:var(--pf-p-mask) center / contain no-repeat;mask:var(--pf-p-mask) center / contain no-repeat;-webkit-mask:var(--pf-p-mask) center / contain no-repeat;background:#17110a;position:absolute;inset:5px}.pf-brand-name{line-height:1}.pf-menu-sep{background:var(--pf-line);width:1px;height:22px}.pf-menu-trigger,.pf-mbtn,.pf-chip-btn,.pf-icon-btn,.pf-layer-abtn,.pf-mobile-menu-btn{border:1px solid var(--pf-line);border-radius:var(--pf-radius-sm);color:var(--pf-text);box-shadow:none;background:#ffffff09}.pf-menu-trigger{gap:5px;min-height:30px;padding:0 9px;font-size:12px;font-weight:600}.pf-mbtn{gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:650}.pf-menu-trigger:hover,.pf-menu-trigger.active,.pf-mbtn:hover,.pf-chip-btn:hover,.pf-icon-btn:hover,.pf-layer-abtn:hover,.pf-mobile-menu-btn:hover{border-color:rgba(var(--pf-accent-rgb), .42);background:rgba(var(--pf-accent-rgb), .11);color:#fff6df;transform:none}.pf-mbtn.primary,.pf-mbtn.active,.pf-chip-btn.primary,.pf-chip-btn.active,.pf-tab-btn.active{border-color:rgba(var(--pf-accent-rgb), .72);color:var(--pf-accent-fg);box-shadow:0 8px 24px rgba(var(--pf-accent-rgb), .24);background:linear-gradient(#ffc766,#f2a01d)}.pf-mbtn.dis,.pf-mbtn:disabled,.pf-chip-btn:disabled,.pf-layer-abtn:disabled,.pf-icon-btn:disabled{opacity:.42;color:var(--pf-muted-2);background:#ffffff06;border-color:#ffffff13}.pf-menu-popover,.pf-context-menu,.pf-color-picker-popover{border:1px solid var(--pf-line-strong);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);color:var(--pf-text);background:#1d2025fa}.pf-menu-item{border-radius:var(--pf-radius-sm);min-height:32px;color:var(--pf-text);font-size:12px}.pf-menu-item:hover{background:rgba(var(--pf-accent-rgb), .12);color:var(--pf-accent-strong)}.pf-menu-item.danger{color:#faa}.pf-menu-rule{border-top:1px solid var(--pf-line)}.pf-menu-chip,.pf-status-badge{border:1px solid var(--pf-line);color:var(--pf-muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff09;border-radius:999px;font-size:10px;font-weight:600}.pf-menu-chip.accent,.pf-status-accent{color:var(--pf-accent-strong)}.pf-menu-chip-button{cursor:pointer}.pf-zoom{min-width:50px;color:var(--pf-muted);text-align:center;font-size:11px}.pf-body{background:var(--pf-bg)}.pf-toolbar{border-right:1px solid var(--pf-line);background:#101114;gap:7px;width:48px;padding:8px 6px;box-shadow:1px 0 #ffffff06}.pf-toolbar-label{color:var(--pf-muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.pf-tbtn{border-radius:var(--pf-radius-sm);width:36px;height:36px;color:var(--pf-muted);box-shadow:none;background:0 0;border:1px solid #0000}.pf-tbtn:hover,.pf-tbtn.active{border-color:rgba(var(--pf-accent-rgb), .5);background:rgba(var(--pf-accent-rgb), .14);color:var(--pf-accent-strong);transform:none}.pf-toolbar-sep{background:var(--pf-line)}.pf-color-well{border-radius:var(--pf-radius-sm);border-color:var(--pf-line-strong);box-shadow:0 0 0 3px #00000029}.pf-viewport{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 50% 20%, #5cc8ff14, transparent 30rem), var(--pf-canvas-bg);background-size:24px 24px,24px 24px,auto,auto}.pf-viewport:before{background:0 0;border:1px solid #ffffff0e;border-radius:0}.pf-viewport.pf-viewport-drag-hover:before{border-color:rgba(var(--pf-accent-rgb), .8);background:rgba(var(--pf-accent-rgb), .08)}.pf-viewport canvas{box-shadow:0 18px 70px #0000006b,0 0 0 1px #ffffff14}.pf-rpanel{background:var(--pf-bg-2);border-left:1px solid var(--pf-line);width:280px;color:var(--pf-text)}.pf-panel-tabs{border-bottom:1px solid var(--pf-line);background:#111316;flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.pf-tab-btn{border:1px solid var(--pf-line);border-radius:var(--pf-radius-sm);min-width:0;min-height:30px;color:var(--pf-muted);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:10px;font-weight:650;display:inline-flex}.pf-tab-btn>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pf-tab-btn:hover{border-color:rgba(var(--pf-accent-rgb), .42);background:rgba(var(--pf-accent-rgb), .1);color:var(--pf-accent-strong)}.pf-tab-btn:focus-visible{outline:2px solid rgba(var(--pf-accent-rgb), .72);outline-offset:2px}.pf-tab-meta{min-width:16px;height:16px;color:var(--pf-muted);font-family:var(--pf-font-mono);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:8px;font-weight:700;display:inline-flex}.pf-tab-btn.active .pf-tab-meta{color:var(--pf-accent-fg);background:#0000002e}.pf-panel-page{flex:1;min-height:0;overflow-y:auto}.pf-history-stack{gap:8px;display:grid}.pf-compat-banner{border-bottom:1px solid var(--pf-line);background:rgba(var(--pf-accent-rgb), .08);grid-template-columns:auto minmax(0,1fr);gap:8px 10px;padding:10px 12px;display:grid}.pf-compat-banner.danger{background:var(--pf-danger-soft)}.pf-compat-icon{width:24px;height:24px;color:var(--pf-accent-strong);background:rgba(var(--pf-accent-rgb), .12);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.pf-compat-banner.danger .pf-compat-icon{color:#ffc2c2;background:#ff6b6b29}.pf-compat-copy{gap:3px;min-width:0;display:grid}.pf-compat-copy strong{color:var(--pf-text);font-size:12px}.pf-compat-copy span{color:var(--pf-muted);font-size:11px;line-height:1.4}.pf-compat-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.pf-section{border-bottom:1px solid var(--pf-line);background:0 0}.pf-section-head{background:#ffffff03;min-height:44px;padding:0 14px}.pf-section-title{color:var(--pf-text);font-size:12px;font-weight:700}.pf-section-toggle{color:var(--pf-muted)}.pf-section-head-meta{color:var(--pf-muted-2);font-size:10px}.pf-section-body{gap:10px;padding:10px 12px 14px}.pf-section-lead,.pf-help,.pf-muted,.pf-empty-state,.pf-empty-copy,.pf-layer-meta,.pf-next-copy{color:var(--pf-muted)}.pf-tool-summary,.pf-next-card,.pf-starter-card,.pf-history-entry,.pf-preset-card,.pf-export-preview,.pf-control-card{border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:none;background:#ffffff09}.pf-next-card{background:linear-gradient(#5cc8ff14,#ffffff08);border-color:#5cc8ff38}.pf-starter-card{border-color:rgba(var(--pf-accent-rgb), .25);color:var(--pf-text);box-shadow:var(--pf-shadow-soft);background:linear-gradient(#1d2025f5,#121418f5)}.pf-starter-kicker{color:var(--pf-accent-strong);font-family:var(--pf-font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.pf-starter-title{color:var(--pf-text);letter-spacing:0;font-size:20px;line-height:1.18}.pf-starter-copy,.pf-next-detail{color:var(--pf-muted);line-height:1.5}.pf-starter-actions .pf-next-card{text-align:left;background:#5cc8ff12;border-color:#5cc8ff38}.pf-starter-actions .pf-next-card:hover{border-color:rgba(var(--pf-accent-rgb), .55);background:rgba(var(--pf-accent-rgb), .11)}.pf-next-title{color:var(--pf-text);font-weight:700}.pf-row,.pf-field,.pf-control-row,.pf-layer-controls{gap:8px}.pf-input,.pf-select,.pf-textarea,.pf-slider,.pf-number-input,.pf-color-input,.pf-project-select,.pf-search-input{border:1px solid var(--pf-line);border-radius:var(--pf-radius-sm);color:var(--pf-text);box-shadow:none;background:#101215}.pf-input:focus,.pf-select:focus,.pf-textarea:focus,.pf-number-input:focus,.pf-color-input:focus,.pf-search-input:focus{border-color:rgba(var(--pf-accent-rgb), .66);box-shadow:0 0 0 3px rgba(var(--pf-accent-rgb), .14);outline:none}.pf-slider{accent-color:var(--pf-accent)}.pf-swatches button,.pf-swatch,.pf-palette-swatch{border-color:#fff3;border-radius:6px}.pf-layers-list{background:#111316;padding:10px}.pf-layer{border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:none;background:#ffffff09}.pf-layer-row{padding:0 12px 12px}.pf-layer-row .pf-inline-actions{flex-wrap:nowrap;display:grid}.pf-layer-row .pf-inline-actions:first-child{grid-template-columns:minmax(0,1fr) 86px}.pf-layer-row .pf-inline-actions+.pf-inline-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-layer-row .pf-inline-actions+.pf-inline-actions .pf-layer-abtn:last-child{grid-column:1/-1}.pf-layer-row .pf-inline-actions .pf-layer-abtn{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;padding-inline:6px;overflow:hidden}.pf-layer-row .pf-input{min-width:0}.pf-layer:hover{background:#ffffff0e;border-color:#ffffff2e;transform:none}.pf-layer.active{border-color:rgba(var(--pf-accent-rgb), .72);background:rgba(var(--pf-accent-rgb), .13);box-shadow:0 0 0 1px rgba(var(--pf-accent-rgb), .2) inset}.pf-layer.suggested{border-color:#2dd4bf8c}.pf-layer-icon{color:var(--pf-electric);background:#5cc8ff24;border-radius:6px}.pf-layer-type{color:var(--pf-teal)}.pf-layer-tag{color:var(--pf-accent-strong)}.pf-layer-vis,.pf-layer-lock{border-radius:var(--pf-radius-sm);color:var(--pf-muted);border:1px solid #0000}.pf-layer-vis:hover,.pf-layer-lock:hover{border-color:var(--pf-line);color:var(--pf-text);background:#ffffff0b}.pf-modal-backdrop,.pf-mobile-menu-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050608ad}.pf-modal,.pf-mobile-menu-sheet,.pf-export-modal,.pf-history-panel,.pf-command-panel{border:1px solid var(--pf-line-strong);box-shadow:var(--pf-shadow);color:var(--pf-text);background:#181b20fa;border-radius:10px}.pf-modal-head,.pf-mobile-menu-head{border-bottom:1px solid var(--pf-line)}.pf-status{border-top:1px solid var(--pf-line);min-height:28px;color:var(--pf-muted);background:#111316;padding:0 12px;font-size:11px}.pf-status-help{color:var(--pf-muted-2)}.pf-toast{border:1px solid var(--pf-line-strong);border-radius:var(--pf-radius);color:var(--pf-text);box-shadow:var(--pf-shadow-soft);background:#1c1f24f5}.pf-toast.success{border-color:#65d38a73}.pf-toast.error{border-color:#ff6b6b7a}.pf-empty-state{border-radius:var(--pf-radius);background:#ffffff06;border:1px dashed #ffffff29}@media (width<=1120px){.pf-menu-meta{display:none}.pf-rpanel{width:272px}}@media (width<=920px){.pf-menu{padding:0 10px}.pf-menu-group .pf-menu-brand,.pf-menu-group .pf-menu-sep,.pf-menu-dropdown,.pf-menu-group>.pf-mbtn{display:none}.pf-body{flex-direction:column}.pf-toolbar{border-right:0;border-bottom:1px solid var(--pf-line);flex-direction:row;width:auto;min-height:48px;padding:6px 8px;overflow-x:auto}.pf-rpanel{border-left:0;border-top:1px solid var(--pf-line);width:100%;max-height:42vh}.pf-status{display:none}}