.pf-shell{background:var(--pf-bg);min-height:100vh;color:var(--pf-ink)}.pf-shell-main{max-width:1280px;margin:0 auto;padding:1.25rem 1.5rem 3.5rem}.pf-shell-main.wide{max-width:1440px}.pf-shell-main.flush{max-width:none;padding:0}.pf-nav{z-index:40;height:var(--pf-nav-h);border-bottom:1px solid var(--pf-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 1.5rem;display:grid;position:sticky;top:0}.pf-nav-left{justify-self:start}.pf-nav-center{color:var(--pf-muted);align-items:center;gap:1.5rem;font-size:.95rem;font-weight:500;display:flex}.pf-nav-center a{color:var(--pf-muted);padding:.35rem 0;position:relative}.pf-nav-center a:hover{color:var(--pf-ink)}.pf-nav-center a.active{color:var(--pf-ink);font-weight:600}.pf-nav-center a.active:after{content:"";background:var(--pf-lime);border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0}.pf-nav-right{justify-self:end;align-items:center;gap:.65rem;display:flex}.pf-icon-btn{color:#4b5563;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:relative}.pf-icon-btn:hover:not(:disabled){background:var(--pf-bg);border-color:var(--pf-line);color:var(--pf-ink)}.pf-icon-btn:disabled{cursor:not-allowed;opacity:.55}.pf-icon-btn .dot{background:#ef4444;border:1.5px solid #fff;border-radius:999px;width:7px;height:7px;position:absolute;top:7px;right:7px}.pf-btn-icon{align-items:center;gap:.35rem;display:inline-flex}.pf-btn-text{color:var(--pf-muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .55rem;font-size:.88rem;font-weight:500;display:inline-flex}.pf-btn-text:hover:not(:disabled){color:var(--pf-ink);background:var(--pf-bg)}.pf-btn-text:disabled{opacity:.45;cursor:not-allowed}.pf-btn-outline{border:1px solid var(--pf-ink);color:var(--pf-ink);background:#fff}.pf-back{color:var(--pf-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-size:.9rem;font-weight:500;display:inline-flex}.pf-back:hover{color:var(--pf-ink)}.pf-page-head{margin-bottom:1.25rem}.pf-page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.pf-page-title{letter-spacing:-.02em;margin:.35rem 0 0;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:800;line-height:1.25}.pf-toolbar{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pf-side-actions{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.55rem;display:grid}.pf-avatar{border:1px solid var(--pf-line);width:34px;height:34px;color:var(--pf-ink);background:linear-gradient(135deg,#dfe7ee,#b8c4d0);border-radius:999px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.pf-btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.pf-btn:hover:not(:disabled){transform:translateY(-1px)}.pf-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.pf-btn-lime{background:var(--pf-lime);color:var(--pf-ink);border-color:var(--pf-lime)}.pf-btn-dark{background:var(--pf-ink);color:#fff}.pf-btn-ghost{border-color:var(--pf-line);color:var(--pf-ink);background:#fff}.pf-btn-sm{border-radius:8px;padding:.35rem .75rem;font-size:.85rem}.pf-btn-block{width:100%}.brand-mark{letter-spacing:.08em;color:var(--pf-ink);align-items:center;gap:.55rem;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.05rem;font-weight:700;display:inline-flex}.brand-logo{border-radius:7px;flex-shrink:0;width:28px;height:28px}.brand-word{letter-spacing:.12em}.pf-card{background:var(--pf-card);border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow)}.pf-section-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.1rem;display:flex}.pf-section-head h2{margin:0;font-size:1.45rem;font-weight:700}.pf-section-head p{color:var(--pf-muted);margin:.25rem 0 0;font-size:.92rem}.pf-link{color:var(--pf-muted);font-size:.9rem;font-weight:500}.pf-link:hover{color:var(--pf-ink)}.pf-pill-tabs{flex-wrap:wrap;gap:.45rem;display:flex}.pf-pill{border:1px solid var(--pf-line);color:var(--pf-ink);background:#fff;border-radius:999px;padding:.4rem .9rem;font-size:.88rem;font-weight:500}.pf-pill:hover{border-color:#11131840}.pf-pill.active{background:var(--pf-ink);border-color:var(--pf-ink);color:#fff}.pf-pill.lime.active{background:var(--pf-lime);border-color:var(--pf-lime);color:var(--pf-ink)}.pf-stepper{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pf-step{color:var(--pf-muted);align-items:center;gap:.45rem;font-size:.88rem;font-weight:500;display:inline-flex}.pf-step-dot{background:#fff;border:2px solid #d1d5db;border-radius:999px;place-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:grid}.pf-step.done{color:var(--pf-ink)}.pf-step.done .pf-step-dot{background:var(--pf-lime);border-color:var(--pf-lime);color:var(--pf-ink)}.pf-step.active{color:var(--pf-ink);font-weight:700}.pf-step.active .pf-step-dot{background:var(--pf-lime);border-color:var(--pf-lime)}.pf-step-line{background:#e5e7eb;width:28px;height:2px;margin:0 .15rem}.pf-step-line.done{background:var(--pf-lime)}.pf-coming{color:var(--pf-muted);background:var(--pf-bg);border:1px dashed var(--pf-line);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.75rem;display:inline-flex}.pf-muted{color:var(--pf-muted)}.pf-error{color:var(--crimson);font-size:.9rem}.pf-hint{background:var(--pf-lime-soft);border-radius:var(--pf-radius-sm);color:#3a4518;border:1px solid #b6ff0073;padding:.85rem 1rem;font-size:.9rem}.pf-home-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:2.5rem;padding:2.5rem 0 3rem;display:grid}.pf-home-hero h1{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(2rem,4vw,2.85rem);font-weight:800;line-height:1.2}.pf-home-hero .lede{color:var(--pf-muted);max-width:34rem;margin:0 0 1.5rem;font-size:1.05rem}.pf-home-steps{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.pf-home-step{border:1px solid var(--pf-line);background:#fff;border-radius:12px;padding:.85rem}.pf-home-step strong{margin-bottom:.25rem;font-size:.92rem;display:block}.pf-home-step span{color:var(--pf-muted);font-size:.8rem}.pf-hero-visual{position:relative}.pf-hero-player{border:1px solid var(--pf-line);aspect-ratio:16/10;background:#111;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #1113181f}.pf-hero-player img{object-fit:cover;width:100%;height:100%;display:block}.pf-hero-badge{color:#fff;background:#111318bf;border-radius:999px;padding:.3rem .65rem;font-size:.78rem;position:absolute;top:1rem;left:1rem}.pf-hero-float{border:1px solid var(--pf-line);width:200px;box-shadow:var(--pf-shadow);background:#fff;border-radius:14px;padding:.85rem 1rem;font-size:.85rem;position:absolute;bottom:1.25rem;right:-.5rem}.pf-hero-float li{align-items:center;gap:.4rem;margin:.35rem 0;list-style:none;display:flex}.pf-hero-float ul{margin:0;padding:0}.pf-check{color:#5a8f00;font-weight:700}.pf-template-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.pf-template-card{text-align:left;border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);background:#fff;padding:0;transition:transform .2s,border-color .2s;overflow:hidden}.pf-template-card:hover{border-color:#b6ff00a6;transform:translateY(-3px)}.pf-template-card.selected{border:2px solid var(--pf-lime);box-shadow:0 0 0 3px #b6ff0040}.pf-template-card img{aspect-ratio:16/9;object-fit:cover;background:#e5e7eb;width:100%;display:block}.pf-template-card .body{padding:.9rem 1rem 1.05rem}.pf-template-card h3{margin:0 0 .3rem;font-size:1.05rem}.pf-template-card p{color:var(--pf-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;display:-webkit-box;overflow:hidden}.pf-tags{flex-wrap:wrap;gap:.35rem;margin-top:.65rem;display:flex}.pf-tags span{color:var(--pf-muted);background:var(--pf-bg);border-radius:999px;padding:.12rem .45rem;font-size:.72rem}.pf-works-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pf-work-card{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.pf-work-card:hover .pf-work-thumb img{transform:scale(1.03)}.pf-work-card:hover .pf-work-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.pf-work-thumb{border-radius:12px;display:block;position:relative;overflow:hidden}.pf-work-card img{aspect-ratio:16/9;object-fit:cover;background:#ddd;border-radius:12px;width:100%;transition:transform .25s;display:block}.pf-work-play{width:44px;height:44px;color:var(--pf-ink);opacity:.88;background:#b6ff00eb;border-radius:999px;place-items:center;font-size:.85rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92);box-shadow:0 6px 18px #0003}.pf-work-card h3{margin:.55rem 0 .2rem;font-size:.95rem}.pf-cta-band{border-radius:var(--pf-radius);background:linear-gradient(90deg, var(--pf-lime-soft), #f7ffe8);border:1px solid #b6ff0059;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:1.75rem;display:flex}.pf-cta-band h2{margin:0 0 .25rem;font-size:1.35rem}.pf-cta-band p{color:var(--pf-muted);margin:0}.pf-create{min-height:calc(100vh - var(--pf-nav-h) - 5rem);grid-template-columns:300px 1fr 300px;gap:1rem;display:grid}.pf-create-col{border:1px solid var(--pf-line);border-radius:var(--pf-radius);background:#fff;min-height:420px;padding:1rem}.pf-create-col h3{margin:0 0 .85rem;font-size:1rem}.pf-search{gap:.4rem;margin-bottom:.75rem;display:flex}.pf-search input{border:1px solid var(--pf-line);background:var(--pf-bg);border-radius:10px;flex:1;padding:.55rem .75rem}.pf-tpl-list{flex-direction:column;gap:.65rem;max-height:62vh;display:flex;overflow:auto}.pf-tpl-mini{border:1px solid var(--pf-line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:88px 1fr;gap:.65rem;padding:.45rem;display:grid}.pf-tpl-mini.selected{border-color:var(--pf-lime);box-shadow:0 0 0 2px #b6ff0059}.pf-tpl-mini img{object-fit:cover;background:#eee;border-radius:8px;width:88px;height:56px}.pf-tpl-mini strong{margin-bottom:.15rem;font-size:.88rem;display:block}.pf-tpl-mini span{color:var(--pf-muted);font-size:.75rem}.pf-input-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.pf-field{margin-bottom:.85rem;display:block}.pf-field-label{color:var(--pf-muted);margin-bottom:.35rem;font-size:.85rem;display:block}.pf-field-input{border:1px solid var(--pf-line);width:100%;font:inherit;color:var(--pf-ink);background:#fff;border-radius:10px;padding:.6rem .8rem;transition:border-color .15s,box-shadow .15s;display:block}.pf-field-input:focus{border-color:color-mix(in srgb, var(--pf-lime) 70%, var(--pf-ink));box-shadow:0 0 0 3px color-mix(in srgb, var(--pf-lime) 35%, transparent);outline:none}.pf-textarea-wrap{position:relative}.pf-textarea-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.pf-textarea-wrap textarea{border:1px solid var(--pf-line);resize:vertical;width:100%;min-height:180px;font:inherit;background:#fff;border-radius:12px;padding:.9rem .9rem 1.6rem;line-height:1.55;transition:border-color .15s,box-shadow .15s}.pf-textarea-wrap textarea:focus{border-color:color-mix(in srgb, var(--pf-lime) 70%, var(--pf-ink));box-shadow:0 0 0 3px color-mix(in srgb, var(--pf-lime) 35%, transparent);outline:none}.pf-char-count{color:var(--pf-muted);font-size:.75rem;position:absolute;bottom:.65rem;right:.75rem}.pf-inspire{margin-top:1rem}.pf-inspire-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pf-chips{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.pf-chip{border:1px solid var(--pf-line);color:var(--pf-ink);background:#fff;border-radius:999px;padding:.38rem .85rem;font-size:.82rem;transition:border-color .15s,background .15s,transform .15s}.pf-chip:hover:not(:disabled){border-color:var(--pf-ink);background:color-mix(in srgb, var(--pf-lime) 28%, #fff);transform:translateY(-1px)}.pf-chip:disabled{cursor:not-allowed;opacity:.7}.pf-btn-lg{border-radius:12px;min-height:48px;padding:.85rem 1.15rem;font-size:.98rem}.pf-btn-ai{background:color-mix(in srgb, var(--pf-lime) 55%, #fff);border-color:color-mix(in srgb, var(--pf-lime) 80%, var(--pf-ink));color:var(--pf-ink)}.pf-btn-ai:hover:not(:disabled){background:var(--pf-lime);border-color:var(--pf-lime)}.pf-btn-lime:hover:not(:disabled){filter:brightness(.97);box-shadow:0 6px 16px #11131814}.pf-summary-row{border-bottom:1px solid var(--pf-line);justify-content:space-between;gap:.5rem;padding:.65rem 0;font-size:.88rem;display:flex}.pf-summary-row span:first-child{color:var(--pf-muted)}.pf-subhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.pf-subhead h1{margin:.35rem 0 0;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:800}.pf-style-layout{grid-template-columns:240px 1fr 300px;gap:1rem;display:grid}.pf-style-block{margin-bottom:1.35rem}.pf-style-block h3{justify-content:space-between;align-items:center;margin:0 0 .65rem;font-size:1rem;display:flex}.pf-style-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.pf-style-opt{border:1px solid var(--pf-line);text-align:left;background:#fff;border-radius:12px;padding:0;overflow:hidden}.pf-style-opt.selected{border-color:var(--pf-lime);box-shadow:0 0 0 2px #b6ff004d}.pf-style-opt img,.pf-style-opt .ph{aspect-ratio:16/10;object-fit:cover;background:#e8eaee;width:100%;display:block}.pf-style-opt .ph{color:var(--pf-muted);place-items:center;font-size:.8rem;display:grid}.pf-style-opt .cap{padding:.45rem .6rem;font-size:.82rem;font-weight:600}.pf-voice-row{gap:.55rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.pf-voice-card{border:1px solid var(--pf-line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:.2rem;min-width:132px;padding:.7rem .7rem .55rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.pf-voice-card:hover{border-color:#11131847;transform:translateY(-1px)}.pf-voice-card.selected{border-color:var(--pf-lime);background:#f7ffe8;box-shadow:0 0 0 2px #b6ff0047}.pf-voice-name{font-size:.88rem;line-height:1.3;display:block}.pf-voice-meta{color:var(--pf-muted);margin-bottom:.35rem;font-size:.75rem}.pf-voice-preview{justify-content:center;width:100%;margin-top:auto}.pf-bgm-card{opacity:.8;border:1px solid var(--pf-line);background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem;display:flex}.pf-bgm-wave{opacity:.55;background:repeating-linear-gradient(90deg,#d1d5db 0 2px,#0000 2px 6px);border-radius:4px;height:28px;margin-top:6px}.pf-style-block>h3{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pf-ratio-row{flex-wrap:wrap;gap:.5rem;display:flex}.pf-ratio{border:1px solid var(--pf-line);text-align:center;background:#fff;border-radius:10px;width:72px;padding:.55rem .35rem;font-size:.8rem;font-weight:600}.pf-ratio.selected{border-color:var(--pf-lime);background:#f7ffe8}.pf-ratio .box{border:2px solid #9ca3af;border-radius:3px;margin:0 auto .35rem}.pf-board{grid-template-columns:260px 1fr 260px;gap:1rem;display:grid}.pf-board-main{flex-direction:column;gap:1rem;display:flex}.pf-outline-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.pf-shot-card{border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);background:#fff;padding:1rem 1.1rem .85rem}.pf-shot-card-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.pf-shot-card-head h3{margin:0;font-size:1.05rem;font-weight:700}.pf-shot-table-wrap{margin:0 -.25rem;overflow-x:auto}.pf-shot-table{border-collapse:separate;border-spacing:0;width:100%;min-width:920px;font-size:.88rem}.pf-shot-table thead th{color:var(--pf-muted);text-align:left;border-bottom:1px solid var(--pf-line);white-space:nowrap;background:#fafbfc;padding:.55rem .65rem;font-size:.78rem;font-weight:600}.pf-shot-table tbody tr:nth-child(2n){background:#fafbfc}.pf-shot-table tbody tr:hover{background:#f4fbe0}.pf-shot-table td{border-bottom:1px solid var(--pf-line);text-align:left;vertical-align:top;padding:.85rem .65rem}.pf-shot-table td.col-no{font-variant-numeric:tabular-nums;width:52px;color:var(--pf-ink);font-family:Space Grotesk,sans-serif;font-weight:700}.pf-shot-table td.col-thumb{width:140px}.pf-shot-table td.col-dur,.pf-shot-table td.col-status{white-space:nowrap;width:88px}.pf-shot-table td.col-ops{white-space:nowrap;width:200px}.pf-shot-thumb-btn{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;display:block;overflow:hidden}.pf-shot-thumb-btn:hover{outline-offset:1px;outline:2px solid #b6ff00a6}.pf-shot-thumb{object-fit:cover;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:10px;width:128px;height:72px;display:block}.pf-shot-thumb.empty{color:#9ca3af;place-items:center;font-size:.72rem;display:grid}.pf-shot-narration .title{color:var(--pf-ink);margin-bottom:.25rem;font-size:.9rem;font-weight:700;display:block}.pf-shot-narration .line{-webkit-line-clamp:3;color:#4b5563;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pf-shot-desc{-webkit-line-clamp:3;color:#6b7280;-webkit-box-orient:vertical;max-width:280px;font-size:.84rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pf-shot-status{color:#3d6500;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;display:inline-flex}.pf-shot-status.warn{color:#8a5a12}.pf-shot-status.bad{color:#a1261a}.pf-shot-status .mark{background:var(--pf-lime);width:16px;height:16px;color:var(--pf-ink);border-radius:999px;flex-shrink:0;place-items:center;font-size:.65rem;font-weight:800;display:inline-grid}.pf-shot-ops{align-items:center;gap:.15rem;display:inline-flex;position:relative}.pf-shot-ops .op{color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.25rem .4rem;font-size:.82rem;font-weight:500}.pf-shot-ops .op:hover:not(:disabled){color:var(--pf-ink);background:#b6ff0040}.pf-shot-ops .op:disabled{opacity:.4;cursor:not-allowed}.pf-shot-ops .more{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:8px;width:28px;height:28px;font-size:1.1rem;line-height:1}.pf-shot-ops .more:hover{background:var(--pf-bg);color:var(--pf-ink)}.pf-shot-menu{z-index:8;border:1px solid var(--pf-line);min-width:128px;box-shadow:var(--pf-shadow);background:#fff;border-radius:10px;padding:.3rem;position:absolute;top:100%;right:0}.pf-shot-menu button{text-align:left;width:100%;color:var(--pf-ink);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.45rem .65rem;font-size:.84rem;display:block}.pf-shot-menu button:hover:not(:disabled){background:#f4fbe0}.pf-shot-menu button:disabled{opacity:.45;cursor:not-allowed}.pf-shot-footer{border-top:1px solid var(--pf-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;padding-top:.75rem;display:flex}.pf-progress-list{margin:0;padding:0;list-style:none}.pf-progress-list li{border-bottom:1px solid var(--pf-line);justify-content:space-between;gap:.5rem;padding:.45rem 0;font-size:.88rem;display:flex}.pf-meta-list{margin:0;padding:0;font-size:.85rem;list-style:none}.pf-meta-list li{border-bottom:1px solid var(--pf-line);justify-content:space-between;gap:.5rem;padding:.4rem 0;display:flex}.pf-meta-list span:first-child{color:var(--pf-muted)}.pf-editor{min-height:calc(100vh - var(--pf-nav-h));border-top:1px solid var(--pf-line);grid-template-columns:240px 1fr 300px;gap:0;display:grid}.pf-editor>*{border-right:1px solid var(--pf-line);background:#fff;padding:1rem}.pf-editor>:last-child{border-right:0}.pf-editor-preview{aspect-ratio:16/9;color:#fff;background:#111;border-radius:12px;width:100%;max-width:100%;max-height:min(52vh,480px);margin:0 auto;position:relative;overflow:hidden}.pf-editor-preview.portrait{aspect-ratio:9/16;max-width:min(100%,300px);max-height:min(64vh,560px)}.pf-editor-preview img,.pf-editor-preview video{object-fit:contain;object-position:center;background:#111;width:100%;max-width:100%;height:100%;max-height:100%;position:absolute;inset:0}.pf-editor-preview .empty{color:#ffffffa6;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.pf-scene-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:56px 1fr;gap:.5rem;width:100%;margin-bottom:.4rem;padding:.45rem;display:grid}.pf-scene-item.active{border-color:var(--pf-lime);background:#f7ffe8}.pf-scene-item img,.pf-scene-item .ph{object-fit:cover;background:#eee;border-radius:6px;width:56px;height:36px}.pf-panel-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;display:flex}.pf-panel-tabs button{background:var(--pf-bg);color:var(--pf-muted);border:0;border-radius:8px;padding:.4rem .7rem;font-size:.85rem}.pf-panel-tabs button.active{background:var(--pf-lime);color:var(--pf-ink);font-weight:700}.pf-history-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem;display:flex}.pf-history-head h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800}.pf-history-head p{color:var(--pf-muted);margin:.35rem 0 0;font-size:.95rem}.pf-history-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.35rem;display:grid}.pf-history-main{min-width:0}.pf-stats{grid-template-columns:repeat(4,1fr);gap:.85rem;margin:1.25rem 0 1.5rem;display:grid}.pf-stat{border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);background:#fff;padding:1.05rem 1.1rem}.pf-stat-top{align-items:center;gap:.5rem;display:flex}.pf-stat-icon{background:var(--pf-lime-soft);color:#3d6500;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.pf-stat .label{color:var(--pf-muted);font-size:.85rem;font-weight:500}.pf-stat .value{margin:.45rem 0 .15rem;font-family:Space Grotesk,sans-serif;font-size:1.85rem;font-weight:800;line-height:1}.pf-stat .trend{color:#5a8f00;font-size:.78rem;font-weight:500}.pf-history-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:.75rem;display:flex}.pf-history-filter-right{align-items:center;gap:.5rem;display:flex}.pf-type-select{border:1px solid var(--pf-line);color:var(--pf-muted);background:#fff;border-radius:10px;padding:.5rem .75rem;font-size:.85rem}.pf-search-field{border:1px solid var(--pf-line);min-width:220px;color:var(--pf-muted);background:#f8f9fa;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .75rem;display:inline-flex}.pf-search-field input{width:100%;color:var(--pf-ink);background:0 0;border:0;outline:none;font-size:.88rem}.pf-history-batch{color:var(--pf-muted);align-items:center;gap:.55rem;margin-bottom:.85rem;font-size:.82rem;display:flex}.pf-history-empty{text-align:center;color:var(--pf-muted);border:1px dashed var(--pf-line);border-radius:var(--pf-radius);background:#fff;padding:3rem 1rem}.pf-project-list{border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);background:#fff;overflow:hidden}.pf-project-card{border-bottom:1px solid var(--pf-line);grid-template-columns:40px 168px minmax(0,1fr) 64px auto;align-items:center;gap:.9rem;padding:1rem 1.1rem;display:grid}.pf-project-card:last-child{border-bottom:0}.pf-project-card:hover{background:#fafbfc}.pf-project-check{place-items:center;display:grid}.pf-project-check input{accent-color:#2a6f7a;width:1rem;height:1rem}.pf-project-thumb{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.pf-project-thumb img,.pf-project-thumb .ph{object-fit:cover;background:#e5e7eb;border-radius:12px;width:168px;height:94px;display:block}.pf-project-thumb .ph{color:var(--pf-muted);place-items:center;font-size:.78rem;display:grid}.pf-thumb-progress{color:#fff;background:#111318b8;border-radius:999px;padding:.15rem .4rem;font-size:.7rem;position:absolute;bottom:.4rem;right:.4rem}.pf-project-info h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:700;line-height:1.3}.pf-project-meta{flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.8rem;display:flex}.pf-project-err{margin:.4rem 0 0;font-size:.8rem}.pf-inline-meter{background:#e8eef8;border-radius:999px;max-width:220px;height:6px;margin-top:.55rem;overflow:hidden}.pf-inline-meter>i{background:#4f7cff;height:100%;display:block}.pf-project-ratio{color:var(--pf-muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.88rem;font-weight:600}.pf-project-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.15rem;display:flex}.pf-icon-btn.danger{color:#9ca3af}.pf-icon-btn.danger:hover:not(:disabled){color:#a1261a;background:#ffe8e5;border-color:#0000}.pf-badge{background:var(--pf-bg);color:var(--pf-muted);border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.pf-badge.ok{color:#3d6500;background:#eaffc4}.pf-badge.run{color:#2547a8;background:#e8f0ff}.pf-badge.bad{color:#a1261a;background:#ffe8e5}.pf-badge.draft{color:#6b7280;background:#f3f4f6}.pf-pagination{justify-content:center;align-items:center;gap:.35rem;margin-top:1.25rem;display:flex}.pf-page-btn{border:1px solid var(--pf-line);min-width:34px;height:34px;color:var(--pf-ink);background:#fff;border-radius:8px;font-size:.88rem;font-weight:600}.pf-page-btn:hover:not(:disabled){border-color:#b6ff00b3}.pf-page-btn.active{background:var(--pf-lime);border-color:var(--pf-lime)}.pf-page-btn:disabled{opacity:.4;cursor:not-allowed}.pf-page-ellipsis{color:var(--pf-muted);padding:0 .2rem}.pf-history-side{top:calc(var(--pf-nav-h) + 1rem);position:sticky}.pf-side-box{border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);background:#fff;margin-bottom:.85rem;padding:1.1rem}.pf-side-box h3{margin:0 0 .35rem;font-size:1rem;font-weight:700}.pf-side-desc{color:var(--pf-muted);margin:0 0 .85rem;font-size:.82rem;line-height:1.45}.pf-quick-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.pf-quick-tile{border:1px solid var(--pf-line);color:var(--pf-muted);background:#f8f9fa;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .35rem;font-size:.72rem;font-weight:500;display:flex}.pf-quick-tile:disabled{cursor:not-allowed;opacity:.75}.pf-platform-list{margin:0;padding:0;list-style:none}.pf-platform-list li{border-bottom:1px solid var(--pf-line);grid-template-columns:32px 1fr auto;align-items:center;gap:.55rem;padding:.5rem 0;display:grid}.pf-platform-list li:last-child{border-bottom:0}.pf-platform-mark{background:var(--pf-lime-soft);color:#3d6500;border-radius:9px;place-items:center;width:32px;height:32px;font-size:.72rem;font-weight:800;display:grid}.pf-platform-name{font-size:.88rem;font-weight:500}.pf-side-foot{align-items:center;gap:.35rem;margin-top:.65rem;font-size:.82rem;display:inline-flex}.pf-usage-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.85rem;display:flex}.pf-meter{background:#eceff3;border-radius:999px;height:8px;margin:.25rem 0 .85rem;overflow:hidden}.pf-meter>i{background:var(--pf-lime);height:100%;display:block}.pf-pricing{text-align:center;max-width:720px;margin:3rem auto}.pf-pricing .pf-card{margin-top:1.5rem;padding:2rem}.modal-backdrop{z-index:50;background:#11131873;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border-radius:var(--pf-radius);border:1px solid var(--pf-line);background:#fff;flex-direction:column;gap:.75rem;width:min(560px,100%);padding:1.25rem;display:flex}.modal label{color:var(--pf-muted);flex-direction:column;gap:.3rem;font-size:.88rem;display:flex}.modal input,.modal textarea{border:1px solid var(--pf-line);border-radius:8px;padding:.55rem .7rem}.preview-modal{width:min(960px,96vw);max-height:96vh;overflow:hidden}.preview-media{object-fit:contain;background:#111;border-radius:8px;width:100%;height:min(72vh,720px)}.stack{flex-direction:column;gap:.75rem;display:flex}.stack label{color:var(--pf-muted);flex-direction:column;gap:.3rem;font-size:.88rem;display:flex}.stack input,.stack textarea,.stack select{border:1px solid var(--pf-line);color:var(--pf-ink);background:#fff;border-radius:8px;padding:.55rem .7rem}@media (width<=1100px){.pf-home-hero,.pf-create,.pf-style-layout,.pf-board,.pf-editor,.pf-history-layout{grid-template-columns:1fr}.pf-history-side{position:static}.pf-template-grid,.pf-works-grid,.pf-stats,.pf-home-steps,.pf-outline-grid,.pf-style-grid{grid-template-columns:1fr 1fr}.pf-nav{grid-template-columns:auto 1fr}.pf-nav-center{display:none}}@media (width<=700px){.pf-template-grid,.pf-works-grid,.pf-stats,.pf-home-steps,.pf-style-grid{grid-template-columns:1fr}.pf-project-card{grid-template-columns:28px 1fr}.pf-project-thumb,.pf-project-thumb img,.pf-project-thumb .ph{aspect-ratio:16/9;grid-column:1/-1;width:100%;height:auto}.pf-project-ratio,.pf-project-actions{grid-column:1/-1;justify-content:flex-start}}.auth-shell{background:var(--pf-bg);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-panel{background:#fff;flex-direction:column;justify-content:center;gap:.75rem;padding:3rem 2.5rem;display:flex}.auth-panel h1{letter-spacing:.04em;margin:.5rem 0 0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:2rem}.auth-visual{background:#111318;position:relative;overflow:hidden}.ink-wash{background:radial-gradient(circle at 30% 40%,#b6ff0059,#0000 42%),radial-gradient(circle at 72% 58%,#2a6f7a59,#0000 38%),repeating-linear-gradient(-12deg,#0000,#0000 18px,#e8eef20a 18px 19px);animation:14s ease-in-out infinite alternate drift;position:absolute;inset:-20%}@keyframes drift{0%{transform:translate(-2%,-1%)scale(1.02)}to{transform:translate(2%,2%)scale(1.08)}}.lede{max-width:36rem;color:var(--pf-muted);margin:0 0 1rem;font-size:1.05rem}.btn{border:1px solid var(--pf-ink);color:var(--pf-ink);background:0 0;border-radius:10px;padding:.7rem 1.2rem;font-weight:600}.btn.primary{background:var(--pf-lime);border-color:var(--pf-lime);color:var(--pf-ink)}.linkish{color:var(--pf-muted);text-align:left;background:0 0;border:0;padding:0}.error{color:var(--crimson)}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:160px}}@media (prefers-reduced-motion:reduce){.ink-wash{animation:none!important}}:root{--pf-lime:#b6ff00;--pf-lime-soft:#eefcc8;--pf-ink:#111318;--pf-muted:#6b7280;--pf-bg:#f7f8fa;--pf-card:#fff;--pf-line:#1113181a;--pf-radius:14px;--pf-radius-sm:10px;--pf-shadow:0 8px 28px #1113180f;--pf-nav-h:64px;--ink:var(--pf-ink);--paper:var(--pf-bg);--paper-deep:#e8eaee;--accent:var(--pf-lime);--teal:#2a6f7a;--crimson:#c43c2e;--moss:#2a6f7a;--muted:var(--pf-muted);--line:var(--pf-line);--shadow:var(--pf-shadow);--hero-ink:#e8eef2;color:var(--pf-ink);background:var(--pf-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,PingFang SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--pf-bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}