/* v2.6 creative studio: photo crops, live preview, frame compositing, random dial */
.tt26-editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(295px,.78fr);gap:23px;align-items:start}.tt26-editor-visual{min-width:0;display:grid;gap:10px}.tt26-editor-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;margin-top:8px;flex-wrap:wrap}.tt26-editor-caption span{opacity:.65}.tt26-crop-stage,.tt26-live-preview{position:relative;min-width:0;border-radius:19px;border:1px solid #9ba9d66b;overflow:hidden;background:repeating-conic-gradient(#c6d2e5 0% 25%,#eff3fa 0% 50%) 50% /24px 24px;box-shadow:0 13px 25px #1425461c}.tt26-crop-stage canvas,.tt26-live-preview canvas{width:100%;height:auto;display:block;max-height:62vh;object-fit:contain}.tt26-crop-stage{line-height:0}.tt26-crop-stage:has(.tt26-crop-rect:not([hidden])) canvas{cursor:crosshair}.tt26-crop-rect{position:absolute;border:2px dashed #35f4fb;background:rgba(31,130,238,.09);box-shadow:0 0 0 2500px rgba(10,18,43,.27),0 0 22px #38eefa99;cursor:grab;touch-action:none;z-index:2;min-width:7px;min-height:7px}.tt26-crop-rect[hidden]{display:none}.tt26-crop-rect:active{cursor:grabbing}.tt26-handle{position:absolute;right:-9px;bottom:-9px;width:19px;height:19px;border-radius:7px;background:#50e7ff;border:3px solid #fff;box-shadow:0 2px 9px #122a59;cursor:nwse-resize}.tt26-live-preview{min-height:100px}.tt26-live-preview canvas{max-height:58vh;object-fit:contain}.tt26-editor-controls{max-height:950px;overflow:auto;scrollbar-width:thin}.tt26-avatar-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,360px);gap:24px}.tt26-avatar-canvas{max-width:640px;margin:0 auto 12px;border-radius:22px;overflow:hidden;background:repeating-conic-gradient(#ced4e3 0% 25%,#fff 0% 50%) 50% / 25px 25px;box-shadow:0 14px 38px #34487531}.tt26-avatar-canvas canvas{width:100%;height:auto;display:block;touch-action:none;cursor:grab;aspect-ratio:1}.tt26-avatar-canvas canvas:active{cursor:grabbing}.tt26-pdf-export{border:1px solid #8b9de066;border-radius:21px;padding:19px;background:linear-gradient(145deg,#759af81f,#aa7beb12);margin:18px 0 24px;display:grid;gap:13px}.tt26-pdf-export h3{margin:0}.tt26-pdf-export p{margin:0;line-height:1.5}.tt26-pdf-export label{display:grid;gap:8px;font-weight:700}.tt26-pdf-export input,.tt26-pdf-export select{border-radius:12px;border:1px solid #8199cf68;padding:11px;width:100%;font:inherit;background:color-mix(in srgb,var(--tt-light-surface,#fff) 84%,transparent);color:inherit}.tt26-random-box{margin:0 auto;max-width:560px;padding:30px;border-radius:29px;border:1px solid #899ee268;display:grid;gap:21px;text-align:center;background:radial-gradient(circle at 20% 10%,rgba(83,146,255,.14),transparent 50%),radial-gradient(circle at 100% 90%,rgba(171,91,238,.14),transparent 60%)}.tt26-random-number{font-size:clamp(4.8rem,16vw,8.2rem);font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.065em;line-height:1.2;background:linear-gradient(100deg,#5285f4,#9a68f5);background-clip:text;color:transparent;filter:drop-shadow(0 8px 18px #839af555)}.tt26-random-number.tt26-rolling{filter:blur(.6px) drop-shadow(0 0 18px #8c7bfa88)}.tt26-random-box input{width:100%;border:1px solid #8ba3dc85;border-radius:12px;padding:12px;font:inherit;background:color-mix(in srgb,var(--tt-light-surface,#fff) 85%,transparent);color:inherit}.tt26-random-box label{text-align:left;font-weight:700}.tt26-random-box button{font-size:18px;padding:14px}.tt26-random-box .tt25-hint{text-align:center}
@media(max-width:930px){.tt26-editor-grid,.tt26-avatar-layout{grid-template-columns:1fr}.tt26-editor-controls{max-height:none}.tt26-live-preview canvas,.tt26-crop-stage canvas{max-height:none}}
@media(max-width:540px){.tt26-pdf-export .tt25-2col{grid-template-columns:1fr}.tt26-random-box{padding:22px 15px}}

.tt26-crop-stage canvas{max-height:none;object-fit:fill}

/* v2.6.1 Brush & export UX. */
.tt26-crop-stage{isolation:isolate}.tt26-crop-stage canvas[data-tt261-paint]{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:3;pointer-events:none;background:transparent}
.tt26-crop-stage.tt261-brush-on canvas[data-tt261-paint]{pointer-events:auto;touch-action:none;cursor:crosshair}
.tt26-crop-stage.tt261-brush-on .tt26-crop-rect{pointer-events:none!important;visibility:hidden}
.tt261-brush-panel{border:1px solid #9fb8df6b;background:linear-gradient(140deg,#6f99ed13,#bda9ef18);border-radius:16px;padding:15px;display:grid;gap:10px}
.tt261-brush-panel h3{margin:0 0 5px}.tt261-brush-panel .tt25-actions{flex-wrap:wrap}.tt261-brush-panel .tt25-actions button{min-width:130px}
.tt261-export-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid #9aaee46b;background:linear-gradient(110deg,#96baff2b,#b99dee23);padding:17px 21px;border-radius:18px;margin:18px 0 25px;box-shadow:0 12px 26px #14306613}
.tt261-export-bar>span{font-weight:700;font-size:14px}.tt261-export-bar>span i{color:#248d80}.tt261-export-bar .tt25-actions{display:flex;gap:12px;flex-wrap:wrap}.tt261-export-bar button{min-width:145px}
@media(max-width:690px){.tt261-export-bar{align-items:stretch}.tt261-export-bar .tt25-actions{width:100%}.tt261-export-bar button{flex:1}}