.heic-header,.heic-page,body:has(.heic-page) footer{width:min(1280px,calc(100% - 72px))}.heic-header{height:72px;border-bottom:1px solid #d8ded8;justify-content:flex-start;gap:64px}.heic-brand{font-family:Georgia,serif;font-size:30px;font-weight:700;letter-spacing:-.06em;color:#103630;text-decoration:none}.heic-header nav{gap:30px}.heic-header nav a{font-size:14px;font-weight:600;color:#1c3934}.heic-page{color:#11342f}.heic-heading{padding:46px 0 28px}.heic-breadcrumb{font-size:11px;letter-spacing:.16em;font-weight:800;color:#ba5737}.heic-breadcrumb span{color:#95a69b;margin:0 9px}.heic-heading h1{font-family:Georgia,serif;letter-spacing:-.065em;font-size:clamp(56px,6.5vw,88px);line-height:1;margin:20px 0 7px}.heic-heading p{font-family:Georgia,serif;font-size:clamp(20px,2.3vw,29px);color:#65716d;margin:0}.heic-workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:0;border:1px solid #d6ddd6;border-radius:9px;background:#fbfaf7;overflow:hidden}.heic-dropzone{position:relative;min-height:365px;margin:20px;border:1px dashed #aab9ad;border-radius:7px;background:#fffefb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;transition:background .2s,border-color .2s}.heic-dropzone.dragover{background:#eef5ec;border-color:#ca5a33}.heic-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.heic-upload-mark{display:grid;place-items:center;width:74px;height:74px;font-size:49px;font-weight:300;color:#63766a;margin-bottom:15px}.heic-dropzone strong{font-family:Georgia,serif;font-size:clamp(24px,2.6vw,35px);letter-spacing:-.045em}.heic-dropzone span{margin-top:12px;font-size:15px;color:#5d6b64}.heic-dropzone label{color:#c8522c;text-decoration:underline;font-weight:700;cursor:pointer}.heic-dropzone small{font:12px/1.4 DM Sans,sans-serif;letter-spacing:0;color:#77867a;margin-top:30px}.heic-settings{border-left:1px solid #dce1dc;padding:27px 28px;display:flex;flex-direction:column;gap:25px}.heic-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;margin-bottom:11px}.heic-label output{color:#bd4d29}.heic-format{padding:13px 15px;border:1px solid #c7532d;border-radius:5px;background:#d45a30;color:#fff;font-size:14px;font-weight:800;display:flex;justify-content:space-between}.heic-format span{font-weight:500;opacity:.85}.heic-setting input[type=range]{width:100%;accent-color:#d45a30;cursor:pointer}.heic-setting p{font-size:12px;line-height:1.5;color:#69766e;margin:9px 0 0}.heic-privacy{display:flex;gap:12px;align-items:flex-start;margin-top:auto}.heic-privacy b{color:#27825b;font-size:14px}.heic-privacy strong,.heic-privacy span{display:block}.heic-privacy strong{font-size:13px}.heic-privacy span{font-size:12px;color:#69766e;margin-top:4px;line-height:1.4}.heic-settings button{border:0;border-radius:5px;background:#cf572e;color:#fff;padding:15px 18px;font-size:15px;font-weight:800;display:flex;justify-content:center;gap:12px;cursor:pointer}.heic-settings button:hover{background:#af4626}.heic-settings button:disabled{background:#c4c9c2;color:#5b655d;cursor:not-allowed}.heic-settings #status{min-height:18px;font-size:12px;line-height:1.4;color:#4a6755}.heic-settings #status.error{color:#b33324}.heic-queue{margin-top:14px;border:1px solid #d6ddd6;border-radius:8px;background:#fbfaf7;padding:20px}.heic-queue-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.heic-queue-head h2{font-family:Georgia,serif;font-size:22px;letter-spacing:-.04em;margin:0}.heic-queue-head h2 span{font:13px DM Sans,sans-serif;color:#728078;margin-left:5px}.heic-queue-head p{font-size:12px;color:#6d7a71;margin:7px 0 0}.heic-queue .zip-button{margin:0;padding:10px 15px;border:1px solid #9eaea3;border-radius:5px;background:#fff;color:#18382f;font-size:12px;font-weight:800;white-space:nowrap}.heic-queue .zip-button:hover{border-color:#ca572e;color:#bd4a28}.heic-queue .file-list{margin-top:17px;border-top:1px solid #d7dfd6}.heic-queue .file-row{min-height:57px;padding:11px 2px}.heic-queue .file-row strong{font-size:13px;min-width:0}.heic-queue .file-row span{font-size:12px}.heic-queue .file-row a{font-size:12px;white-space:nowrap}.heic-queue .results{margin-top:0;border-top:0}.heic-below{display:grid;grid-template-columns:1.55fr 1fr;gap:40px;margin:45px 0 60px}.heic-below h2{font-family:Georgia,serif;font-size:30px;letter-spacing:-.05em;margin:0 0 17px}.heic-steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.heic-steps li{display:flex;gap:10px}.heic-steps li b{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#e5eee5;display:grid;place-items:center;font-size:13px}.heic-steps li strong,.heic-steps li span{display:block}.heic-steps li strong{font-size:13px;margin:2px 0 6px}.heic-steps li span{font-size:12px;line-height:1.5;color:#69766e}.heic-facts{border-left:1px solid #d7dfd6;padding-left:35px}.heic-facts dl{margin:0}.heic-facts dt{font-size:12px;font-weight:800;border-top:1px solid #d7dfd6;padding-top:10px}.heic-facts dd{font-size:12px;line-height:1.5;color:#69766e;margin:4px 0 10px}@media(max-width:850px){.heic-workbench{grid-template-columns:1fr}.heic-settings{border-left:0;border-top:1px solid #dce1dc}.heic-dropzone{min-height:285px}.heic-below{grid-template-columns:1fr}.heic-facts{border-left:0;border-top:1px solid #d7dfd6;padding:22px 0 0}}@media(max-width:620px){.heic-header,.heic-page,body:has(.heic-page) footer{width:calc(100% - 32px)}.heic-header{height:64px;gap:20px}.heic-brand{font-size:25px}.heic-header nav{gap:12px}.heic-header nav a{font-size:12px}.heic-heading{padding:34px 0 23px}.heic-heading h1{font-size:56px}.heic-heading p{font-size:19px}.heic-dropzone{margin:12px;min-height:245px}.heic-settings{padding:20px}.heic-steps ol{grid-template-columns:1fr;gap:16px}.heic-queue-head{align-items:flex-start;flex-direction:column}.heic-queue .file-row{flex-wrap:wrap}.heic-queue .file-row strong{min-width:65%}}.heic-queue .file-row strong:before{content:"▧";display:inline-grid;place-items:center;width:34px;height:34px;margin-right:13px;border-radius:4px;background:#e6ede6;color:#5c7866;font-size:21px;vertical-align:middle}.heic-queue .file-row .file-state{min-width:110px;color:#27825b;font-weight:700}.heic-queue .file-row .file-state.error{color:#b33324}
