.tool-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-catalog-item{display:flex;align-items:center;gap:15px;border:1px solid #ffffff12;border-radius:16px;padding:18px;color:inherit;text-decoration:none;background:#ffffff04;transition:background .2s,transform .2s}.tool-catalog-item:hover{background:#ffffff0c;transform:translateY(-2px)}.tool-catalog-item>svg{width:21px;flex:none}.tool-catalog-item>svg:last-child{margin-left:auto;width:16px}.tool-catalog-item span{display:grid;gap:6px}.tool-catalog-item strong{font-weight:500}.tool-catalog-item small{color:var(--muted);font-size:12px;line-height:1.45}.apps-page{max-width:1050px;margin:auto}.apps-page .page-heading{margin-bottom:28px}.tool-workspace{padding:65px 24px 55px;min-height:85vh}.tool-workspace .clean-identity h1{margin-bottom:20px}.tool-workspace .teos-logo{width:190px}.tool-workspace .clean-category{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.tool-intro{color:var(--muted);font-size:14px;margin:15px 0 24px;text-align:center}.tool-workspace #tool-root{width:min(840px,100%)}.tool-composer{width:100%}.tool-sources{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 15px}.tool-drop{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;min-width:220px;min-height:90px;border:1px dashed #ffffff35;padding:15px;border-radius:12px;background:#ffffff03}.tool-drop input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.tool-drop span{font-size:13px}.tool-drop small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.tool-ref{position:relative;width:80px;height:90px}.tool-ref img{width:100%;height:100%;object-fit:cover;border-radius:10px}.tool-ref span{position:absolute;bottom:3px;left:3px;background:#000a;font-size:9px;padding:2px 4px;border-radius:3px}.tool-ref button{position:absolute;top:-4px;right:-4px;border:0;border-radius:50%;width:23px;height:23px;background:#353b40;color:white}.tool-reference-hint{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.tool-composer textarea{min-height:78px}.tool-options{position:relative}.tool-options summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.tool-options-panel{position:absolute;top:calc(100% + 10px);left:0;width:280px;padding:18px;background:#171d21;border:1px solid #ffffff26;border-radius:16px;z-index:20;box-shadow:0 20px 50px #0008;display:grid;gap:12px}.tool-options-panel label{display:grid;gap:6px;font-size:12px}.tool-options-panel p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.tool-options-panel select{width:100%}.tool-engine select{border:1px solid #ffffff18;border-radius:24px;background:#ffffff06;color:inherit;padding:9px 28px 9px 12px;max-width:200px;font-size:12px}.tool-engine option{background:#171d21}.tool-cost{margin:10px 0 0;font-size:10px;color:var(--muted);text-align:right}.tool-composer #tool-error:empty{display:none}.tool-note{font-size:11px;color:var(--muted);line-height:1.6;margin:15px auto 0;max-width:670px;text-align:center}.tool-angle-grid{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 20px}.tool-angle-grid button,.tool-targets button,.tool-custom-size button{border:1px solid #ffffff1a;border-radius:18px;background:#ffffff05;color:inherit;padding:9px 14px;font-size:12px}.tool-angle-grid button[aria-pressed=true],.tool-sizes button[aria-pressed=true]{background:#e8eae7;color:#111}.tool-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0 15px}.tool-sizes button{border:1px solid #ffffff1a;border-radius:12px;background:#ffffff05;color:inherit;font-size:11px;padding:10px 5px}.tool-sizes small{display:block;font-size:9px;opacity:.65;margin-top:5px}.tool-custom-size{display:flex;align-items:end;gap:8px;margin-bottom:12px}.tool-custom-size label{font-size:10px;max-width:110px;display:grid;gap:5px}.tool-custom-size input{width:100%}.tool-targets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tool-targets button{font-size:10px}#tool-results:empty{display:none}#tool-results h2{font-size:20px;font-weight:400;margin:50px 0 22px}.tool-job{padding:18px 0;border-top:1px solid #ffffff15}.tool-job-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:15px}.tool-job-heading strong{font-weight:500}.tool-job-heading span{color:var(--muted);font-size:11px}.tool-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-output-grid figure{margin:0;background:#ffffff04;border-radius:14px;overflow:hidden;border:1px solid #ffffff0c}.tool-output-grid img{width:100%;height:220px;object-fit:contain;background:#11181b}.tool-output-grid figcaption{display:grid;gap:7px;padding:12px;font-size:11px}.tool-output-grid small{color:var(--muted)}.tool-output-grid a{color:inherit;text-decoration:none}.tool-output-grid a svg{width:13px}.tool-output-grid button{border:0;background:transparent;color:var(--muted);text-align:left;padding:0;font-size:11px}.admin-toolbar .tabs{flex-wrap:wrap;gap:5px}.admin-toolbar .tabs button{font-size:12px}.clean-identity .apps-entry{margin-left:8px;text-decoration:none}.modal-content:has(.tool-catalog){max-width:850px}.tool-workspace:has(.tool-options[open]){overflow:visible}@media(max-width:650px){.tool-catalog{grid-template-columns:1fr}.tool-catalog-item{padding:13px}.tool-workspace{padding:35px 14px}.tool-workspace .teos-logo{width:140px}.tool-intro{font-size:12px}.tool-drop{min-width:170px;min-height:75px;padding:10px}.tool-sizes{grid-template-columns:repeat(3,1fr)}.tool-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-output-grid img{height:180px}.tool-engine select{max-width:175px;font-size:11px}.tool-options-panel{width:240px}.tool-job-heading{flex-wrap:wrap}.tool-cost{text-align:left;font-size:9px}.tool-composer .clean-toolbar{gap:10px}.tool-ref{width:60px;height:75px}.tool-workspace .clean-identity h1{margin-bottom:15px}}

.tool-options summary.clean-chip{border:1px solid #ffffff18;border-radius:24px;background:#ffffff06;padding:9px 12px;font-size:12px;font-weight:400}.tool-options summary svg{width:14px;height:14px}.tool-options summary::-webkit-details-marker{display:none}

@media(max-width:700px){.platform-nav nav{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;margin-left:0;margin-right:0}.platform-nav nav a{flex-shrink:0}.platform-nav{min-width:0}.tool-composer .clean-toolbar{flex-wrap:wrap}}

#dialog:has(.tool-catalog){width:min(880px,calc(100vw - 32px));max-width:880px}.tool-catalog-item:focus-visible{outline:2px solid #dcece7;outline-offset:2px}

#dialog:has(.tool-catalog){background:linear-gradient(135deg,rgba(25,35,41,.98),rgba(20,23,29,.98));color:#edf0ed}.tool-catalog-item small{color:#a6b2b7}