:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#17243a;background:#f7f9fd;font-synthesis:none}
    *{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #92b2fb;outline-offset:2px}
    .shell{max-width:1160px;padding:0 20px;margin:auto}.top{background:#fff;border-bottom:1px solid #e7ebf1}.top .shell{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:18px}
    .logo{font-size:23px;letter-spacing:-.7px;font-weight:850;color:#225cdb}.logo b{color:#14233f}.brand{display:flex;align-items:center;gap:10px}.mark{background:#eaf1ff;color:#225cdb;border-radius:12px;padding:9px;font-size:20px}.top nav{font-size:14px;color:#64748b}
    main{padding-top:49px;padding-bottom:30px}h1{font-size:clamp(30px,5.2vw,49px);letter-spacing:-1.7px;text-align:center;margin:0 0 12px;line-height:1.15}h1 span{color:#235bda}.intro{text-align:center;color:#61708a;line-height:1.65;margin:0 auto 26px;max-width:650px}
    .search{display:block;width:min(660px,100%);margin:0 auto 23px;padding:16px 19px;border-radius:14px;border:1px solid #dce3f0;background:white;box-shadow:0 5px 25px #1b35650a}
    .pills{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 27px}.pill{background:#fff;border:1px solid #dbe2ed;padding:10px 17px;border-radius:99px;font-size:14px;color:#46566c}.pill.active{color:white;background:#235bda;border-color:#235bda}
    .tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tool{color:inherit;text-decoration:none;display:flex;flex-direction:column;text-align:left;background:white;border:1px solid #e4eaf3;border-radius:17px;padding:22px;min-height:195px;transition:transform .15s,box-shadow .15s}.tool:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 28px #17386a12}.tool:disabled{cursor:not-allowed;opacity:.76}.tool .ico{font-size:29px}.tool strong{font-size:17px;letter-spacing:-.3px;margin:13px 0 6px}.tool .desc{font-size:13px;color:#61728c;line-height:1.5;flex:1}.tag{font-size:11px;align-self:flex-start;margin-top:15px;background:#eaf1ff;color:#245bcd;border-radius:20px;padding:5px 10px;font-weight:650}.tag.soon{background:#f3f4f7;color:#6a778b}
    .workspace{background:white;border:1px solid #e3e9f3;border-radius:20px;padding:26px 28px;margin:37px auto 5px;max-width:850px;box-shadow:0 9px 40px #263f6c0b}.workspace[hidden]{display:none}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.workspace h2{font-size:23px;letter-spacing:-.5px;margin:0}.close{background:#f1f5fa;border:0;border-radius:9px;font-size:15px;padding:8px 13px;color:#334155}.note{background:#eff6ff;border-radius:11px;color:#35547f;line-height:1.5;padding:12px 15px;font-size:13px;margin:17px 0 20px}
    label{display:block;font-size:14px;font-weight:600;color:#455772;margin:15px 0 7px}input[type=file],input[type=number],input[type=text],select{display:block;width:100%;padding:12px;border:1px solid #d6dfec;border-radius:10px;background:#fff;color:#213147}input[type=file]::file-selector-button{background:#eaf1ff;color:#245bcd;border:0;padding:8px 10px;margin-right:12px;border-radius:7px;cursor:pointer}
    .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields [hidden],.field[hidden],#imageFields[hidden],#pdfFields[hidden]{display:none}.action{background:#245bda;color:#fff;padding:13px 22px;border:none;border-radius:11px;margin-top:19px;font-size:15px;font-weight:700;min-width:178px}.action:disabled{opacity:.5;cursor:not-allowed}.status{font-size:14px;color:#33445e;margin:17px 0 0;min-height:22px;line-height:1.6}.status.error{color:#b42318}.preview{max-width:100%;max-height:280px;object-fit:contain;border-radius:10px;margin-top:15px}.preview[hidden]{display:none}.info{font-size:12px;color:#64748b;margin-top:9px;line-height:1.6}.empty{text-align:center;color:#718096;padding:30px 0}
    .footer{border-top:1px solid #e5eaf2;text-align:center;padding:28px 18px;color:#728198;font-size:13px;line-height:1.6}.footer a{color:#245bcd}
    @media(max-width:900px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media(max-width:650px){main{padding-top:33px}.top .shell{min-height:65px}.top nav{display:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool{min-height:175px;padding:15px}.tool strong{font-size:15px}.tool .desc{font-size:12px}.workspace{padding:18px 16px;margin-top:25px}.fields,.fields.two{grid-template-columns:1fr}h1{letter-spacing:-1px}.shell{padding:0 14px}}