/* ThumbLab V110 creator toolkit */
.tl110-suite{margin:12px 0 16px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(180deg,rgba(15,15,22,.96),rgba(9,9,14,.98));box-shadow:0 18px 40px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
.tl110-suite-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px}.tl110-suite-head>div>span{font-size:7px;font-weight:950;letter-spacing:.12em;color:#9cff35}.tl110-suite-head h3{font-size:12px;margin:4px 0 2px;color:#fff;letter-spacing:-.03em}.tl110-suite-head p{margin:0;color:#746e7c;font-size:7px;line-height:1.4}.tl110-suite-head>button{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid rgba(163,255,55,.24);border-radius:10px;background:linear-gradient(180deg,#b0ff43,#8be61d);color:#101606;font-size:7px;font-weight:950;cursor:pointer;box-shadow:0 10px 22px rgba(145,255,21,.12)}.tl110-suite-head>button:hover{transform:translateY(-1px)}.tl110-suite-head>button:active{transform:translateY(1px) scale(.98)}.tl110-suite-head svg{width:13px;height:13px}
.tl110-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tl110-tool{min-height:54px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0b0b11;color:#fff;text-align:left;cursor:pointer;transition:.2s cubic-bezier(.16,1,.3,1)}.tl110-tool:hover{transform:translateY(-2px);border-color:rgba(144,92,255,.28);background:#111019;box-shadow:0 12px 24px rgba(0,0,0,.24)}.tl110-tool:active{transform:translateY(1px) scale(.985)}.tl110-tool>svg{width:26px;height:26px;padding:6px;border-radius:9px;background:linear-gradient(145deg,#17151f,#0d0c12);color:#a783ff;border:1px solid rgba(255,255,255,.05)}.tl110-tool.lime>svg{color:#9cff35}.tl110-tool.cyan>svg{color:#61e7ff}.tl110-tool.violet>svg{color:#bd8aff}.tl110-tool b{display:block;font-size:7.5px}.tl110-tool small{display:block;margin-top:2px;color:#706a78;font-size:6px;line-height:1.25}
.tl110-modal{position:fixed;inset:0;z-index:12000;display:none;place-items:center;padding:18px;background:rgba(3,3,7,.72);backdrop-filter:blur(18px)}.tl110-modal.show{display:grid;animation:tl110Fade .18s ease}.tl110-window{width:min(680px,94vw);max-height:90dvh;display:grid;grid-template-rows:54px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#08090e;box-shadow:0 34px 100px rgba(0,0,0,.62)}.tl110-top{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06)}.tl110-top b{font-size:12px}.tl110-top span{display:block;margin-top:2px;font-size:7px;color:#756e7d}.tl110-top button{width:32px;height:32px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#101119;color:#aaa4b2;cursor:pointer}.tl110-top svg{width:15px}.tl110-body{overflow:auto;padding:14px}.tl110-card{padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#0b0c12;margin-bottom:10px}.tl110-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tl110-field{display:grid;gap:6px}.tl110-field>span{display:flex;align-items:center;justify-content:space-between;color:#8a8393;font-size:8px}.tl110-field b{color:#fff;font-size:8px}.tl110-field input,.tl110-field select{width:100%;height:34px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#101119;color:#fff;padding:0 9px;accent-color:#8f5cff}.tl110-field input[type=range]{padding:0}.tl110-primary{width:100%;height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,#7c54ff,#a45cff);color:#fff;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(111,71,255,.2)}.tl110-primary:hover{filter:brightness(1.06)}.tl110-primary:active{transform:translateY(2px) scale(.99)}.tl110-preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tl110-preset-row button{height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#11121a;color:#a59ead;font-size:7px;font-weight:850;cursor:pointer}.tl110-preset-row button:hover{color:#fff;border-color:rgba(143,92,255,.3)}
.tl110-look-grid,.tl110-bg-grid,.tl110-align-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.tl110-look-grid button,.tl110-bg-grid button,.tl110-align-grid button{min-height:70px;padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#0c0d12;color:#fff;cursor:pointer}.tl110-look-grid button:hover,.tl110-bg-grid button:hover,.tl110-align-grid button:hover{border-color:rgba(143,92,255,.34);transform:translateY(-1px)}.tl110-look-grid i{display:block;height:28px;border-radius:8px;margin-bottom:6px;background:linear-gradient(90deg,#7c4dff,#61e7ff)}.tl110-look-grid button:nth-child(2) i{background:linear-gradient(90deg,#ff3d62,#ffb51f)}.tl110-look-grid button:nth-child(3) i{background:linear-gradient(90deg,#58a4d0,#ff7c3f)}.tl110-look-grid button:nth-child(4) i{background:linear-gradient(90deg,#ff935e,#ffd75e)}.tl110-look-grid button:nth-child(5) i{background:linear-gradient(90deg,#61e7ff,#2c55ff)}.tl110-look-grid button:nth-child(6) i{background:linear-gradient(90deg,#fff,#333)}.tl110-look-grid b,.tl110-bg-grid b{font-size:7px}.tl110-bg-grid span{display:block;height:42px;border-radius:8px;margin-bottom:5px}.tl110-align-grid button{display:grid;place-items:center;gap:5px;font-size:8px;font-weight:850}.tl110-align-grid svg{width:18px;height:18px;color:#a783ff}
.tl110-overlay{position:absolute;inset:0;z-index:65;pointer-events:none;border-radius:inherit}.tl110-safe{border:2px solid rgba(145,255,21,.62);box-shadow:inset 0 0 0 1px rgba(145,255,21,.12)}.tl110-safe:before{content:"";position:absolute;inset:8%;border:1px dashed rgba(145,255,21,.62)}.tl110-safe:after{content:"";position:absolute;left:15%;right:15%;top:15%;bottom:15%;border:1px dashed rgba(97,231,255,.46)}.tl110-safe b{position:absolute;left:12%;top:9%;padding:3px 6px;border-radius:999px;background:#91ff15;color:#091005;font-size:7px}.tl110-grid{background-image:linear-gradient(90deg,transparent calc(33.333% - .5px),rgba(97,231,255,.36) 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(97,231,255,.36) 66.666%,transparent calc(66.666% + .5px)),linear-gradient(0deg,transparent calc(33.333% - .5px),rgba(97,231,255,.36) 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(97,231,255,.36) 66.666%,transparent calc(66.666% + .5px))}
@keyframes tl110Fade{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.tl110-tools{grid-template-columns:1fr}.tl110-grid2,.tl110-look-grid,.tl110-bg-grid,.tl110-align-grid{grid-template-columns:1fr 1fr}.tl110-window{width:100vw;height:100dvh;max-height:none;border-radius:0}.tl110-modal{padding:0}}

/* upgrade original Pro Suite readability */
.tl93-suite{border-radius:16px!important;background:linear-gradient(180deg,#0d0e14,#08090d)!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important}
.tl93-head{padding:11px 12px!important}.tl93-head b{font-size:11px!important}.tl93-head span{font-size:7.2px!important;line-height:1.35!important}.tl93-badge{font-size:7px!important;padding:5px 7px!important}
.tl93-tabs{gap:5px!important;padding:7px 8px!important;overflow-x:auto!important}.tl93-tabs button{min-width:max-content!important;height:28px!important;padding:0 9px!important;font-size:7px!important;border-radius:8px!important}
.tl93-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:9px!important}.tl93-tool{min-height:70px!important;padding:10px!important;border-radius:12px!important}.tl93-tool svg{width:17px!important;height:17px!important;margin-bottom:7px!important}.tl93-tool b{font-size:8.5px!important;line-height:1.2!important}.tl93-tool span{font-size:7px!important;line-height:1.35!important;margin-top:4px!important}.tl93-tool.pro:after{font-size:5.5px!important}
