:root{--tools-page-tool-upload-attachments-border-color:#30436c21;--tools-page-tool-upload-attachments-danger-color:#b42318}.tools-page{--tools-page:var(--yrkie-color-page);--tools-ink:var(--yrkie-color-ink);--tools-ink-dim:var(--yrkie-color-ink-muted);--tools-mist:var(--yrkie-color-mist);--tools-heading:var(--yrkie-color-heading);--tools-ultramarine:var(--yrkie-color-primary);--tools-ultramarine-soft:#3550e017;--tools-ultramarine-text:#2c42b8;--public-bg-page:var(--tools-page);--public-bg-base:var(--tools-page);--public-text-ink:var(--tools-ink);--public-text-dark:var(--tools-ink);--public-text-gray:var(--tools-ink-dim);--public-text-muted:var(--tools-mist);--public-accent-blue:var(--tools-ultramarine);--public-glass-bg:var(--yrkie-color-page-glass);background:var(--tools-page);color:var(--tools-ink);font-family:var(--yrkie-font-ui-content);font-size:var(--yrkie-text-body);font-weight:var(--yrkie-weight-regular)}.tools-page button,.tools-page input,.tools-page select,.tools-page textarea{font-family:var(--yrkie-font-ui-content)}.tools-page :where(strong,b){font-weight:var(--yrkie-weight-bold)}.tools-directory-hero,.tool-detail-shell{width:min(calc(100% - calc(var(--yrkie-space-unit) * 8)), calc(var(--yrkie-space-unit) * 304));margin:0 auto}.tools-directory-hero{padding:calc(var(--yrkie-space-unit) * 34) 0 calc(var(--yrkie-space-unit) * 19);text-align:center}.tools-eyebrow,.tools-section-index,.tool-converter-kicker{color:var(--tools-ultramarine);font-family:var(--yrkie-font-ui-content);font-size:var(--yrkie-text-label);font-weight:var(--yrkie-weight-bold);letter-spacing:.14em;text-transform:uppercase}.tools-directory-hero h1,.tool-detail-hero h1{margin:calc(var(--yrkie-space-unit) * 4.4) auto 0;color:var(--tools-ink);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-lg);font-weight:var(--yrkie-weight-heading);letter-spacing:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance;line-height:1.06}.tools-directory-hero h1{max-width:calc(var(--yrkie-space-unit) * 232);margin-top:0}.tools-directory-hero p,.tool-detail-hero p{max-width:calc(var(--yrkie-space-unit) * 172);margin:calc(var(--yrkie-space-unit) * 5.5) auto 0;color:var(--tools-ink-dim);font-family:var(--yrkie-font-ui-content);font-size:var(--yrkie-text-heading-sm);line-height:1.65}.tools-directory-groups{width:min(calc(100% - calc(var(--yrkie-space-unit) * 10)), calc(var(--yrkie-space-unit) * 304));gap:calc(var(--yrkie-space-unit) * 22);padding-bottom:calc(var(--yrkie-space-unit) * 32);margin:0 auto;display:grid}.tools-category-heading{grid-template-columns:minmax(0, .72fr) minmax(calc(var(--yrkie-space-unit) * 72), 1.28fr);align-items:end;gap:calc(var(--yrkie-space-unit) * 12);margin-bottom:calc(var(--yrkie-space-unit) * 6.8);display:grid}.tools-category-heading h2{color:var(--tools-heading);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-lg);font-weight:var(--yrkie-weight-heading);letter-spacing:normal;margin:0;line-height:1.06}.tools-category-heading p{max-width:calc(var(--yrkie-space-unit) * 152);color:var(--tools-ink-dim);font-size:var(--yrkie-text-body);margin:0;line-height:1.65}.tools-category-section .tools-directory-grid{width:100%;padding-bottom:0}.tools-directory-grid{width:min(calc(100% - calc(var(--yrkie-space-unit) * 8)), calc(var(--yrkie-space-unit) * 304));gap:calc(var(--yrkie-space-unit) * 5.6);padding-bottom:calc(var(--yrkie-space-unit) * 32);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid}.tool-card{border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-71);border-radius:var(--yrkie-radius-control);background:var(--public-tone-72);min-width:0;box-shadow:0 calc(var(--yrkie-space-unit) * 4) calc(var(--yrkie-space-unit) * 10) var(--public-tone-73);transition:border-color .22s,box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.tool-card:hover{border-color:var(--public-tone-74);box-shadow:0 calc(var(--yrkie-space-unit) * 6) calc(var(--yrkie-space-unit) * 14.5) var(--public-tone-75);transform:translateY(calc(var(--yrkie-space-unit) * -1.4))}.tool-card-link{height:100%;padding:calc(var(--yrkie-space-unit) * 2.6);flex-direction:column;display:flex}.tool-poster{min-height:calc(var(--yrkie-space-unit) * 53);align-items:center;gap:calc(var(--yrkie-space-unit) * 4);padding:calc(var(--yrkie-space-unit) * 7.2);border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-76);border-radius:var(--yrkie-radius-control);isolation:isolate;grid-template-columns:1fr auto 1fr;display:grid;position:relative;overflow:hidden}.tool-poster-background{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tool-poster-source,.tool-poster-brand{width:calc(var(--yrkie-space-unit) * 18.6);height:calc(var(--yrkie-space-unit) * 18.6);justify-content:center;justify-self:end;align-items:center;gap:calc(var(--yrkie-space-unit) * 1);border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-72);border-radius:var(--yrkie-radius-control);background:var(--public-tone-77);box-shadow:0 calc(var(--yrkie-space-unit) * 3.75) calc(var(--yrkie-space-unit) * 8) var(--public-tone-78);color:var(--yrkie-color-white);flex-direction:column;display:inline-flex;position:relative}.tool-poster-source span{font-size:var(--yrkie-text-label);font-weight:var(--yrkie-weight-bold);letter-spacing:.06em}.tool-poster-coral .tool-poster-source{background:var(--public-tone-80)}.tool-poster-blue .tool-poster-source{background:var(--public-tone-81)}.tool-poster-slate .tool-poster-source{background:var(--public-tone-82)}.tool-poster-green .tool-poster-source{background:var(--public-tone-83)}.tool-poster-violet .tool-poster-source{background:var(--public-tone-84)}.tool-poster-indigo .tool-poster-source{background:var(--public-tone-85)}.tool-poster-amber .tool-poster-source{background:var(--public-tone-86)}.tool-poster-cyan .tool-poster-source{background:var(--public-tone-87)}.tool-poster-pink .tool-poster-source{background:var(--public-tone-88)}.tool-poster-purple .tool-poster-source{background:var(--public-tone-89)}.tool-poster-arrow{color:var(--public-tone-90);display:inline-flex}.tool-poster-brand{background:var(--public-tone-91);box-shadow:0 calc(var(--yrkie-space-unit) * 3.75) calc(var(--yrkie-space-unit) * 8.5) var(--public-tone-92);color:var(--public-tone-93);justify-self:start}.tool-poster-brand img{width:calc(var(--yrkie-space-unit) * 14.2);height:calc(var(--yrkie-space-unit) * 14.2);object-fit:cover;border-radius:50%}.tool-poster-brand svg{top:calc(var(--yrkie-space-unit) * -1);right:calc(var(--yrkie-space-unit) * -1);padding:calc(var(--yrkie-space-unit) * 1.2);background:var(--yrkie-color-white);box-shadow:0 calc(var(--yrkie-space-unit) * 1.25) calc(var(--yrkie-space-unit) * 3) var(--public-tone-94);border-radius:50%;position:absolute}.tool-card-body{padding:calc(var(--yrkie-space-unit) * 5) calc(var(--yrkie-space-unit) * 3) calc(var(--yrkie-space-unit) * 3.2);flex-direction:column;flex:1;align-items:flex-start;display:flex}.tool-card-badge{padding:calc(var(--yrkie-space-unit) * 1.52) calc(var(--yrkie-space-unit) * 2.48);border-radius:var(--yrkie-radius-control);background:var(--tools-ultramarine-soft);color:var(--tools-ultramarine-text);font-size:var(--yrkie-text-label);font-weight:var(--yrkie-weight-bold);letter-spacing:.03em}.tool-card h2,.tool-card h3{margin:calc(var(--yrkie-space-unit) * 3.4) 0 0;color:var(--tools-heading);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-sm);font-weight:var(--yrkie-weight-heading);letter-spacing:normal;line-height:1.3}.tool-card p{margin:calc(var(--yrkie-space-unit) * 2.2) 0 calc(var(--yrkie-space-unit) * 4.8);color:var(--tools-ink-dim);font-size:var(--yrkie-text-body);line-height:1.6}.tool-card-action{align-items:center;gap:calc(var(--yrkie-space-unit) * 1.8);color:var(--tools-ultramarine-text);font-size:var(--yrkie-text-body);font-weight:var(--yrkie-weight-bold);margin-top:auto;display:inline-flex}.tool-card-action svg{transition:transform .22s}.tool-card:hover .tool-card-action svg{transform:translateX(calc(var(--yrkie-space-unit) * .8))}.tool-detail-shell{padding:calc(var(--yrkie-space-unit) * 33) 0 calc(var(--yrkie-space-unit) * 32)}.tool-detail-breadcrumb{align-items:center;gap:calc(var(--yrkie-space-unit) * 2);color:var(--tools-ink-dim);font-size:var(--yrkie-text-label);font-weight:var(--yrkie-weight-bold);display:inline-flex}.tool-detail-breadcrumb svg{transform:rotate(180deg)}.tool-detail-hero{padding:calc(var(--yrkie-space-unit) * 18) 0 calc(var(--yrkie-space-unit) * 12);text-align:center}.tool-detail-hero h1{max-width:calc(var(--yrkie-space-unit) * 248)}.tool-detail-facts{justify-content:center;gap:calc(var(--yrkie-space-unit) * 2.6);margin-top:calc(var(--yrkie-space-unit) * 5.8);flex-wrap:wrap;display:flex}.tool-detail-facts span{align-items:center;gap:calc(var(--yrkie-space-unit) * 1.6);padding:calc(var(--yrkie-space-unit) * 2.32) calc(var(--yrkie-space-unit) * 3);border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-95);border-radius:var(--yrkie-radius-control);background:var(--public-tone-96);color:var(--tools-ink-dim);font-size:var(--yrkie-text-label);font-weight:var(--yrkie-weight-bold);display:inline-flex}.tool-detail-facts svg{color:var(--tools-ultramarine)}.tool-converter-card{grid-template-columns:minmax(0, .86fr) minmax(calc(var(--yrkie-space-unit) * 96), 1.14fr);gap:calc(var(--yrkie-space-unit) * 4);padding:calc(var(--yrkie-space-unit) * 4);border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-71);border-radius:var(--yrkie-radius-control);background:var(--public-tone-27);box-shadow:0 calc(var(--yrkie-space-unit) * 7.5) calc(var(--yrkie-space-unit) * 20) var(--public-tone-97);display:grid}.tool-converter-copy{min-width:0;padding:clamp(calc(var(--yrkie-space-unit) * 6), 4vw, calc(var(--yrkie-space-unit) * 10.8));flex-direction:column;display:flex}.tool-source-dropzone{min-height:calc(var(--yrkie-space-unit) * 56);margin-top:calc(var(--yrkie-space-unit) * 5.2);padding:calc(var(--yrkie-space-unit) * 6);border:calc(var(--yrkie-space-unit) * .25) dashed var(--public-tone-98);border-radius:var(--yrkie-radius-control);background:var(--public-tone-99);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.tool-source-icon{width:calc(var(--yrkie-space-unit) * 12);height:calc(var(--yrkie-space-unit) * 12);margin-bottom:calc(var(--yrkie-space-unit) * 3.4);background:var(--tools-ultramarine-soft);color:var(--tools-ultramarine);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tool-source-dropzone strong{color:var(--tools-heading);font-size:var(--yrkie-text-body);font-weight:var(--yrkie-weight-bold)}.tool-source-dropzone>span:not(.tool-source-icon){max-width:calc(var(--yrkie-space-unit) * 72);margin-top:calc(var(--yrkie-space-unit) * 1.6);color:var(--tools-mist);font-size:var(--yrkie-text-body);line-height:1.5}.tool-source-dropzone>button{min-width:calc(var(--yrkie-space-unit) * 34);min-height:calc(var(--yrkie-space-unit) * 10.8);margin-top:calc(var(--yrkie-space-unit) * 4.6);border-radius:var(--yrkie-radius-control);background:var(--public-tone-100);color:var(--public-tone-101);cursor:not-allowed;font:var(--yrkie-weight-bold) var(--yrkie-text-body)/1 var(--yrkie-font-ui-content);border:0}.tool-source-dropzone.is-interactive{transition:border-color .2s,background .2s,box-shadow .2s}.tool-source-dropzone.is-drag-active{border-color:var(--tools-ultramarine);background:var(--tools-ultramarine-soft);box-shadow:inset 0 0 0 calc(var(--yrkie-space-unit) * .25) var(--public-tone-102)}.tool-source-dropzone.is-unavailable{border-style:solid;border-color:var(--public-tone-103);background:var(--public-tone-104)}.tool-source-dropzone.is-unavailable .tool-source-icon{background:var(--public-tone-105);color:var(--public-tone-106)}.tool-source-dropzone .tool-dropzone-action{min-width:calc(var(--yrkie-space-unit) * 34);min-height:calc(var(--yrkie-space-unit) * 10.8);justify-content:center;align-items:center;gap:calc(var(--yrkie-space-unit) * 1.8);margin-top:calc(var(--yrkie-space-unit) * 4.6);padding:calc(var(--yrkie-space-unit) * 3) calc(var(--yrkie-space-unit) * 4.4);border-radius:var(--yrkie-radius-control);background:var(--tools-ultramarine);box-shadow:0 calc(var(--yrkie-space-unit) * 2.25) calc(var(--yrkie-space-unit) * 5) var(--public-tone-107);color:var(--yrkie-color-white);cursor:pointer;font:var(--yrkie-weight-bold) var(--yrkie-text-body)/1 var(--yrkie-font-ui-content);border:0;transition:box-shadow .2s,transform .2s;display:inline-flex}.tool-source-dropzone .tool-dropzone-action:hover:not(:disabled){box-shadow:0 calc(var(--yrkie-space-unit) * 3) calc(var(--yrkie-space-unit) * 6.5) var(--public-tone-108);transform:translateY(calc(var(--yrkie-space-unit) * -.25))}.tool-source-dropzone .tool-dropzone-action:focus-visible,.tool-convert-action:focus-visible{outline:calc(var(--yrkie-space-unit) * .75) solid var(--public-tone-109);outline-offset:calc(var(--yrkie-space-unit) * .75)}.tool-source-dropzone .tool-dropzone-action:disabled{background:var(--public-tone-100);box-shadow:none;color:var(--public-tone-101);cursor:not-allowed;transform:none}.tool-source-file-input{width:calc(var(--yrkie-space-unit) * .25);height:calc(var(--yrkie-space-unit) * .25);clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.tool-upload-attachments{--bg-panel:var(--yrkie-color-white);--bg-app:var(--tools-page);--bg-hover:var(--tools-ultramarine-soft);--border-color:var(--tools-page-tool-upload-attachments-border-color);--border-focus:var(--tools-ultramarine);--danger-color:var(--tools-page-tool-upload-attachments-danger-color);--text-primary:var(--tools-ink);--text-secondary:var(--tools-ink-dim);--text-muted:var(--tools-mist);margin-top:calc(var(--yrkie-space-unit) * 3.2)}.tool-upload-attachments .prompt-attachment-list{grid-template-columns:minmax(0,1fr)}.tool-upload-attachments .prompt-attachment-name{font-size:var(--yrkie-text-body);font-weight:var(--yrkie-weight-bold)}.tool-upload-attachments :is(.prompt-attachment-meta,.prompt-attachment-restore-status){font-size:var(--yrkie-text-label)}.tool-conversion-error{align-items:flex-start;gap:calc(var(--yrkie-space-unit) * 1.6);margin:calc(var(--yrkie-space-unit) * 2.8) 0 0;color:var(--public-tone-31);font-size:var(--yrkie-text-label);line-height:1.5;display:flex}.tool-conversion-error svg{margin-top:calc(var(--yrkie-space-unit) * .32);flex:none}.tool-convert-action{min-height:calc(var(--yrkie-space-unit) * 12);justify-content:center;align-items:center;gap:calc(var(--yrkie-space-unit) * 2);margin-top:calc(var(--yrkie-space-unit) * 3.6);padding:calc(var(--yrkie-space-unit) * 3.2) calc(var(--yrkie-space-unit) * 4.8);border-radius:var(--yrkie-radius-control);background:var(--tools-ultramarine);box-shadow:0 calc(var(--yrkie-space-unit) * 3) calc(var(--yrkie-space-unit) * 6.25) var(--public-tone-107);color:var(--yrkie-color-white);cursor:pointer;font:var(--yrkie-weight-bold) var(--yrkie-text-body)/1 var(--yrkie-font-ui-content);border:0;transition:box-shadow .2s,transform .2s;display:inline-flex}.tool-convert-action:hover:not(:disabled){box-shadow:0 calc(var(--yrkie-space-unit) * 4) calc(var(--yrkie-space-unit) * 7.5) var(--public-tone-108);transform:translateY(calc(var(--yrkie-space-unit) * -.25))}.tool-convert-action:disabled{background:var(--public-tone-110);box-shadow:none;color:var(--public-tone-111);cursor:not-allowed;transform:none}.tool-action-spinner{width:calc(var(--yrkie-space-unit) * 4);height:calc(var(--yrkie-space-unit) * 4);animation:.85s linear infinite tool-action-spin}.tool-output-row{justify-content:space-between;align-items:center;gap:calc(var(--yrkie-space-unit) * 4);margin-top:calc(var(--yrkie-space-unit) * 4);padding:calc(var(--yrkie-space-unit) * 3.6) calc(var(--yrkie-space-unit) * 4);border-radius:var(--yrkie-radius-control);background:var(--tools-ultramarine-soft);color:var(--tools-ink-dim);font-size:var(--yrkie-text-body);display:flex}.tool-output-row strong{color:var(--tools-ultramarine-text)}.tool-preview-notice{margin:calc(var(--yrkie-space-unit) * 3.2) 0 0;color:var(--tools-mist);font-size:var(--yrkie-text-label);line-height:1.55}@keyframes tool-action-spin{to{transform:rotate(360deg)}}.tool-converter-card>.tool-poster{min-height:calc(var(--yrkie-space-unit) * 124)}.tool-expectation-grid{gap:calc(var(--yrkie-space-unit) * 4);padding:calc(var(--yrkie-space-unit) * 24) 0 calc(var(--yrkie-space-unit) * 32);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-expectation-card{align-items:start;gap:calc(var(--yrkie-space-unit) * 4);padding:clamp(calc(var(--yrkie-space-unit) * 6), 3vw, calc(var(--yrkie-space-unit) * 8.8));border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-71);border-radius:var(--yrkie-radius-control);background:var(--public-tone-112);grid-template-columns:auto 1fr;display:grid}.tool-expectation-card>svg{margin-top:calc(var(--yrkie-space-unit) * .4)}.tool-expectation-card.is-positive>svg{color:var(--public-tone-113)}.tool-expectation-card.is-limitation>svg{color:var(--public-tone-114)}.tool-expectation-card h2{color:var(--tools-heading);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-sm);font-weight:var(--yrkie-weight-heading);margin:0;line-height:1.3}.tool-expectation-card p{margin:calc(var(--yrkie-space-unit) * 2.6) 0 0;color:var(--tools-ink-dim);font-size:var(--yrkie-text-body);line-height:1.65}.tool-example-section{padding-bottom:calc(var(--yrkie-space-unit) * 32)}.tool-example-flow{align-items:center;gap:calc(var(--yrkie-space-unit) * 4.8);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.tool-example-panel{min-height:calc(var(--yrkie-space-unit) * 80);padding:clamp(calc(var(--yrkie-space-unit) * 6), 3vw, calc(var(--yrkie-space-unit) * 8.8));border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-71);border-radius:var(--yrkie-radius-control);background:var(--public-tone-112)}.tool-example-panel.is-output{background:linear-gradient(145deg, var(--public-tone-50), var(--public-tone-96));box-shadow:0 calc(var(--yrkie-space-unit) * 6) calc(var(--yrkie-space-unit) * 15) var(--public-tone-115)}.tool-example-panel>span{color:var(--tools-ultramarine);font-size:var(--yrkie-text-label);font-weight:var(--yrkie-weight-bold);letter-spacing:.12em;text-transform:uppercase}.tool-example-panel h3{margin:calc(var(--yrkie-space-unit) * 4) 0 0;color:var(--tools-heading);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-sm);font-weight:var(--yrkie-weight-heading);line-height:1.4}.tool-example-panel ul,.tool-example-panel ol{gap:calc(var(--yrkie-space-unit) * 2.8);margin:calc(var(--yrkie-space-unit) * 5.6) 0 0;padding-left:calc(var(--yrkie-space-unit) * 4.8);color:var(--tools-ink-dim);font-size:var(--yrkie-text-body);line-height:1.6;display:grid}.tool-example-arrow{color:var(--tools-ultramarine)}.tool-use-cases{gap:clamp(calc(var(--yrkie-space-unit) * 8), 7vw, calc(var(--yrkie-space-unit) * 28));padding-bottom:calc(var(--yrkie-space-unit) * 32);grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);display:grid}.tool-use-cases h2{margin:calc(var(--yrkie-space-unit) * 3.2) 0 0;color:var(--tools-heading);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-lg);font-weight:var(--yrkie-weight-heading);letter-spacing:normal;line-height:1.06}.tool-use-cases ul{gap:calc(var(--yrkie-space-unit) * 3.2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tool-use-cases li{align-items:flex-start;gap:calc(var(--yrkie-space-unit) * 2.2);padding:calc(var(--yrkie-space-unit) * 4);border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-116);border-radius:var(--yrkie-radius-control);background:var(--public-tone-117);color:var(--tools-ink-dim);font-size:var(--yrkie-text-body);line-height:1.55;display:flex}.tool-use-cases li svg{margin-top:calc(var(--yrkie-space-unit) * .4);color:var(--tools-ultramarine);flex:none}.tool-use-cases+.tool-steps{padding-bottom:calc(var(--yrkie-space-unit) * 32)}.tool-guide-card{align-items:center;gap:calc(var(--yrkie-space-unit) * 4);margin-bottom:calc(var(--yrkie-space-unit) * 32);padding:calc(var(--yrkie-space-unit) * 5.6) calc(var(--yrkie-space-unit) * 6);border:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-102);border-radius:var(--yrkie-radius-control);background:linear-gradient(125deg, var(--public-tone-50), var(--public-tone-96));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.tool-guide-card>svg{color:var(--tools-ultramarine)}.tool-guide-card span{color:var(--tools-ultramarine);font-size:var(--yrkie-text-label);font-weight:var(--yrkie-weight-bold);letter-spacing:.1em;text-transform:uppercase}.tool-guide-card h2{margin:calc(var(--yrkie-space-unit) * 1.4) 0 0;color:var(--tools-heading);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-sm);font-weight:var(--yrkie-weight-heading);line-height:1.4}.tool-guide-card a{width:calc(var(--yrkie-space-unit) * 11.2);height:calc(var(--yrkie-space-unit) * 11.2);background:var(--tools-ultramarine);color:var(--yrkie-color-white);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tool-explainer{gap:clamp(calc(var(--yrkie-space-unit) * 12), 8vw, calc(var(--yrkie-space-unit) * 32));padding:calc(var(--yrkie-space-unit) * 36) 0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.tool-about-copy h2,.tool-steps h2,.tools-section-heading h2{margin:calc(var(--yrkie-space-unit) * 3.2) 0 0;color:var(--tools-heading);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-lg);font-weight:var(--yrkie-weight-heading);letter-spacing:normal;line-height:1.06}.tool-about-copy>p{margin:calc(var(--yrkie-space-unit) * 6) 0 0;color:var(--tools-ink-dim);font-size:var(--yrkie-text-heading-sm);line-height:1.65}.tool-steps ol{margin:calc(var(--yrkie-space-unit) * 6.4) 0 0;gap:0;padding:0;list-style:none;display:grid}.tool-steps li{grid-template-columns:calc(var(--yrkie-space-unit) * 10.4) 1fr;gap:calc(var(--yrkie-space-unit) * 4.8);padding:calc(var(--yrkie-space-unit) * 5.6) 0;border-top:calc(var(--yrkie-space-unit) * .25) solid var(--public-tone-71);display:grid}.tool-steps li>span{color:var(--tools-ultramarine);font-size:var(--yrkie-text-label);font-weight:var(--yrkie-weight-bold)}.tool-steps h3{color:var(--tools-heading);font-family:var(--yrkie-font-ui);font-size:var(--yrkie-text-heading-sm);font-weight:var(--yrkie-weight-heading);margin:0;line-height:1.35}.tool-steps p{margin:calc(var(--yrkie-space-unit) * 1.6) 0 0;color:var(--tools-ink-dim);font-size:var(--yrkie-text-body);line-height:1.6}.tool-related-section,.tool-faq-section{padding:0 0 calc(var(--yrkie-space-unit) * 32)}.tools-section-heading{margin-bottom:calc(var(--yrkie-space-unit) * 8)}.tool-related-grid{gap:calc(var(--yrkie-space-unit) * 5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tool-card.is-compact .tool-poster{min-height:calc(var(--yrkie-space-unit) * 42);padding:calc(var(--yrkie-space-unit) * 4.8)}.tool-card.is-compact .tool-poster-source,.tool-card.is-compact .tool-poster-brand{width:calc(var(--yrkie-space-unit) * 14.8);height:calc(var(--yrkie-space-unit) * 14.8)}.tool-card.is-compact .tool-poster-brand img{width:calc(var(--yrkie-space-unit) * 11.2);height:calc(var(--yrkie-space-unit) * 11.2)}@media (width<=64rem){.tools-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-converter-card{grid-template-columns:1fr}.tool-converter-card>.tool-poster{min-height:calc(var(--yrkie-space-unit) * 96);grid-row:1}.tool-example-flow{grid-template-columns:1fr}.tool-example-arrow{justify-self:center;transform:rotate(90deg)}}@media (width<=48rem){.tools-directory-hero,.tool-detail-shell,.tools-directory-grid,.tools-directory-groups{width:min(calc(100% - calc(var(--yrkie-space-unit) * 8)), calc(var(--yrkie-space-unit) * 304))}.tools-directory-hero{padding:calc(var(--yrkie-space-unit) * 29) 0 calc(var(--yrkie-space-unit) * 14)}.tools-directory-grid,.tool-related-grid{grid-template-columns:1fr}.tools-directory-grid{gap:calc(var(--yrkie-space-unit) * 4);padding-bottom:calc(var(--yrkie-space-unit) * 20)}.tools-directory-groups{gap:calc(var(--yrkie-space-unit) * 16);padding-bottom:calc(var(--yrkie-space-unit) * 20)}.tools-category-heading{gap:calc(var(--yrkie-space-unit) * 3.2);grid-template-columns:1fr}.tools-category-section .tools-directory-grid{width:100%;padding-bottom:0}.tool-poster{min-height:calc(var(--yrkie-space-unit) * 44);padding:calc(var(--yrkie-space-unit) * 5)}.tool-poster-source,.tool-poster-brand{width:calc(var(--yrkie-space-unit) * 15.6);height:calc(var(--yrkie-space-unit) * 15.6)}.tool-poster-brand img{width:calc(var(--yrkie-space-unit) * 12);height:calc(var(--yrkie-space-unit) * 12)}.tool-detail-shell{padding:calc(var(--yrkie-space-unit) * 28.4) 0 calc(var(--yrkie-space-unit) * 20)}.tool-detail-hero{padding:calc(var(--yrkie-space-unit) * 13) 0 calc(var(--yrkie-space-unit) * 9)}.tool-detail-facts{flex-direction:column;align-items:stretch}.tool-detail-facts span{justify-content:center}.tool-converter-card{padding:calc(var(--yrkie-space-unit) * 2.6);border-radius:var(--yrkie-radius-control)}.tool-converter-card>.tool-poster{min-height:calc(var(--yrkie-space-unit) * 56)}.tool-explainer{gap:calc(var(--yrkie-space-unit) * 18);padding:calc(var(--yrkie-space-unit) * 24) 0;grid-template-columns:1fr}.tool-related-section,.tool-faq-section{padding-bottom:calc(var(--yrkie-space-unit) * 24)}.tool-expectation-grid{padding:calc(var(--yrkie-space-unit) * 18) 0 calc(var(--yrkie-space-unit) * 24);grid-template-columns:1fr}.tool-example-section,.tool-use-cases,.tool-use-cases+.tool-steps{padding-bottom:calc(var(--yrkie-space-unit) * 24)}.tool-example-panel{min-height:0}.tool-use-cases{gap:calc(var(--yrkie-space-unit) * 8);grid-template-columns:1fr}.tool-use-cases ul{grid-template-columns:1fr}.tool-guide-card{margin-bottom:calc(var(--yrkie-space-unit) * 24)}}@media (prefers-reduced-motion:reduce){.tool-card,.tool-card-action svg{transition-duration:.01ms}.tool-action-spinner{animation-duration:1.7s}}