/* Picvento 2.0 — tool-first visual design */
:root{--pv-ink:#202334;--pv-muted:#697286;--pv-blue:#5068eb;--pv-line:#e8e9ef;--pv-bg:#f6f7fa;--pv-max:1290px}
body{background:#fff}
.pv-app{color:#23283a;font-size:14px}
.pv-app :where(a,button,input):focus-visible{outline:3px solid #4567df;outline-offset:3px}
.pv-shell{width:min(calc(100% - 56px),1290px)}
.pv-header-v2{position:relative;background:#fff;border-bottom:1px solid #e9e9ee;z-index:110;box-shadow:0 1px 6px #16224a05}
.pv-header-v2 .pv-header-inner{height:72px}
.pv-header-v2 .pv-logo{gap:8px}
.pv-header-v2 .pv-mark svg{width:36px;height:36px}
.pv-header-v2 .pv-wordmark{font-size:26px;color:#25283a}
.pv-header-v2 .pv-desktop-nav{margin-left:5px;margin-right:auto;gap:0;font-size:13px;font-weight:750;height:100%}
.pv-header-v2 .pv-desktop-nav>a,.pv-header-v2 .pv-nav-trigger{height:100%;padding:0 19px;display:flex;align-items:center;color:#454b5c!important;white-space:nowrap;transition:background .15s}
.pv-header-v2 .pv-desktop-nav>a:hover,.pv-header-v2 .pv-nav-trigger:hover{background:#f6f7fc;color:#435be0!important}
.pv-header-v2 .pv-header-actions{margin-left:auto;display:flex;align-items:center}
.pv-header-v2 .pv-header-cta{border:1px solid #d4d9ed;background:#fff;color:#4b5fce!important;border-radius:8px;font-weight:800;font-size:12px;padding:11px 14px;box-shadow:none}
.pv-header-v2 .pv-header-cta:hover{border-color:#5369e8;color:#fff!important;background:#5369e8;transform:none}
.pv-header-v2 .pv-mega{border:1px solid #e6e9f1;box-shadow:0 17px 40px #1d2f6833;border-radius:0 0 12px 12px}
.pv-header-v2 .pv-mega-grid{grid-template-columns:repeat(3,1fr)}
.pv-header-v2 .pv-mobile-nav .pv-shell{padding:10px 0 19px}
.pv-header-v2 .pv-mobile-nav a,.pv-header-v2 .pv-mobile-nav summary{border-bottom:1px solid #eff0f4;padding:12px 3px;font-size:13px}
.pv-header-v2 .pv-mobile-nav details[open] .pv-mobile-cats{background:#fafbfe}
.pv-app h1,.pv-app h2,.pv-app h3{letter-spacing:-.035em}
.pv-tools-stage{background:#f5f6f9;padding:0 0 62px}
.pv-tools-intro{text-align:center;padding:53px 0 29px;max-width:850px;margin:0 auto}
.pv-stage-label{color:#5364d1;font-size:10px;letter-spacing:.105em;display:inline-flex;gap:8px;align-items:center;font-weight:900;margin-bottom:17px}
.pv-stage-label>span{height:7px;width:7px;background:#6778ea;border-radius:50%;box-shadow:0 0 0 4px #e4e8ff}
.pv-tools-intro h1{font-size:clamp(2.1rem,3.55vw,3.05rem);line-height:1.18;font-weight:800;letter-spacing:-.047em;max-width:850px;margin:0 auto;color:#252839}
.pv-tools-intro h1 span{color:#5266e7}
.pv-tools-intro>p{font-size:14px;color:#646c7e;max-width:650px;margin:16px auto 0!important;line-height:1.76}
.pv-search-row{height:54px;max-width:590px;display:flex;align-items:center;gap:12px;margin:26px auto 0;padding:6px 11px 6px 19px;background:#fff;border:1px solid #dce0e9;border-radius:9px;box-shadow:0 5px 17px #23345d0a;text-align:left}
.pv-search-row>svg{color:#81899d}
.pv-search-row input{flex:1;min-width:0;box-shadow:none!important;border:none!important;background:none!important;outline:none!important;padding:11px 0!important;color:#25283a!important;font-size:13px}
.pv-search-row input::placeholder{color:#9a9eae;opacity:1}
.pv-search-row:focus-within{border-color:#8797e9;box-shadow:0 0 0 3px #526bef1c}
.pv-search-row kbd{padding:1px 7px;color:#98a1b2;border:1px solid #e6e8ed;border-radius:4px;font-family:inherit;font-size:12px}
.pv-search-clear{border:0;background:#eef0fa;border-radius:5px;padding:6px 9px;color:#5666c7;font-size:11px}
.pv-build-disclaimer{display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.5;margin:13px auto 0;color:#81899a;font-size:11px}
.pv-build-disclaimer svg{color:#7484e9}
.pv-tool-tabs{display:flex;justify-content:center;gap:5px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e4e6ed;padding:0 10px 15px;max-width:100%;margin-bottom:24px}
.pv-tool-tab{border:1px solid transparent;background:transparent;border-radius:7px;white-space:nowrap;color:#6d7484;padding:9px 17px;font-size:12px;line-height:1.3;font-weight:750;transition:background .15s,color .15s}
.pv-tool-tab:hover{background:#e9ebf2;color:#232943}
.pv-tool-tab.is-active{background:#5366e7;color:#fff;box-shadow:0 4px 10px #455de42b}
.pv-tool-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 17px}
.pv-tool-browser-head>div{display:flex;flex-direction:column;gap:1px}
.pv-tool-browser-head strong{font-size:17px;font-weight:800;letter-spacing:-.03em}
.pv-tool-browser-head>div>span{font-size:11.5px;color:#81899b}
#pv-tool-count{font-size:11px;color:#7d879b;white-space:nowrap;font-weight:700}
.pv-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.pv-tool-card{background:#fff;border:1px solid #e6e8ef;border-radius:10px;min-width:0;min-height:212px;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:21px 18px 17px;color:#2b3042!important;box-shadow:0 1px 2px #1d2a5009;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}
.pv-tool-card[hidden]{display:none!important}
.pv-tool-card:hover{border-color:#abb7ef;box-shadow:0 10px 27px #1f328b19;transform:translateY(-3px)}
.pv-tool-icon{width:60px;height:60px;border-radius:14px;background:#f1f2ff;display:grid;place-items:center;color:#6573e2;margin-bottom:17px}
.pv-icon-optimize{color:#ce6a40;background:#fff0e9}.pv-icon-edit{color:#6b69d5;background:#f0efff}.pv-icon-convert{color:#388cb4;background:#e8f6ff}.pv-icon-enhance{color:#b559b9;background:#f9edff}.pv-icon-create{color:#27a18f;background:#e7f9f4}.pv-icon-professional{color:#c58d2e;background:#fff7e6}
.pv-tool-card>strong{font-weight:800;font-size:14px;line-height:1.4;letter-spacing:-.02em;margin-bottom:7px}
.pv-tool-desc{display:block;color:#757d8d;font-size:11.2px;line-height:1.58}
.pv-tool-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;gap:7px;margin-top:auto;padding-top:16px}
.pv-tool-status{display:inline-block;color:#8b8f9e;background:#f4f4f6;border:1px solid #e9eaf0;padding:4px 7px;border-radius:5px;font-weight:750;font-size:9px;line-height:1.15;letter-spacing:.015em}
.pv-tool-more{color:#a2a8bd;display:flex}
.pv-tool-card:hover .pv-tool-more{color:#5567dc}
.pv-tool-empty{background:#fff;text-align:center;padding:42px 20px;border:1px solid #e9eaf2;border-radius:10px}
.pv-tool-empty[hidden]{display:none!important}
.pv-tool-empty strong{font-size:17px}
.pv-tool-empty p{color:#6e7482;margin-top:8px!important}
.pv-tool-empty button{margin-top:15px;background:#5366e7;border:0;color:#fff;border-radius:7px;padding:10px 14px}
.pv-more-tools{text-align:center;margin-top:24px}
.pv-more-tools a{display:inline-flex;align-items:center;gap:9px;border:1px solid #cfd5ed;border-radius:7px;padding:11px 19px;background:#fff;color:#4f5fcc!important;font-size:12px;font-weight:800}
.pv-more-tools a:hover{background:#eef1ff;border-color:#8d9be5}
.pv-collections-section{padding:80px 0 86px;background:#fff}
.pv-centered-section-head{text-align:center;max-width:770px;margin:0 auto 32px}
.pv-section-kicker{color:#6371cc;letter-spacing:.12em;font-size:10px;font-weight:900}
.pv-centered-section-head h2{font-size:clamp(1.9rem,3vw,2.65rem);font-weight:790;margin:10px 0 10px}
.pv-centered-section-head p{color:#697180;font-size:13.5px}
.pv-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pv-collection-link{border:1px solid #e9eaf0;border-radius:9px;background:#fff;display:flex;align-items:center;gap:11px;color:#343949!important;padding:15px 13px;min-height:75px;font-size:11.5px;line-height:1.45;font-weight:760;transition:border-color .2s,transform .2s}
.pv-collection-link:hover{border-color:#b2bdf4;transform:translateY(-2px)}
.pv-collection-icon{border-radius:8px;width:37px;height:37px;flex:none;color:#596de2;background:#f2f4ff;display:grid;place-items:center}
.pv-collection-link>span:nth-child(2){flex:1}
.pv-collection-link>svg{color:#a7afc4}
.pv-reasons{padding:78px 0 85px;background:#f6f7fb}
.pv-reasons-layout{display:grid;grid-template-columns:0.95fr 1.25fr;gap:70px;align-items:center}
.pv-reasons-title h2{font-size:clamp(2rem,3vw,2.7rem);font-weight:800;margin:13px 0}
.pv-reasons-title h2 span{color:#5369e4}
.pv-reasons-title p{line-height:1.85;color:#6e7889;font-size:13.5px;margin-bottom:22px!important}
.pv-reasons-title>a{display:inline-flex;align-items:center;gap:8px;color:#5063d7!important;font-weight:800}
.pv-reasons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pv-reasons-grid>div{background:#fff;border:1px solid #eaedf2;border-radius:10px;padding:23px;min-height:171px}
.pv-reasons-grid svg{color:#6172de}
.pv-reasons-grid h3{font-size:15px;margin:12px 0 7px;font-weight:800}
.pv-reasons-grid p{font-size:11.5px;line-height:1.7;color:#717989}
.pv-reading-section{padding:84px 0 91px;background:#fff}
.pv-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pv-reading-grid>a{border:1px solid #e5e8ed;border-radius:10px;display:flex;align-items:center;gap:18px;min-height:118px;padding:21px;color:#24283b!important}
.pv-reading-grid>a:hover{border-color:#aab6ef}
.pv-reading-icon{flex:none;width:61px;height:61px;border-radius:10px;display:grid;place-items:center;color:#6377d6;background:#edf0ff}
.pv-reading-grid>a>span:nth-child(2){display:grid;gap:3px;flex:1}
.pv-reading-grid small{font-size:9px;color:#7a86a1;font-weight:900;letter-spacing:.06em}
.pv-reading-grid strong{font-size:15px;line-height:1.4;font-weight:830}
.pv-reading-grid span span{font-size:11px;color:#7a8394}
.pv-reading-grid>a>svg{color:#acb2c4}
.pv-footer{background:#f8f9fc;color:#333849;border-top:1px solid #e8eaf1;padding:59px 0 24px}
.pv-footer .pv-logo{color:#262b3b!important}
.pv-footer .pv-footer-brand p{color:#727d90}
.pv-footer .pv-build-label{color:#7b8497}
.pv-footer .pv-footer-links strong{color:#272d3d}
.pv-footer .pv-footer-links a{color:#747c8f!important}
.pv-footer .pv-footer-links a:hover{color:#5366e7!important}
.pv-footer .pv-footer-bottom{color:#8b91a0;border-top:1px solid #e1e5ed}
.pv-footer .pv-footer-bottom a{color:#5969d7}
.pv-app .pv-page-hero{background:#f6f7fa;padding:58px 0 53px}
.pv-app .pv-page-hero h1{font-size:clamp(2.25rem,3.35vw,3.3rem)}
.pv-app .pv-page-hero p{max-width:690px;font-size:13.5px;margin-top:14px!important}
.pv-app .pv-large-icon{background:#e8ebff}
.pv-app .pv-category-card{border-radius:9px;box-shadow:0 1px 3px #26315f0a}
.pv-app .pv-category-card:hover{box-shadow:0 8px 25px #293b8b17}
.pv-app .pv-idea{border-radius:9px}
.pv-app .pv-ideas-grid .pv-coming{background:#f3f4f6}
.pv-app .pv-prose{padding-top:60px}
.pv-app .pv-prose h1{font-size:clamp(2.25rem,3.8vw,3.25rem)}
@media(max-width:1190px){
.pv-header-v2 .pv-desktop-nav>a,.pv-header-v2 .pv-nav-trigger{padding:0 11px;font-size:12px}
.pv-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pv-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:880px){
.pv-header-v2 .pv-desktop-nav{display:none}
.pv-header-v2 .pv-menu-btn{display:flex}
.pv-header-v2 .pv-header-cta{display:inline-flex}
.pv-tools-intro{padding:43px 0 27px}
.pv-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pv-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv-reasons-layout{grid-template-columns:1fr;gap:27px}
.pv-collections-section,.pv-reading-section{padding:65px 0}
}
@media(max-width:600px){
.pv-shell{width:min(calc(100% - 28px),1290px)}
.pv-header-v2 .pv-header-inner{height:64px}
.pv-header-v2 .pv-header-cta{display:none}
.pv-header-v2 .pv-wordmark{font-size:24px}
.pv-header-v2 .pv-mark svg{width:32px;height:32px}
.pv-tools-stage{padding-bottom:40px}
.pv-tools-intro{padding:36px 0 19px}
.pv-tools-intro h1{font-size:clamp(1.85rem,7.8vw,2.55rem)}
.pv-tools-intro>p{font-size:12.5px;margin-top:13px!important}
.pv-stage-label{margin-bottom:13px;font-size:9px}
.pv-search-row{height:50px;margin-top:19px;padding-left:12px;gap:9px}
.pv-search-row input{font-size:11px!important}
.pv-search-row kbd{display:none}
.pv-build-disclaimer{font-size:10px;max-width:335px}
.pv-tool-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:0 0 12px;margin-inline:-1px;margin-bottom:20px}
.pv-tool-tabs::-webkit-scrollbar{display:none}
.pv-tool-tab{padding:10px 13px;font-size:11px;flex:none}
.pv-tool-browser-head strong{font-size:15px}
.pv-tool-browser-head>div>span{font-size:10px}
#pv-tool-count{font-size:10px}
.pv-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pv-tool-card{min-height:210px;padding:16px 12px 12px}
.pv-tool-icon{width:50px;height:50px;border-radius:11px;margin-bottom:14px}
.pv-tool-icon svg{width:31px;height:31px}
.pv-tool-card>strong{font-size:12.5px}
.pv-tool-desc{font-size:10px}
.pv-tool-status{font-size:8px;padding:4px 5px}
.pv-collections-section,.pv-reading-section{padding:50px 0}
.pv-centered-section-head h2{font-size:1.8rem}
.pv-centered-section-head p{font-size:12px}
.pv-collection-grid{grid-template-columns:1fr;gap:8px}
.pv-collection-link{min-height:60px;padding:10px 13px}
.pv-reasons{padding:52px 0}
.pv-reasons-grid{grid-template-columns:1fr;gap:9px}
.pv-reasons-grid>div{min-height:120px;padding:19px}
.pv-reading-grid{grid-template-columns:1fr;gap:10px}
.pv-reading-grid>a{padding:15px;min-height:99px}
.pv-footer{padding-top:42px}
.pv-page-hero{padding:42px 0!important}
}
@media(max-width:365px){.pv-tool-card{min-height:225px}.pv-tool-card>strong{font-size:12px}.pv-tool-desc{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.pv-tool-card,.pv-collection-link,.pv-tool-tab{transition:none!important}}
