.access-filter{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 7px}.access-filter button{border:1px solid #dce6d5;border-radius:8px;background:#fbfdf8;padding:8px 11px;font-size:10px;color:#5a724a;display:flex;align-items:center;gap:7px}.access-filter button[aria-pressed=true]{background:#e9f2df;border-color:#aac292;color:#486735}.access-filter button span{font-size:9px;border-radius:5px;background:#fff8;padding:2px 5px}.access-badge.free-api{background:#e8effc;color:#3f6398}.access-badge.free-credits{background:#fff0dd;color:#895623}.cloud-card .download-size{align-items:flex-start;font-size:10px}.cloud-card .download-size svg{flex-shrink:0;margin-top:2px}.cloud-card .tool-card-footer{flex-wrap:wrap}.cloud-card .access-badge{font-size:8px}.cloud-card .provider-caption{font-size:9px;color:var(--tool-ink);margin-top:8px;line-height:1.6}.directory-access-note{margin:10px 0 2px;font-size:10px;color:#758767;line-height:1.8}.directory-access-note strong{color:#596e4c}
.cloud-layout{display:grid;grid-template-columns:252px minmax(0,1fr);height:100%;min-height:0;position:relative;color:#526746;background:var(--tool-wash,#fbfdf8);border-top:1px solid #dfe7d6}.cloud-layout.hidden{display:none}.cloud-sidebar{display:flex;flex-direction:column;gap:12px;padding:22px 17px 16px;min-height:0;background:var(--tool-bg,#f1f5e9);border-right:1px solid var(--tool-line,#dfe6d6);overflow-y:auto}.cloud-sidebar-heading{display:flex;align-items:center;gap:8px;font-size:13px}.cloud-sidebar-heading>.module-icon-button{display:none;margin-left:auto}.cloud-sidebar-label{font-size:8px;letter-spacing:1.5px;font-weight:600;margin-top:4px;color:var(--tool-ink)}.cloud-tool-nav{display:flex;flex-direction:column;gap:3px}.cloud-tool-nav .module-nav-item{font-size:10px;line-height:1.6;padding:8px 9px}.cloud-recents{display:flex;flex-direction:column;gap:5px;max-height:215px;overflow:auto;flex-shrink:0}.cloud-recent{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:8px;padding:9px 11px;gap:3px;font-size:10px;line-height:1.5;color:#556c47}.cloud-recent.selected{background:#ffffffa6}.cloud-recent>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-recent small{font-size:8px;color:#829274}.cloud-sidebar>.cloud-small{padding:10px 0 0;margin-top:auto;border-top:1px solid var(--tool-line)}.cloud-main{display:flex;flex-direction:column;min-width:0;min-height:0}.cloud-toolbar{display:flex;align-items:center;gap:11px;padding:12px 25px;min-height:73px;border-bottom:1px solid var(--tool-line);background:#ffffff94;flex-shrink:0}.cloud-heading-icon{width:35px;height:35px;flex-shrink:0}.cloud-heading-icon svg{width:21px;height:21px}.cloud-heading{min-width:0}.cloud-heading>span{display:block;font-size:8px;letter-spacing:1px;color:var(--tool-ink);margin-bottom:4px}.cloud-heading h1{margin:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-toolbar-actions{display:flex;gap:5px;align-items:center;margin-left:auto;flex-shrink:0}.cloud-toolbar-actions [data-save][aria-pressed=true]{background:var(--tool-bg);color:var(--tool-ink)}.cloud-toolbar-actions [data-save][aria-pressed=true] svg{fill:var(--tool-line)}.cloud-scroll{padding:23px 28px;overflow:auto;min-height:0;flex:1}.cloud-intro{margin:0 0 15px;font-size:11px;line-height:1.8;color:#6d7f60}.cloud-allowance{background:#ffffffb3;border:1px solid var(--tool-line);border-radius:11px;padding:13px 16px;margin-bottom:17px;font-size:10px;line-height:1.9}.cloud-allowance>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cloud-allowance strong{color:var(--tool-ink);font-size:11px}.cloud-allowance>div>span:last-child{color:#738365;font-size:9px}.cloud-allowance details{margin-top:7px}.cloud-allowance summary{cursor:pointer;display:flex;align-items:center;gap:5px;font-size:9px;width:max-content;color:var(--tool-ink)}.cloud-allowance summary svg{width:12px;height:12px}.cloud-allowance details p{margin:9px 0}.cloud-setup-links{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:9px;line-height:1.8}.cloud-setup-links a{color:var(--tool-ink);display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:3px}.cloud-setup-links svg{width:11px;height:11px}.cloud-setup-links>span{color:#829274}.cloud-workbench{display:grid;grid-template-columns:minmax(265px,.85fr) minmax(0,1.2fr);background:#fff;border:1px solid var(--tool-line);border-radius:13px;min-height:500px;overflow:hidden}.cloud-input-panel{padding:24px;border-right:1px solid var(--tool-line);min-width:0}.cloud-result-panel{padding:24px;min-width:0}.cloud-input-panel>h2,.cloud-result-heading>h2{font-size:12px;font-weight:600;margin:0 0 20px}.cloud-result-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.cloud-result-heading>h2{margin-bottom:0}.cloud-result-heading{margin-bottom:15px}.cloud-result-heading #cloud-result-actions{display:flex;gap:10px;align-items:center}.cloud-result-heading button{font-size:9px;padding:8px 10px}.cloud-connection{background:var(--tool-wash);border:1px solid var(--tool-line);border-radius:10px;margin-bottom:20px;font-size:10px;line-height:1.8}.cloud-connection summary{padding:11px 12px;cursor:pointer;display:flex;align-items:center;gap:7px;color:var(--tool-ink)}.cloud-connection summary>svg{height:15px;width:15px;flex-shrink:0}.cloud-connection summary>svg:last-child{margin-left:auto;width:12px}.cloud-connection-body{padding:0 13px 13px}.cloud-connection-body>p:first-child{margin:0 0 10px}.cloud-connection .field-label{margin-top:12px}.cloud-connect-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.cloud-connect-actions button{font-size:9px;padding:8px 12px}.cloud-layout .field-label{font-size:10px;color:#596f4c;margin:14px 0 8px}.cloud-layout .tool-textarea{font-size:12px;min-height:170px;line-height:1.9}.cloud-layout .tool-input{font-size:11px;width:100%;height:39px}.cloud-layout select.tool-input{background:#fff}.cloud-small{font-size:9px;line-height:1.9;color:#768668;margin:11px 0 0}.cloud-run-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:17px}.cloud-run-actions .primary-button,.cloud-run-actions .secondary-button{font-size:10px;padding:10px 14px}.cloud-run-actions .text-link{font-size:9px}.cloud-status{background:var(--tool-bg);border-radius:7px;color:var(--tool-ink);font-size:10px;line-height:1.8;padding:10px 12px;margin-top:12px}.cloud-upload{padding:25px 14px;min-height:155px;border:1px dashed var(--tool-line);border-radius:10px;background:var(--tool-wash);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;cursor:pointer;margin:16px 0}.cloud-upload>svg{width:26px;height:26px;color:var(--tool-ink)}.cloud-upload>strong{font-size:12px}.cloud-upload>span{font-size:9px;color:#7e8f70}.cloud-upload input{max-width:100%;font-size:10px}.cloud-file-preview img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.cloud-file-preview audio{width:100%;height:38px}.cloud-file-preview p{font-size:9px;overflow-wrap:anywhere;color:#7c8f6c}.cloud-checkbox{font-size:10px;display:flex;align-items:center;gap:8px;margin-top:15px}.cloud-checkbox input{accent-color:var(--tool-ink)}.cloud-output-length{font-size:9px;display:flex;align-items:center;gap:10px;color:#7d8b70;margin-top:13px}.cloud-output-length select{border:1px solid var(--tool-line);background:#fff;border-radius:6px;padding:6px;font-size:9px;color:#60734e}.cloud-voices-button{font-size:9px;margin-top:9px;display:flex;align-items:center;gap:5px}.cloud-voices-button svg{width:13px;height:13px}.cloud-empty{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px}.cloud-empty-icon{width:58px;height:58px;border-radius:15px;margin-bottom:17px}.cloud-empty-icon svg{width:31px;height:31px}.cloud-empty h2,.cloud-empty h3{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.7px;margin:0 0 13px;color:var(--tool-ink)}.cloud-empty p{font-size:11px;line-height:1.9;color:#819072;max-width:330px;margin:0}.cloud-result-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.95;color:#4f5f47;padding:8px 0;max-height:none}.cloud-result-text.code-result{font-family:ui-monospace,monospace;font-size:12px;background:#f4f6f1;padding:18px;border-radius:8px}.cloud-image-result{padding:14px;background:var(--tool-wash);border-radius:10px;display:flex;justify-content:center;align-items:center;min-height:320px}.cloud-image-result.transparent{background-color:#fff;background-image:linear-gradient(45deg,#e6e8e1 25%,transparent 25%),linear-gradient(-45deg,#e6e8e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e8e1 75%),linear-gradient(-45deg,transparent 75%,#e6e8e1 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.cloud-image-result img{max-width:100%;max-height:640px;object-fit:contain}.cloud-audio-result{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--tool-wash);border-radius:9px;padding:25px}.cloud-audio-result>svg{width:50px;height:50px;color:var(--tool-ink)}.cloud-audio-result h3{font-size:14px;font-weight:500}.cloud-audio-result audio{width:100%}.cloud-source-links{display:flex;flex-direction:column;gap:8px;font-size:10px;margin-top:20px}.cloud-source-links a{color:var(--tool-ink);display:flex;align-items:center;gap:4px;overflow-wrap:anywhere}.cloud-source-links svg{width:12px;height:12px;flex-shrink:0}.cloud-sidebar-backdrop{display:none}
.cloud-layout[data-operation=chat] .cloud-scroll{display:flex;flex-direction:column;padding-bottom:16px;overflow:hidden}.cloud-layout[data-operation=chat] .cloud-intro{display:none}.cloud-layout[data-operation=chat] .cloud-allowance{flex-shrink:0;max-height:28vh;overflow:auto}.cloud-chat-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;min-height:0;flex:1}.cloud-chat-settings{overflow:auto;min-height:0}.cloud-chat-settings .cloud-connection-body{font-size:9px}.cloud-messages{overflow:auto;padding:8px 14px 20px;min-width:0}.cloud-messages>.cloud-empty{height:100%;min-height:220px}.cloud-message{margin:10px 0 28px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.cloud-message>strong{font-size:10px;color:var(--tool-ink)}.cloud-message>p{white-space:pre-wrap;margin:8px 0 0}.cloud-message.user{max-width:88%;margin-left:auto;padding:12px 17px;border-radius:14px;background:var(--tool-bg)}.cloud-composer{flex-shrink:0;border:1px solid var(--tool-line);background:#fff;border-radius:14px;padding:14px 19px 11px;margin-top:12px;max-width:800px;width:100%;align-self:center}.cloud-composer .tool-textarea{min-height:45px;max-height:150px;border:0;padding:0;resize:vertical;font-size:13px}.cloud-composer .tool-textarea:focus{box-shadow:none;outline:none}.cloud-composer .cloud-output-length{display:inline-flex;margin-top:7px}.cloud-composer .cloud-run-actions{margin-top:9px;float:right}.cloud-composer>.cloud-small{clear:both;padding-top:7px;font-size:8px}.cloud-composer .cloud-status{margin-top:5px;padding:6px 10px}
@media(max-width:1100px){.cloud-layout{grid-template-columns:220px minmax(0,1fr)}.cloud-scroll{padding:20px}.cloud-workbench{grid-template-columns:minmax(230px,1fr) minmax(0,1.1fr)}.cloud-input-panel,.cloud-result-panel{padding:20px}.cloud-chat-body{grid-template-columns:180px minmax(0,1fr);gap:16px}.cloud-toolbar{padding:12px 20px}.cloud-heading h1{font-size:13px}}
@media(max-width:900px){.cloud-layout{display:flex}.cloud-main{width:100%}.cloud-sidebar{position:absolute;left:0;top:0;bottom:0;width:272px;z-index:35;transform:translateX(-100%);visibility:hidden}.cloud-layout.sidebar-open .cloud-sidebar{transform:translateX(0);visibility:visible;box-shadow:8px 0 30px #283c2426}.cloud-sidebar-heading>.module-icon-button{display:grid}.cloud-layout.sidebar-open .cloud-sidebar-backdrop{display:block;position:absolute;inset:0;z-index:34;background:#3048294d}.cloud-chat-body{grid-template-columns:1fr;gap:0}.cloud-chat-settings{max-height:160px;flex-shrink:0;overflow:auto}.cloud-chat-settings .cloud-connection{margin-bottom:10px}.cloud-layout[data-operation=chat] .cloud-chat-body{display:flex;flex-direction:column}.cloud-messages{flex:1}}
@media(max-width:640px){.cloud-toolbar{min-height:64px;padding:10px 14px;gap:8px}.cloud-heading>span{font-size:7px;letter-spacing:.5px}.cloud-heading h1{font-size:12px;max-width:180px}.cloud-heading-icon{width:30px;height:30px}.cloud-toolbar-actions .module-all-tools{font-size:0}.cloud-toolbar-actions [data-cloud=share]{display:none}.cloud-scroll{padding:15px}.cloud-workbench{display:block}.cloud-input-panel{border-right:0;border-bottom:1px solid var(--tool-line);padding:18px}.cloud-result-panel{padding:18px}.cloud-allowance{padding:11px 13px}.cloud-allowance>div{gap:7px}.cloud-allowance strong{font-size:10px}.cloud-layout .tool-textarea,.cloud-layout .tool-input{font-size:16px}.cloud-small{font-size:10px}.cloud-empty{min-height:240px;padding:25px 15px}.cloud-empty h2,.cloud-empty h3{font-size:26px}.cloud-composer{padding:13px 14px 10px}.cloud-composer .tool-textarea{font-size:16px}.cloud-composer .cloud-output-length{font-size:8px;gap:6px}.cloud-composer .cloud-output-length select{font-size:8px;padding:4px}.cloud-composer .cloud-run-actions .primary-button{font-size:9px;padding:8px 10px}.cloud-composer>.cloud-small{font-size:8px}.cloud-message{font-size:13px}.cloud-result-text{font-size:13px}.access-filter button{font-size:9px;padding:8px 9px}.cloud-image-result{min-height:220px}.cloud-layout[data-operation=chat] .cloud-allowance{max-height:22vh;margin-bottom:10px}.cloud-chat-settings{max-height:115px}.cloud-messages{padding:5px 2px 15px}.cloud-messages>.cloud-empty{min-height:140px}.cloud-chat-body .cloud-small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cloud-sidebar{transition:none}}