.flatten-page{color:#202124;width:min(100% - 32px,1080px);margin:0 auto 72px}.flatten-heading{max-width:780px;margin:42px 0 28px}.flatten-heading h1{letter-spacing:0;margin:8px 0 10px;font-size:clamp(30px,3rem,40px);line-height:1.18}.flatten-heading p{color:#5a616c;margin:0;line-height:1.55}.flatten-workspace{background:#fff;border:1px solid #dce0e5;border-radius:8px;padding:clamp(18px,3vw,30px)}.flatten-drop{text-align:center;background:#f8fafb;border:2px dashed #cfd5db;border-radius:6px;justify-items:center;gap:8px;padding:24px 16px;display:grid}.flatten-drop.is-dragging{background:#effaf8;border-color:#087f75}.flatten-drop>svg{color:#df342c}.flatten-drop label{font-weight:700}.flatten-drop input{width:min(100%,280px);font:inherit}.flatten-drop>span{color:#5a616c;font-size:14px}.flatten-selected{border-bottom:1px solid #e2e5e9;margin-top:22px;padding:0 0 16px}.flatten-selected[hidden],.flatten-resolution[hidden]{display:none}.flatten-file-line{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.flatten-file-line strong{overflow-wrap:anywhere}.flatten-file-line span{color:#5a616c;font-size:14px}.flatten-selected h2{margin:18px 0 6px;font-size:19px}.flatten-selected p{margin:5px 0}.flatten-hint{color:#4d6263;font-size:14px;line-height:1.5}.flatten-modes{border:0;margin:24px 0 0;padding:0}.flatten-modes legend{padding:0 0 8px;font-weight:700}.flatten-modes label{cursor:pointer;border-top:1px solid #e2e5e9;align-items:flex-start;gap:12px;padding:13px 0;display:flex}.flatten-modes input{accent-color:#df342c;flex:none;width:18px;height:18px;margin-top:4px}.flatten-modes strong,.flatten-modes small{display:block}.flatten-modes small{color:#5a616c;margin-top:3px;line-height:1.5}.flatten-resolution{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-weight:650;display:flex}.flatten-resolution select{color:inherit;font:inherit;background:#fff;border:1px solid #cfd5db;border-radius:6px;padding:10px}.flatten-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.flatten-actions button{min-height:44px}.flatten-actions button:disabled{opacity:.55;cursor:not-allowed}.flatten-actions p{color:#ad2c24;overflow-wrap:anywhere;margin:0}.flatten-page :is(button,input,select,summary,a):focus-visible{outline-offset:3px;outline:2px solid #087f75}.flatten-info,.flatten-related,.flatten-faq{margin-top:46px}.flatten-info h2,.flatten-related h2,.flatten-faq h2{margin:0 0 18px;font-size:24px}.flatten-info h3{margin:0 0 8px;font-size:18px}.flatten-info p,.flatten-faq p{color:#545c65;line-height:1.65}.flatten-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:22px;display:grid}.flatten-related{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.flatten-related h2{width:100%;margin-bottom:0}.flatten-related a{color:#0a6c67;text-underline-offset:3px}.flatten-faq details{border-top:1px solid #dce0e5;padding:15px 0}.flatten-faq details:last-child{border-bottom:1px solid #dce0e5}.flatten-faq summary{cursor:pointer;font-weight:650}.flatten-faq p{margin:10px 0 0}@media (width<=680px){.flatten-heading{margin-top:24px}.flatten-info-grid{grid-template-columns:1fr;gap:20px}.flatten-actions{align-items:stretch}.flatten-actions button{justify-content:center;width:100%}}