/* Tool card bottom accent */
.tool-card{border-bottom:3px solid transparent}.tool-card:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:3px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#6662ef,#4e7cf1);transform:scaleX(.45);transform-origin:left;transition:transform .25s}.tool-card[data-name*="image"]:after,.tool-grid[data-category="image"] .tool-card:after{background:linear-gradient(90deg,#11aaa9,#32d2c2)}.tool-card:hover:after{transform:scaleX(1)}
/* Processing progress */
.processing-progress{margin-top:14px;padding:13px 14px;border:1px solid #e3e7f2;border-radius:11px;background:#f9faff}.processing-progress[hidden]{display:none}.processing-progress>div{height:7px;overflow:hidden;border-radius:10px;background:#e8ebf5}.processing-progress>div span{display:block;width:8%;height:100%;border-radius:10px;background:linear-gradient(90deg,#665ff0,#3c70ed,#18c6d5);transition:width .5s ease}.processing-progress p{display:flex;justify-content:space-between;margin:7px 0 0;color:#68738a;font-size:9px}.processing-progress small{color:#5b61e5;font-weight:800}.process-btn.is-processing{box-shadow:0 0 0 5px rgba(94,94,235,.09),0 10px 23px rgba(77,87,235,.2)}
/* Inline results */
.result-panel{margin-top:22px;overflow:hidden;border:1px solid #dfe4ef;border-radius:19px;background:#fff;box-shadow:0 20px 55px rgba(27,38,80,.1)}.result-panel[hidden]{display:none}.result-head{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebf2;background:linear-gradient(90deg,#f4fff9,#fbfffd)}.result-head>div{display:flex;align-items:center;gap:11px}.result-head p,.result-actions p{margin:0}.result-head p b,.result-head p small,.result-actions p b,.result-actions p small{display:block}.result-head p b{font-size:12px}.result-head p small{color:#7e899d;font-size:9px}.result-check{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#18ae7d;box-shadow:0 7px 15px rgba(24,174,125,.2);font-weight:900}.result-head button{width:32px;height:32px;border:0;border-radius:8px;color:#8a94a8;background:#fff;font-size:20px}.result-preview{min-height:250px;max-height:540px;padding:18px;display:grid;place-items:center;overflow:auto;background:#f5f7fb}.result-preview img{max-width:100%;max-height:500px;display:block;border-radius:9px;box-shadow:0 10px 28px rgba(24,34,70,.12)}.result-preview iframe{width:100%;height:500px;border:0;border-radius:9px;background:#fff}.result-preview pre{width:100%;max-height:450px;margin:0;padding:20px;overflow:auto;white-space:pre-wrap;border:1px solid #e2e7f0;border-radius:10px;color:#445068;background:#fff;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.preview-file{display:flex;flex-direction:column;align-items:center;text-align:center}.preview-file>span{width:62px;height:62px;display:grid;place-items:center;margin-bottom:12px;border-radius:18px;color:#6265e6;background:#e9ecff;font-size:22px}.preview-file b{font-size:12px}.preview-file small{color:#8590a4}.result-actions{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e8ebf2}.result-actions>div{display:flex;align-items:center;gap:11px}.result-file-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:#6066dd;background:#eef0ff}.result-actions p b{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.result-actions p small{color:#8590a4;font-size:9px}.result-actions .btn{min-width:175px}.result-error{border-color:#f1cbd1}.result-error .result-head{background:#fff5f6}.result-error .result-check{background:#d84d5f}.result-error-message{width:100%;padding:17px;border:1px solid #f1cbd1;border-radius:10px;color:#9d2838;background:#fff5f6;font-size:11px;font-weight:700}
/* Contact page */
.contact-hero{padding:78px 24px 120px;position:relative;overflow:hidden;text-align:center;color:#fff;background:linear-gradient(135deg,#101943,#242a73)}.contact-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px}.contact-hero>*{position:relative}.contact-hero .kicker{color:#73e0e6}.contact-hero h1{margin:8px 0 10px;font-size:48px;letter-spacing:-2.5px}.contact-hero p{max-width:610px;margin:auto;color:#bdc8e6}.contact-wrap{max-width:1060px;margin:-70px auto 90px;padding:0 24px;display:grid;grid-template-columns:1fr 1.65fr;gap:20px;position:relative}.contact-info,.contact-form-card{border:1px solid #e1e6ef;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(26,36,77,.1)}.contact-info{padding:28px;color:#fff;background:linear-gradient(160deg,#182252,#252b75)}.contact-info h2{margin:8px 0;font-size:24px}.contact-info>p{color:#bdc7e2;font-size:11px}.contact-point{margin-top:25px;padding-top:20px;display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.1)}.contact-point>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;color:#83e8e8;background:rgba(255,255,255,.08)}.contact-point b,.contact-point small{display:block}.contact-point b{font-size:10px}.contact-point small{color:#aeb8d5;font-size:9px}.contact-form-card{padding:30px}.contact-form-card h2{margin:0;font-size:23px}.contact-form-card>p{margin:4px 0 20px;color:#7d879b;font-size:10px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form-card label{display:flex;flex-direction:column;gap:6px;margin-top:13px;color:#4a566d;font-size:9px;font-weight:800}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;padding:11px 12px;border:1px solid #e0e5ee;border-radius:9px;outline:0;color:#29344b;background:#fbfcfe;font-size:10px}.contact-form-card input,.contact-form-card select{height:44px}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{border-color:#696be8;box-shadow:0 0 0 3px rgba(105,107,232,.08)}.contact-form-card .btn{width:100%;margin-top:18px}.contact-note{display:flex;gap:7px;justify-content:center;margin-top:12px!important;color:#98a1b2!important;font-size:8px!important}
@media(max-width:760px){.result-actions{align-items:stretch;flex-direction:column}.result-actions>div,.result-actions .btn{width:100%}.result-actions .btn{min-width:0}.result-preview iframe{height:390px}.contact-wrap{grid-template-columns:1fr}.contact-hero h1{font-size:39px}.contact-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.result-preview{min-height:190px;padding:10px}.result-preview iframe{height:310px}.contact-wrap{padding:0 14px}.contact-form-card,.contact-info{padding:22px}}