:root{font-family:'DM Sans',Arial,sans-serif;color:#1c2a3a;background:#f8f9fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--orange:#f4511e;--navy:#17243a;--muted:#798392;--line:#e9edf1;--soft:#fff2ec}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;padding:0 max(calc((100vw - 1220px)/2),32px);gap:38px;background:#fff;border-bottom:1px solid #edf0f3;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{width:37px;height:37px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:-1px;box-shadow:0 4px 8px #f4511e33}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand b{font:800 13px Manrope,sans-serif;letter-spacing:.4px;color:var(--navy)}.brand small{font-size:9px;font-weight:700;letter-spacing:2.4px;color:#86909c;margin-top:4px}.nav-links{display:flex;align-items:center;gap:28px;flex:1}.nav-links button,.lang-button{border:0;background:none;color:#636e7c;font-size:13px;font-weight:600}.nav-links button:hover,.nav-links button:focus-visible{color:var(--orange)}.top-actions{display:flex;align-items:center;gap:22px}.privacy-chip{font-size:11px;color:#707e89;display:flex;align-items:center;gap:7px}.privacy-chip svg{color:#4e9c77}.lang-button{display:flex;gap:5px;align-items:center;font-weight:700;color:var(--navy)}.mobile-menu{display:none}.hero{height:405px;background:var(--navy);position:relative;overflow:hidden;display:flex;justify-content:center}.hero-inner{width:1150px;position:relative;z-index:1;padding-top:55px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:#e0a286;font-size:10px;letter-spacing:1.35px;font-weight:700}.eyebrow{border:1px solid #ffffff18;background:#ffffff0d;padding:7px 11px;border-radius:20px}.hero h1{margin:18px 0 8px;color:#fff;font:800 45px/1.12 Manrope,sans-serif;letter-spacing:-1.7px}.hero h1 span{color:#ff946c}.hero-copy{max-width:440px;color:#c1cad3;font-size:14px;line-height:1.65;margin:0 0 22px}.search-wrap{width:500px;height:52px;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 15px;gap:11px;box-shadow:0 8px 28px #0e182d30}.search-wrap>svg{color:#9aa4ae}.search-wrap input{border:0;outline:0;flex:1;min-width:0;color:var(--navy);font-size:13px}.search-wrap input::placeholder{color:#a0a9b2}.search-wrap button{border:0;background:none;color:#84909b;padding:3px}.search-wrap kbd{border:1px solid #e2e5e9;background:#f7f8fa;color:#9ca4af;border-radius:4px;padding:2px 6px;font-size:11px}.hero-trust{display:flex;gap:22px;margin-top:16px;color:#c5ccd6;font-size:10px}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust svg{color:#ff9a73}.zap-mark{color:#ff9a73;font-size:15px;line-height:12px}.hero-decoration{position:absolute;width:min(1150px,100%);height:100%;inset:0;margin:auto;pointer-events:none}.sun{position:absolute;right:11%;top:58px;width:215px;height:215px;border-radius:50%;background:linear-gradient(145deg,#f46937,#c53e30);opacity:.95;box-shadow:0 0 75px #f4511e2e}.hero-paper{position:absolute;width:115px;height:143px;background:#fff;border-radius:9px;box-shadow:0 18px 40px #090f1e45;padding:20px;color:#f4511e;display:flex;flex-direction:column;gap:12px}.hero-paper i{height:5px;background:#e9edf0;border-radius:3px;width:72%}.paper-a{right:18%;top:120px;transform:rotate(-13deg)}.paper-b{right:8%;top:155px;transform:rotate(12deg);color:#fff;align-items:center;justify-content:center;background:#ff9d75;font-size:19px;font-weight:800}.hero-orbit{position:absolute;border:1px solid #ffffff16;border-radius:50%;right:1%;top:15px;width:440px;height:370px;transform:rotate(-19deg)}.orbit-two{right:4%;top:47px;width:380px;height:310px;transform:rotate(29deg)}.home-content{max-width:1150px;margin:auto;padding:46px 0 64px}.quick-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-kicker{color:#a0a8b1;font-size:9px;letter-spacing:1.55px}.quick-row h2,.directory-head h2,.faq-section h2{font:750 23px Manrope,sans-serif;color:var(--navy);letter-spacing:-.6px;margin:6px 0 0}.quick-card{width:340px;min-height:69px;border:1px solid #eceff2;background:#fff;border-radius:8px;display:flex;align-items:center;gap:12px;padding:12px 15px;color:#87909a}.quick-icon{width:35px;height:35px;background:#eff9f3;color:#4b9d70;display:grid;place-items:center;border-radius:9px}.quick-card div{flex:1}.quick-card b{font-size:12px;color:#273648}.quick-card p{font-size:10px;color:#88929d;margin:4px 0 0}.recent-strip{display:flex;align-items:center;gap:10px;margin:0 0 37px;padding-bottom:20px;border-bottom:1px solid var(--line)}.recent-label{font-size:11px;font-weight:700;color:#65717e;display:flex;align-items:center;gap:7px;margin-right:5px}.recent-item{height:31px;padding:0 10px;border:1px solid #e8ebef;background:#fff;border-radius:6px;display:flex;align-items:center;gap:7px;color:#516071;font-size:10px}.recent-item svg:first-child{color:var(--orange)}.recent-item svg:last-child{color:#a7afb7}.directory-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 21px}.directory-head p{font-size:12px;color:#88929c;margin:7px 0 0}.sort-select{display:flex;align-items:center;gap:13px;font-size:11px;color:#83909b}.sort-select select{height:34px;padding:0 28px 0 10px;border:1px solid #e5e9ed;border-radius:6px;background:#fff;color:#536173;font-size:11px}.category-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:20px}.category-tabs button{padding:10px 13px;background:transparent;border:0;border-bottom:2px solid transparent;color:#7d8793;font-size:11px;font-weight:600}.category-tabs button.active{border-color:var(--orange);color:var(--orange)}.category-tabs span{margin-left:7px;background:#f0f2f4;padding:2px 6px;border-radius:10px;font-size:9px;color:#7b8590}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-card{min-height:151px;display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #e9edf1;border-radius:9px;padding:16px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;color:inherit}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-2px);border-color:#f4ad94;box-shadow:0 8px 20px #17243a0c;outline:0}.tool-icon{height:37px;width:37px;border-radius:10px;display:grid;place-items:center;color:#e65a31;background:#fff0ea;margin-bottom:14px}.icon-images{color:#5379c4;background:#edf3ff}.icon-text-and-files{color:#8662bb;background:#f4effb}.icon-security{color:#489870;background:#edf8f1}.card-title-row{width:100%;display:flex;align-items:center;gap:7px;min-height:19px}.card-title-row>b{font-size:12px;color:#253348;font-weight:700;flex:1}.card-arrow{color:#b4bcc4;flex:none}.card-desc{font-size:10.5px;color:#86919d;line-height:1.5;margin-top:7px;min-height:31px}.card-category{margin-top:auto;padding-top:10px;font-size:9px;color:#a0a8b0}.soon-pill{font-size:8px;color:#b57135;background:#fff5e8;padding:4px 6px;border-radius:10px;white-space:nowrap}.planned-card{background:#fdfdfd}.empty-search{padding:44px 16px;text-align:center;border:1px dashed #dce1e6;border-radius:10px;color:#8e99a4}.empty-search>b{display:block;margin-top:10px;color:#334257}.empty-search p{font-size:12px}.text-button{background:none;border:0;color:var(--orange);font-weight:700;font-size:12px}.promise-band{display:flex;align-items:center;gap:14px;background:#f2f8f4;border:1px solid #dfede3;border-radius:9px;margin-top:31px;padding:17px 20px}.promise-icon{width:41px;height:41px;background:#e1f1e7;border-radius:10px;display:grid;place-items:center;color:#4b9b6a;flex:none}.promise-band>div:nth-child(2){flex:1}.promise-band b{color:#294334;font-size:12px}.promise-band p{margin:4px 0 0;color:#6f8375;font-size:10px}.promise-check{display:flex;align-items:center;gap:5px;color:#62836b;font-size:10px}.promise-check svg{color:#56a274}.faq-section{margin-top:49px}.faq-section h2{margin-bottom:20px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.faq-grid details{background:#fff;border:1px solid #e9edf1;border-radius:8px;padding:15px}.faq-grid summary{font-size:11px;font-weight:700;color:#314155;cursor:pointer}.faq-grid p{font-size:10px;line-height:1.6;color:#7a8793;margin:11px 0 0}.footer{background:#fff;border-top:1px solid #eaedf0;padding:24px max(calc((100vw - 1150px)/2),32px) 19px}.footer-main{display:flex;align-items:center;gap:17px;padding-bottom:18px;border-bottom:1px solid #eff1f3}.footer-brand .brand-mark{width:32px;height:32px;border-radius:9px;font-size:13px}.footer-main>p{font-size:10px;color:#89939c;margin:0}.footer-privacy{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px;color:#779381}.footer-bottom{padding-top:15px;display:flex;align-items:center;gap:20px;color:#9aa3ac;font-size:9px}.footer-bottom a{display:flex;align-items:center;gap:3px;color:#7b8793}.footer-bottom span:last-child{margin-left:auto}.tool-page{max-width:1070px;margin:0 auto;padding:31px 0 65px}.back-link{display:flex;align-items:center;gap:7px;border:0;background:none;color:#7a8793;font-size:11px;font-weight:600;padding:5px 0;margin-bottom:21px}.back-link:hover{color:var(--orange)}.tool-heading{display:flex;align-items:center;gap:15px;margin-bottom:25px}.tool-heading-icon{height:52px;width:52px;border:1px solid #f5ddd3;background:#fff5f0;border-radius:13px;display:grid;place-items:center;color:var(--orange)}.tool-category-label{font-size:10px;color:#9aa4ae}.tool-category-label span{padding:0 4px}.tool-heading h1{font:750 26px Manrope,sans-serif;letter-spacing:-.7px;color:var(--navy);margin:4px 0}.tool-heading p{font-size:11px;color:#87929d;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.workspace-main{display:flex;flex-direction:column;gap:10px}.workspace-card,.side-card,.side-note,.engine-note{border:1px solid #e8edf1;background:#fff;border-radius:9px}.workspace-card{padding:20px}.workspace-card-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:17px}.workspace-card-top b{font-size:13px;color:#29394e}.workspace-card-top p{font-size:10px;color:#929ca6;margin:5px 0 0}.local-pill{display:flex;align-items:center;gap:5px;background:#eff8f2;color:#639071;border-radius:14px;padding:6px 9px;font-size:9px;font-weight:600}.dropzone{border:1px dashed #d8dfe5;border-radius:8px;background:#fbfcfd;width:100%;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#929ca7}.dropzone:hover{border-color:#f0a185;background:#fffaf8}.upload-circle{height:42px;width:42px;border-radius:50%;display:grid;place-items:center;background:#fff0e9;color:var(--orange);margin-bottom:9px}.dropzone b{font-size:12px;color:#37475b}.dropzone>span:not(.upload-circle){font-size:10px;color:#929ca7;margin-top:3px}.dropzone small{font-size:9px;margin-top:10px;color:#a2abb4}.file-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}.file-row{border:1px solid #edf0f2;border-radius:7px;padding:8px;display:flex;align-items:center;gap:10px}.file-type{width:34px;height:34px;border-radius:6px;background:#fff0e9;color:var(--orange);display:grid;place-items:center;font-size:8px;font-weight:800}.file-row div{display:flex;flex-direction:column;flex:1;min-width:0}.file-row b{font-size:10px;color:#38485b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row small{font-size:9px;color:#9aa4ad;margin-top:3px}.file-row button{background:none;border:0;color:#a0aab3;padding:5px}.main-textarea{width:100%;min-height:180px;resize:vertical;border:1px solid #e8ecf0;border-radius:7px;padding:13px;font-size:12px;line-height:1.55;color:#344458;outline:0}.main-textarea:focus,.field-input:focus{border-color:#f3a188;box-shadow:0 0 0 3px #f4511e10}.field-label{display:block;font-size:10px;font-weight:700;color:#637080;margin-top:15px}.field-input{display:block;width:100%;height:39px;border:1px solid #e5e9ed;border-radius:6px;background:white;color:#344458;padding:0 10px;margin-top:7px;font-size:11px;font-weight:400;outline:0}.field-label>small{display:block;font-size:9px;font-weight:400;color:#9aa3ac;margin-top:5px}.field-pair{display:flex;gap:12px}.field-pair .field-label{flex:1}.range-row{display:flex;align-items:center;gap:13px;margin-top:8px}.range-row input{flex:1;accent-color:var(--orange)}.range-row b{font-size:11px;color:#526172;width:35px}.check-label{font-size:10px;color:#667484;display:flex;align-items:center;gap:7px;margin-top:13px}.check-label input{accent-color:var(--orange)}.option-row{display:flex;gap:20px}.primary-button{min-height:40px;border:0;border-radius:6px;background:var(--orange);color:#fff;font-size:11px;font-weight:700;padding:0 15px;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:background .15s}.primary-button:hover{background:#dd4417}.primary-button:disabled{opacity:.55;cursor:not-allowed}.run-button{width:100%;margin-top:18px}.workspace-foot{display:flex;align-items:center;gap:7px;color:#7c9483;font-size:9px;padding:3px 5px}.workspace-foot svg{color:#55a474}.error-message{background:#fff2f0;border:1px solid #f7d6d0;color:#aa3d2d;border-radius:6px;padding:10px;font-size:10px;margin-top:10px}.side-card{padding:17px}.side-card h3{font:700 13px Manrope,sans-serif;color:#2c3b50;margin:0 0 16px}.side-card ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}.side-card li{display:flex;gap:10px;align-items:start}.side-card li>span{height:22px;width:22px;border-radius:50%;background:#fff2ed;color:var(--orange);display:grid;place-items:center;font-size:9px;font-weight:700;flex:none}.side-card li b,.side-note b,.engine-note b{font-size:10px;color:#36475b}.side-card li p,.side-note p,.engine-note p{font-size:9px;line-height:1.55;color:#8b97a2;margin:4px 0 0}.side-note{display:flex;gap:9px;padding:14px;margin-top:10px;color:#53a071;background:#f4faf6;border-color:#e0eee4}.side-note>svg{flex:none}.engine-note{padding:14px;margin-top:10px;background:#fafbfc}.result-panel{grid-column:1/-1;display:flex;align-items:start;gap:12px;background:#f2faf4;border:1px solid #dcefe1;border-radius:8px;padding:15px;margin-top:1px}.result-icon{height:30px;width:30px;background:#dff1e4;border-radius:50%;display:grid;place-items:center;color:#459363;flex:none}.result-copy{flex:1;min-width:0}.result-copy>b{font-size:12px;color:#2f553a}.result-copy>p{font-size:10px;color:#728b78;margin:5px 0}.result-text{white-space:pre-wrap;word-break:break-word;max-height:170px;overflow:auto;padding:10px;border:1px solid #e0e9e2;background:#fff;border-radius:5px;color:#405546;font:10px/1.5 ui-monospace,monospace}.result-actions{display:flex;gap:8px;align-items:center}.download-button{background:#348452}.download-button:hover{background:#286b41}.secondary-button{height:36px;border:1px solid #dce8df;color:#4c7959;background:#fff;border-radius:6px;padding:0 11px;font-size:10px;font-weight:700}.spinner{width:14px;height:14px;border:2px solid #ffffff66;border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:#17243a;color:#fff;padding:10px 16px;border-radius:7px;box-shadow:0 7px 23px #101b2d35;font-size:11px;z-index:10}
@media(max-width:1200px){.hero-inner,.home-content,.tool-page{width:auto;margin-left:32px;margin-right:32px}.topbar{padding-left:32px;padding-right:32px}.footer{padding-left:32px;padding-right:32px}.hero-decoration{width:100%}}
@media(max-width:820px){.topbar{height:65px;gap:15px}.mobile-menu{display:grid;place-items:center;background:none;border:0;color:#657282;padding:5px}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:12px 24px 18px;box-shadow:0 10px 20px #17243a14;flex-wrap:wrap;gap:13px}.nav-links.open{display:flex}.top-actions{margin-left:auto}.privacy-chip{display:none}.hero{height:390px}.hero-inner{padding-top:48px}.hero h1{font-size:39px}.hero-decoration{opacity:.48;right:-220px;left:auto;width:470px}.hero-copy{max-width:440px}.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-page{padding-top:25px}.workspace{grid-template-columns:minmax(0,1fr) 240px;gap:12px}.promise-band{flex-wrap:wrap}.promise-band>div:nth-child(2){min-width:70%}.faq-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{padding:0 16px}.brand b{font-size:12px}.lang-button{font-size:10px}.hero{height:405px}.hero-inner,.home-content,.tool-page{margin-left:17px;margin-right:17px}.hero-inner{padding-top:43px}.hero h1{font-size:37px}.hero-copy{font-size:12px;max-width:345px}.search-wrap{width:100%;height:49px}.hero-trust{gap:12px;flex-wrap:wrap;font-size:9px}.hero-decoration{opacity:.2;right:-270px}.quick-row{align-items:start;gap:12px}.quick-row h2,.directory-head h2,.faq-section h2{font-size:20px}.quick-card{width:auto;max-width:180px;padding:9px;gap:8px}.quick-card p{display:none}.quick-card>svg{display:none}.quick-icon{width:30px;height:30px;flex:none}.quick-card b{font-size:10px}.home-content{padding-top:34px}.recent-strip{overflow:auto;align-items:center;padding-bottom:14px}.recent-label{white-space:nowrap}.recent-item{white-space:nowrap}.directory-head{align-items:start;gap:12px}.sort-select{flex-direction:column;align-items:end;gap:5px}.sort-select select{max-width:125px}.category-tabs{overflow:auto}.category-tabs button{white-space:nowrap;padding:10px 9px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-card{padding:12px;min-height:153px}.card-title-row>b{font-size:11px}.card-desc{font-size:10px}.soon-pill{font-size:7px;padding:3px 5px}.promise-band{padding:14px;gap:10px}.promise-band>div:nth-child(2){min-width:calc(100% - 58px)}.promise-check{font-size:9px}.faq-grid{grid-template-columns:1fr}.footer{padding:20px 17px}.footer-main{flex-wrap:wrap;gap:10px}.footer-privacy{width:100%;margin:2px 0 0 42px}.footer-bottom{flex-wrap:wrap;gap:9px 15px}.footer-bottom span:last-child{margin-left:0;width:100%}.tool-page{padding-top:20px}.tool-heading{gap:11px}.tool-heading-icon{width:45px;height:45px}.tool-heading h1{font-size:21px}.tool-heading p{font-size:10px}.workspace{grid-template-columns:1fr}.workspace-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-card{grid-column:1/-1}.side-note,.engine-note{margin-top:0}.workspace-card{padding:15px}.workspace-card-top{gap:8px}.local-pill{font-size:8px;padding:5px 7px}.dropzone{min-height:165px}.result-panel{flex-wrap:wrap}.result-copy{min-width:calc(100% - 50px)}.result-actions{margin-left:42px}.field-pair{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Tool navigation exposes its tools on hover, focus and touch. */
.topbar{z-index:30;overflow:visible}
.nav-links{height:100%;gap:18px}
.nav-group{height:100%;position:relative;display:flex;align-items:center}
.nav-group>button{height:100%;display:flex;align-items:center;gap:5px;padding:0 2px}
.nav-menu{display:none;position:absolute;z-index:50;top:100%;left:-14px;width:300px;max-height:min(70vh,570px);overflow:auto;padding:10px;background:#fff;border:1px solid #e9edf1;border-radius:0 0 10px 10px;box-shadow:0 16px 38px #17243a20}
.nav-group:hover .nav-menu,.nav-group:focus-within .nav-menu,.nav-group.menu-open .nav-menu{display:block}
.nav-menu-head{position:sticky;top:-10px;display:flex;align-items:center;justify-content:space-between;padding:11px 9px;background:#fff;border-bottom:1px solid #edf0f3;color:#89939e;font-size:10px;font-weight:700;letter-spacing:.4px}
.nav-menu-head button,.nav-menu>[role=menuitem]{width:100%;display:flex;align-items:center;gap:9px;border:0;background:#fff;color:#49586a;text-align:left}
.nav-menu-head button{width:auto;padding:4px 0;color:var(--orange);font-size:10px;font-weight:700}
.nav-menu>[role=menuitem]{min-height:37px;padding:8px;border-radius:6px;font-size:11px}
.nav-menu>[role=menuitem]:hover,.nav-menu>[role=menuitem]:focus-visible{background:#fff4ef;color:var(--orange);outline:0}
.nav-menu>[role=menuitem] svg:first-child{color:var(--orange);flex:none}
.nav-menu>[role=menuitem] span{flex:1}
.nav-menu>[role=menuitem] svg:last-child{color:#aab2ba}
.nav-menu>[role=menuitem] small{font-size:8px;color:#b57135;background:#fff5e8;border-radius:8px;padding:4px 6px;white-space:nowrap}
.file-row{gap:4px}
.file-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;border:0;background:transparent;text-align:left}
.file-select .file-type{display:flex;align-items:center;justify-content:center;gap:3px;flex:none}
.file-select .file-type svg{color:#9ba6b1}
.file-select .file-type b{font-size:8px;color:var(--orange)}
.file-details{display:flex;flex-direction:column;flex:1;min-width:0}
.file-details>b{font-size:10px;color:#38485b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-details>small{font-size:9px;color:#9aa4ad;margin-top:3px}
.file-order-buttons{display:flex;flex-direction:column;gap:1px}
.file-order-buttons button,.remove-file{display:grid;place-items:center;padding:3px;border:0;border-radius:4px;background:transparent;color:#94a0aa}
.file-order-buttons button:hover:not(:disabled),.remove-file:hover{background:#fff1eb;color:var(--orange)}
.file-order-buttons button:disabled{opacity:.35;cursor:not-allowed}
.file-row.selected-file{border-color:#f2a58b;background:#fffaf8}
.file-row[draggable=true]{cursor:grab}
.file-row[draggable=true]:active{cursor:grabbing}
.preview-card{overflow:hidden;background:#fff;border:1px solid #e7ebef;border-radius:8px;margin-bottom:10px}
.preview-head{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid #edf0f2}
.preview-head>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.preview-head b{font-size:11px;color:#344256}
.preview-head small{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#86929e}
.preview-head>span{flex:none;padding:3px 6px;background:#f3f5f7;border-radius:10px;color:#7e8995;font-size:9px}
.file-preview-pdf{display:block;width:100%;height:430px;border:0;background:#f2f3f5}
.file-preview-image{display:block;width:100%;height:430px;object-fit:contain;background:#f3f4f6}
.pdf-preview-frame{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;padding:12px;background:#f2f3f5}
.file-preview-canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 10px #17243a20}
.pdf-preview-frame>small{font-size:9px;color:#8a949f}
.pdf-preview-message{position:absolute;inset:auto 12px 12px;padding:8px 10px;border-radius:5px;background:#fff;color:#6f7b88;font-size:9px;text-align:center;box-shadow:0 2px 8px #17243a12}
.preview-foot{display:flex;align-items:center;gap:6px;padding:9px 12px;color:#769180;font-size:9px}
.file-preview-other{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;color:#87929d}
.file-preview-other svg{color:var(--orange)}
.file-preview-other b{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#415166;font-size:11px}
.file-preview-other span,.file-preview-other small{font-size:9px}
.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.field-hint{margin:10px 0 0;color:#88929c;font-size:10px;line-height:1.5}
@media(max-width:820px){.nav-links{height:auto}.nav-group{height:auto}.nav-group>button{height:36px}.nav-menu{top:100%;left:0;width:min(88vw,320px);max-height:60vh;border-radius:8px}}
@media(max-width:600px){.diff-inputs{grid-template-columns:1fr}.file-preview-pdf,.file-preview-image{height:320px}.nav-menu{position:relative;top:auto;left:auto;width:100%;max-height:48vh;box-shadow:none;margin-top:4px}.nav-group{flex-direction:column;align-items:stretch}.nav-group>button{height:auto;min-height:34px}}
.planned-message{max-width:640px;padding:30px;border:1px solid #e8edf1;background:#fff;border-radius:10px}.planned-message h2{font:750 20px Manrope,sans-serif;color:var(--navy);margin:18px 0 7px}.planned-message p{font-size:12px;color:#7e8995;line-height:1.65;max-width:490px;margin:0 0 20px}