.pl-root{background:var(--bg);height:100vh;color:var(--ink);box-sizing:border-box;flex-direction:column;padding-top:76px;display:flex;position:relative;overflow:hidden}@media (max-width:900px){.pl-root{height:auto;min-height:100dvh;padding-top:80px;overflow-y:auto}}.pl-split{flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}@media (max-width:900px){.pl-split{flex-direction:column;height:auto;overflow:visible}}.pl-sidebar{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;flex-shrink:0;width:390px;min-width:330px;max-width:440px;height:100%;display:flex;position:relative;overflow:hidden}@media (min-width:1600px){.pl-sidebar{width:430px}}@media (max-width:900px){.pl-sidebar{border-right:0;width:100%;max-width:none;height:auto;overflow:visible}}.pl-sidebar-header{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;padding:16px 18px 10px}.pl-header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pl-brand-title{letter-spacing:-.025em;color:var(--ink);align-items:center;gap:10px;font-size:1.125rem;font-weight:700;display:flex}.pl-brand-icon{width:28px;height:28px;color:var(--teal-ink);background:#f0faf8;border:1px solid #c2ece2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pl-header-controls{align-items:center;gap:8px;display:flex}.pl-count-badge{color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:600}.pl-layout-toggle-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;transition:all .14s;display:inline-flex}.pl-layout-toggle-btn:hover{background:var(--soft);color:var(--ink);border-color:var(--line)}.pl-search-wrap{align-items:center;width:100%;display:flex;position:relative}.pl-search-icon{pointer-events:none;color:var(--muted);position:absolute;left:12px}.pl-search-input{background:var(--soft);width:100%;height:40px;color:var(--ink);border:1px solid #0000;border-radius:11px;padding:0 34px 0 36px;font-family:inherit;font-size:.8125rem;transition:all .14s}.pl-search-input:focus{border-color:var(--teal);background:#fff;outline:none;box-shadow:0 0 0 3px #17bfa31f}.pl-search-clear{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;transition:all .12s;display:flex;position:absolute;right:9px}.pl-search-clear:hover{color:var(--ink);background:var(--line)}.pl-categories{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:3px;margin-bottom:-1px;padding-top:10px;display:flex;overflow-x:auto}.pl-categories::-webkit-scrollbar{display:none}.pl-cat-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;padding:7px 10px;font-size:.8125rem;font-weight:500;transition:all .14s;display:inline-flex}.pl-cat-btn:hover{color:var(--ink)}.pl-cat-btn[data-active=true]{color:var(--brand);border-bottom-color:var(--teal);font-weight:700}.pl-tags-bar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;display:flex;overflow:hidden}.pl-tags-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow-x:auto}.pl-tags-scroll::-webkit-scrollbar{display:none}.pl-tag-chip{background:var(--soft);height:27px;color:var(--muted);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:3px;padding:0 10px;font-size:.6875rem;font-weight:500;transition:all .12s;display:inline-flex}.pl-tag-chip:hover{color:var(--ink);background:#ebf0f5;border-color:#cbd5e1}.pl-tag-chip[data-active=true]{color:var(--teal-ink);background:#e6fbf7;border-color:#9fead7;font-weight:700}.pl-more-tags-btn{height:27px;color:var(--muted);background:var(--soft);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:0 8px;font-size:.6875rem;font-weight:600;transition:all .12s}.pl-more-tags-btn:hover{color:var(--ink);background:#ebf0f5}.pl-tag-clear-btn{height:27px;color:var(--alarm);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 7px;font-size:.6875rem;font-weight:600}.pl-list-container{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;padding:8px 10px;overflow:hidden auto}.pl-list-container::-webkit-scrollbar{width:5px}.pl-list-container::-webkit-scrollbar-thumb{background:#d4dbe2;border-radius:4px}.pl-card-compact{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;width:100%;margin-bottom:3px;padding:9px 11px;transition:all .13s;display:flex;position:relative}.pl-card-compact:hover{background:var(--soft);border-color:var(--line)}.pl-card-compact[data-selected=true]{background:#f0faf8;border-color:#bfece1;box-shadow:0 2px 8px #17bfa314}.pl-card-compact[data-selected=true]:before{content:"";background:var(--teal);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:0}.pl-card-compact .pl-thumb{background:#0f1722;border:1px solid #0000000f;border-radius:8px;flex-shrink:0;width:82px;height:56px;position:relative;overflow:hidden}.pl-thumb img,.pl-thumb video{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.pl-card-compact:hover .pl-thumb img,.pl-card-compact:hover .pl-thumb video{transform:scale(1.05)}.pl-thumb-badge{letter-spacing:.05em;color:#5eead4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2;text-transform:uppercase;background:#000000c7;border-radius:4px;padding:1px 5px;font-size:.5625rem;font-weight:800;position:absolute;bottom:4px;right:4px}.pl-card-compact .pl-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pl-card-title{color:var(--ink);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pl-card-meta{color:var(--muted);align-items:center;gap:8px;margin-top:2px;font-size:.6875rem;display:flex}.pl-card-tag{background:var(--soft);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:.625rem;font-weight:500;display:inline-block}.pl-card-visual{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:9px;width:100%;margin-bottom:8px;padding:10px;transition:all .14s;display:flex;position:relative}.pl-card-visual:hover{background:var(--soft);border-color:var(--line)}.pl-card-visual[data-selected=true]{background:#f0faf8;border-color:#bfece1;box-shadow:0 3px 12px #17bfa31a}.pl-card-visual .pl-thumb{aspect-ratio:16/9;background:#0f1722;border-radius:10px;width:100%;position:relative;overflow:hidden}.pl-card-visual:hover .pl-thumb img,.pl-card-visual:hover .pl-thumb video{transform:scale(1.03)}.pl-main{background:#f8fafc;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}@media (max-width:900px){.pl-main{display:none}}.pl-topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 22px;display:flex}.pl-topbar-left{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pl-topbar-title-row{align-items:center;gap:10px;min-width:0;display:flex}.pl-topbar-title{letter-spacing:-.025em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.0625rem;font-weight:700;overflow:hidden}.pl-topbar-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:700px;font-size:.75rem;line-height:1.35;overflow:hidden}.pl-topbar-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:.6875rem;display:flex}.pl-meta-item{align-items:center;gap:3px;display:inline-flex}.pl-topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pl-split-btn{align-items:stretch;display:inline-flex;position:relative}.pl-copy-main-btn{background:var(--brand);color:#fff;border:1px solid var(--brand);cursor:pointer;white-space:nowrap;border-radius:9px 0 0 9px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:.8125rem;font-weight:600;transition:all .13s;display:inline-flex}.pl-copy-main-btn:hover{background:#18374d}.pl-copy-arrow-btn{background:var(--brand);color:#fff;border:1px solid var(--brand);cursor:pointer;border-left:1px solid #fff3;border-radius:0 9px 9px 0;justify-content:center;align-items:center;width:28px;height:36px;transition:background .13s;display:inline-flex}.pl-copy-arrow-btn:hover{background:#18374d}.pl-ghost-action-btn{height:36px;color:var(--ink);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .13s;display:inline-flex}.pl-ghost-action-btn:hover{background:var(--soft);border-color:#cbd5e1}.pl-ghost-action-btn[data-active=true]{color:var(--teal-ink);background:#e6fbf7;border-color:#9fead7}.pl-canvas-area{background:#090e17;flex:1;justify-content:center;align-items:center;min-height:0;padding:32px;display:flex;position:relative;overflow:hidden}.pl-canvas-grid-bg{pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px),radial-gradient(#ffffff08 1px,#0000 1px);background-size:20px 20px,100px 100px;position:absolute;inset:0}.pl-canvas-toolbar{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:20px}.pl-pill-group{-webkit-backdrop-filter:blur(14px);background:#121b28e0;border:1px solid #ffffff24;border-radius:11px;align-items:center;gap:2px;padding:2px;display:inline-flex;box-shadow:0 4px 20px #0006}.pl-pill-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.6875rem;font-weight:500;transition:all .12s;display:inline-flex}.pl-pill-btn:hover{color:#fff;background:#ffffff1a}.pl-pill-btn[data-active=true]{color:#0b1420;background:#fff;font-weight:700;box-shadow:0 2px 8px #0000004d}.pl-frame-wrapper{flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.23,1,.32,1);display:flex}.pl-mockup-desktop{background:#141c28;border:1px solid #ffffff24;border-radius:13px;flex-direction:column;width:1200px;height:750px;display:flex;overflow:hidden;box-shadow:0 30px 80px -20px #000000d9,0 0 0 1px #ffffff14}.pl-desktop-titlebar{background:#1a2433;border-bottom:1px solid #ffffff17;flex-shrink:0;align-items:center;gap:14px;height:38px;padding:0 14px;display:flex}.pl-window-dots{align-items:center;gap:6px;display:flex}.pl-dot{border-radius:50%;width:10px;height:10px}.pl-dot-red{background:#ff5f56}.pl-dot-amber{background:#ffbd2e}.pl-dot-green{background:#27c93f}.pl-desktop-urlbar{color:#ffffffb3;background:#00000052;border:1px solid #ffffff0f;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;max-width:420px;height:23px;margin:0 auto;padding:0 10px;font-family:monospace;font-size:.6875rem;display:flex}.pl-mockup-tablet{background:#141c28;border:12px solid #1c2636;border-radius:36px;flex-direction:column;width:768px;height:960px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000d9}.pl-tablet-camera{z-index:20;background:#090e17;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.pl-mockup-mobile{background:#141c28;border:10px solid #1c2636;border-radius:46px;flex-direction:column;width:375px;height:780px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000e6}.pl-mobile-notch{z-index:20;background:#000;border-radius:10px;width:86px;height:18px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.pl-frame-body{background:#000;flex:1;width:100%;height:100%;position:relative;overflow:hidden}.pl-preview-iframe{border:0;width:100%;height:100%;display:block}.pl-preview-media{object-fit:cover;width:100%;height:100%;display:block}.pl-loading-overlay{color:#fff;z-index:5;background:#090e17eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.8125rem;display:flex;position:absolute;inset:0}.pl-spinner{border:2px solid #ffffff26;border-top-color:var(--teal);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite pl-spin}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-inspector-drawer{border-top:1px solid var(--line);z-index:25;background:#fff;flex-direction:column;flex-shrink:0;height:330px;max-height:45vh;animation:.18s cubic-bezier(.23,1,.32,1) pl-slide-up;display:flex;position:relative;box-shadow:0 -6px 24px #0000000f}@keyframes pl-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pl-inspector-tabs{border-bottom:1px solid var(--line);background:var(--soft);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 18px;display:flex}.pl-tab-buttons{gap:4px;height:100%;display:flex}.pl-tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;height:100%;padding:0 13px;font-size:.75rem;font-weight:500;transition:all .13s;display:inline-flex}.pl-tab-btn:hover{color:var(--ink)}.pl-tab-btn[data-active=true]{color:var(--brand);border-bottom-color:var(--teal);background:#fff;font-weight:700}.pl-inspector-content{scrollbar-width:thin;flex:1;min-height:0;padding:16px 22px;overflow-y:auto}.pl-colors-grid{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.pl-color-chip{background:var(--soft);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:4px 8px 4px 5px;font-family:monospace;font-size:.6875rem;transition:all .12s;display:inline-flex}.pl-color-chip:hover{border-color:var(--teal);transform:translateY(-1px)}.pl-color-preview{border:1px solid #00000026;border-radius:4px;width:17px;height:17px}.pl-components-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin-top:8px;display:grid}.pl-comp-card{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:12px}.pl-comp-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.pl-comp-name{color:var(--ink);font-size:.75rem;font-weight:700}.pl-comp-desc{color:var(--muted);margin-bottom:6px;font-size:.6875rem;line-height:1.4}.pl-dropdown{border:1px solid var(--line);z-index:50;background:#fff;border-radius:12px;min-width:240px;margin-top:6px;padding:6px;animation:.14s ease-out pl-fade-in;position:absolute;top:100%;right:0;box-shadow:0 14px 36px #0b14202e}.pl-dropdown-item{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:inherit;font-size:.75rem;transition:background .12s;display:flex}.pl-dropdown-item:hover{background:var(--soft)}.pl-dropdown-item-info{align-items:center;gap:8px;display:flex}.pl-dropdown-shortcut{color:var(--muted);font-size:.625rem}.pl-toast{background:var(--brand);color:#fff;z-index:9999;border-radius:12px;align-items:center;gap:9px;padding:10px 18px;font-size:.8125rem;font-weight:600;animation:.2s cubic-bezier(.23,1,.32,1) pl-fade-in;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 14px 36px #00000052}@keyframes pl-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pl-mobile-modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:999;background:#0b1420a6;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.pl-mobile-modal-sheet{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;height:92vh;animation:.22s cubic-bezier(.23,1,.32,1) pl-slide-up;display:flex;overflow:hidden;box-shadow:0 -12px 48px #00000059}.pl-mobile-sheet-header{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pl-mobile-sheet-body{flex-direction:column;flex:1;gap:16px;padding:18px;display:flex;overflow-y:auto}