/* Shared tool presentation. Functional controls and limitations stay tool-specific. */
body.ubis-hub-page,body.ubis-tool-page{background:#f3f4f8;color:#172334}
body.ubis-hub-page #page,body.ubis-tool-page #page{background:transparent}
.ubis-hub-page .inside-article,.ubis-tool-page .inside-article{background:transparent!important}
.ubis-hub-page .site-main,.ubis-tool-page .site-main{margin-top:0}
.ubis-hub-page .site-content,.ubis-tool-page .site-content{max-width:1280px;margin:auto}
.ubis-hub{padding:48px 28px 72px;max-width:1280px}
.ubis-hub .ubis-hub-header{padding:12px 0 28px}
.ubis-hub .ubis-hub-header h1{font-size:40px;line-height:1.3;letter-spacing:-.04em;margin:12px 0 16px}
.ubis-hub .ubis-hub-intro{font-size:17px;color:#586577;display:block}
.ubis-hub .ubis-tool-category{border:0;padding:0;margin-top:36px}
.ubis-hub .ubis-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ubis-hub .ubis-tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:228px;padding:26px 24px;border:1px solid #dde1e9;border-radius:16px;background:#fff;box-shadow:0 2px 5px #17233404;color:#172334}
.ubis-hub .ubis-tool-card:hover{border-color:#8ba3ea;box-shadow:0 8px 24px #1723340e;transform:translateY(-3px)}
.ubis-hub .ubis-tool-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:13px;margin:0 0 20px;background:#edf2ff;color:#3159d9}
.ubis-hub [data-category=pdf] .ubis-tool-icon{color:#c34c37;background:#fff0eb}
.ubis-hub [data-category=image] .ubis-tool-icon{color:#276b55;background:#eaf6ef}
.ubis-hub [data-category=finance] .ubis-tool-icon{color:#3159d9;background:#edf2ff}
.ubis-hub [data-category=random] .ubis-tool-icon{color:#8854a1;background:#f4ecfa}
.ubis-hub .ubis-tool-icon svg{width:40px;height:40px}
.ubis-hub .ubis-tool-card strong{font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.025em;margin:0 0 10px;word-break:keep-all;overflow-wrap:anywhere}
.ubis-hub .ubis-card-description{font-size:15px;line-height:1.65;color:#586577;margin:0;word-break:keep-all;overflow-wrap:anywhere;display:block}
.ubis-tool-page #ubis-image-converter,.ubis-tool-page #ubis-gif-converter,.ubis-tool-page .ufc,.ubis-tool-page .udc,.ubis-tool-page .ubis-random{background:transparent;color:#172334}
.ubis-tool-page :is(.uic-wrap,.ug-wrap,.ufc,.udc,.ubis-random){max-width:1120px;margin:auto;padding:44px 28px 24px}
.ubis-tool-page :is(.uic-hero,.ug-hero,.ufc>header,.udc>header,.rt-intro,.ubis-pilot-intro){display:block!important;text-align:center;margin:0!important;padding:0 0 32px!important}
.ubis-tool-page header.ubis-pilot-intro{padding:44px 28px 0!important;max-width:1120px;margin:auto!important}
.ubis-tool-page :is(.uic-hero,.ug-hero,.ufc>header,.udc>header,.rt-intro,.ubis-pilot-intro) h1{font-size:40px!important;line-height:1.3!important;font-weight:750;letter-spacing:-.035em;margin:0 0 16px!important;color:#172334;word-break:keep-all;overflow-wrap:anywhere}
.ubis-tool-page .ubis-tool-description,.ubis-tool-page #ubis-image-converter .ubis-tool-description,.ubis-tool-page .udc.udc-single header .ubis-tool-description,.ubis-tool-page .ubis-random.rt-single .rt-intro .ubis-tool-description{display:block!important;font-size:18px!important;line-height:1.7!important;font-weight:400;letter-spacing:-.02em;color:#586577!important;max-width:760px;margin:0 auto!important;word-break:keep-all;overflow-wrap:anywhere}
.ubis-tool-page :is(.uic-eyebrow,.ug-eyebrow,.ug-private,.ug-back,.ufc>header .eyebrow,.ufc>a,.udc .eyebrow){display:none!important}
.ubis-tool-page :is(.uic-files,.uic-settings,.ug-panel,.ufc form,.udc form,.rt-editor,.rt-stage){background:#fff;border:1px solid #dde1e9;border-radius:16px}
.ubis-tool-page #ubis-image-converter:not(.has-files) .uic-files{padding:0;border:0;background:transparent}
.ubis-tool-page #ubis-image-converter:not(.has-files) .uic-section-head{display:none}
.ubis-tool-page #ubis-image-converter:not(.has-files) .uic-drop{min-height:256px;border:1px dashed #c4cee0;background:#fff;border-radius:16px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.ubis-tool-page #ubis-image-converter:not(.has-files) .uic-drop>svg,.ubis-tool-page #ubis-image-converter:not(.has-files) .uic-drop>h3,.ubis-tool-page #ubis-image-converter:not(.has-files) .uic-drop>p:not(.uic-formats):not(.uic-drop-instruction){display:none}
.ubis-tool-page #ubis-image-converter .uic-drop>.uic-drop-instruction{margin:0;font-size:14px;color:#586577;order:1}
.ubis-tool-page #ubis-image-converter .uic-drop .uic-formats{order:2;margin:0;font-size:13px;color:#586577}
.ubis-tool-page #ubis-image-converter .uic-drop small{order:3;font-size:12px;color:#586577}
.ubis-tool-page #ubis-image-converter #uic-choose,.ubis-tool-page #ubis-gif-converter #ug-choose{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:320px;max-width:100%;min-height:64px;padding:16px 24px;background:#3159d9;color:#fff;border:0;border-radius:12px;font-size:20px;font-weight:700;line-height:1.4;margin:0;box-shadow:0 4px 10px #3159d920}
.ubis-tool-page #ubis-gif-converter:not(.has-files) .ug-workspace{grid-template-columns:1fr}
.ubis-tool-page #ubis-gif-converter:not(.has-files) .ug-panel:nth-child(2){display:none}
.ubis-tool-page #ubis-gif-converter:not(.has-files) .ug-panel:first-child{background:transparent;padding:0;border:0}
.ubis-tool-page #ubis-gif-converter:not(.has-files) #ug-files-heading{display:none}
.ubis-tool-page #ubis-gif-converter .ug-drop{min-height:256px;border:1px dashed #c4cee0;background:#fff;border-radius:16px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.ubis-tool-page #ubis-gif-converter #ug-choose{order:0}.ubis-tool-page #ubis-gif-converter .ug-drop small{order:1;font-size:14px;color:#586577}
.ubis-tool-page #ubis-gif-converter #ug-formats{order:2;margin:0;font-size:13px}.ubis-tool-page #ubis-gif-converter #ug-limits{order:3;margin:0;font-size:12px}
.ubis-tool-page .ubis-tool-help{margin-top:32px}.ubis-tool-page :is(.ubis-flow li,.ubis-example){background:#fff}
.ubis-tool-page :is(#uic-choose,#ug-choose):focus-visible{outline:3px solid #8ca4ef;outline-offset:4px}
@media(max-width:1000px){.ubis-hub .ubis-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ubis-hub .ubis-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.ubis-hub{padding:28px 16px 48px}.ubis-hub .ubis-tool-grid{grid-template-columns:1fr;gap:14px}.ubis-hub .ubis-tool-card{min-height:190px;padding:24px}.ubis-hub .ubis-hub-header h1{font-size:28px}.ubis-hub .ubis-tool-card strong{font-size:18px}.ubis-tool-page :is(.uic-wrap,.ug-wrap,.ufc,.udc,.ubis-random){padding:28px 16px 16px}.ubis-tool-page .ubis-pilot-intro{padding:28px 16px 0!important}.ubis-tool-page :is(.uic-hero,.ug-hero,.ufc>header,.udc>header,.rt-intro,.ubis-pilot-intro) h1{font-size:28px!important}.ubis-tool-page .ubis-tool-description,.ubis-tool-page #ubis-image-converter .ubis-tool-description,.ubis-tool-page .udc.udc-single header .ubis-tool-description,.ubis-tool-page .ubis-random.rt-single .rt-intro .ubis-tool-description{font-size:16px!important}.ubis-tool-page #ubis-image-converter #uic-choose,.ubis-tool-page #ubis-gif-converter #ug-choose{min-height:56px;font-size:18px}.ubis-tool-page #ubis-image-converter:not(.has-files) .uic-drop,.ubis-tool-page #ubis-gif-converter .ug-drop{min-height:240px}}
@media(prefers-reduced-motion:reduce){.ubis-hub .ubis-tool-card{transition:none;transform:none!important}}
@media(max-width:540px){.ubis-tool-page header.ubis-pilot-intro{padding:28px 16px 0!important}}

/* Conversion tools participate in the same presentation as image/PDF tools. */
.ubis-tool-page #ubis-conversion-tool{background:transparent;--uct-ink:#172334;--uct-muted:#586577;--uct-blue:#3159d9;--uct-line:#dde1e9}
.ubis-tool-page #ubis-conversion-tool .uct-wrap{max-width:1120px;margin:auto;padding:44px 28px 24px}
.ubis-tool-page #ubis-conversion-tool .uct-header{text-align:center;margin:0;padding:0 0 32px}
.ubis-tool-page #ubis-conversion-tool .uct-header h1{font-size:40px;line-height:1.3;font-weight:750;letter-spacing:-.035em;margin:0 0 16px;color:#172334}
.ubis-tool-page #ubis-conversion-tool .uct-description{font-size:18px;line-height:1.7;color:#586577;max-width:760px;margin:0 auto}
.ubis-tool-page #ubis-conversion-tool .uct-drop{min-height:256px;border:1px dashed #c4cee0;background:#fff;border-radius:16px;padding:32px 20px}
.ubis-tool-page #ubis-conversion-tool #uct-choose{background:#3159d9;color:#fff;width:320px;max-width:100%;min-height:64px;border:0;border-radius:12px;font-size:20px;font-weight:700;box-shadow:0 4px 10px #3159d920}
.ubis-tool-page #ubis-conversion-tool.has-files .uct-drop{min-height:160px;padding:24px 16px}
.ubis-tool-page #ubis-conversion-tool.has-files #uct-choose{min-height:48px;font-size:16px}
@media(max-width:540px){.ubis-tool-page #ubis-conversion-tool .uct-wrap{padding:28px 16px 16px}.ubis-tool-page #ubis-conversion-tool .uct-header h1{font-size:28px}.ubis-tool-page #ubis-conversion-tool .uct-description{font-size:16px}.ubis-tool-page #ubis-conversion-tool .uct-drop{min-height:240px}.ubis-tool-page #ubis-conversion-tool #uct-choose{min-height:56px;font-size:18px}}

/* Original task pictograms: document types, outputs and action symbols. */
.ubis-hub .ubis-tool-card .ubis-tool-icon{width:64px;height:64px;border-radius:0;background:transparent;margin-bottom:18px}.ubis-hub .ubis-tool-icon .ubis-pictogram{display:block;width:56px;height:56px;overflow:visible;flex-shrink:0}.ubis-hub .ubis-tool-icon text{letter-spacing:0}