.tti-page{min-height:calc(100vh - 70px);padding:42px 18px 88px;background:radial-gradient(circle at 10% 0,rgba(79,124,255,.14),transparent 28%),radial-gradient(circle at 95% 20%,rgba(255,126,85,.12),transparent 25%),#f4f7fb;color:#102033;font-family:'Sora','Segoe UI',sans-serif}.tti-page *{box-sizing:border-box}.tti-shell{max-width:1180px;margin:auto}.tti-crumbs{display:flex;align-items:center;gap:4px;margin-bottom:30px;color:#718197;font-size:.72rem}.tti-crumbs a{color:#345878;text-decoration:none}.tti-crumbs i{font-size:16px}.tti-hero{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;margin-bottom:32px}.tti-kicker{display:inline-flex;align-items:center;gap:9px;color:#42607d;font:600 .68rem/1 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.tti-kicker i{width:7px;height:7px;border-radius:50%;background:#22b577;box-shadow:0 0 0 5px rgba(34,181,119,.1)}.tti-hero h1{margin:15px 0 16px;font-size:clamp(2.7rem,5vw,5.1rem);line-height:.98;letter-spacing:-.065em}.tti-hero h1 span{color:#315fe8}.tti-hero p{max-width:690px;margin:0;color:#5d7186;font-size:.94rem;line-height:1.75}.tti-hero code{padding:3px 7px;border-radius:6px;background:#e8edf4;color:#315575;font-family:'IBM Plex Mono',monospace;font-size:.8em}.tti-provider-card{min-width:310px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #dce5ef;border-radius:17px;background:rgba(255,255,255,.78);box-shadow:0 16px 42px rgba(25,49,75,.07)}.tti-provider-card img{width:45px;height:45px;border-radius:12px}.tti-provider-card div{display:flex;flex-direction:column;gap:3px}.tti-provider-card small{color:#8494a5;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.tti-provider-card strong{font-size:.8rem}.tti-provider-card span{color:#6f8193;font-size:.62rem}.tti-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);overflow:hidden;border:1px solid #d9e3ee;border-radius:25px;background:#fff;box-shadow:0 30px 90px rgba(17,40,66,.14)}.tti-compose{padding:34px;border-right:1px solid #e2e9f0}.tti-compose>label,.tti-compose legend{display:block;margin-bottom:10px;color:#2a425a;font-size:.72rem;font-weight:700}.tti-prompt-wrap{position:relative}.tti-prompt-wrap textarea{width:100%;min-height:176px;padding:18px 18px 38px;border:1px solid #cedae6;border-radius:15px;outline:0;resize:vertical;color:#18324b;background:#f9fbfd;font:500 .9rem/1.7 'Sora',sans-serif;transition:border-color .2s,box-shadow .2s}.tti-prompt-wrap textarea:focus{border-color:#6d91f2;box-shadow:0 0 0 4px rgba(49,95,232,.09)}.tti-prompt-wrap span{position:absolute;right:14px;bottom:12px;color:#8a9aaa;font:500 .6rem/1 'IBM Plex Mono',monospace}.tti-starters{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.tti-starters button{padding:7px 10px;border:1px solid #dfe7ef;border-radius:999px;background:#fff;color:#64798c;font:600 .63rem/1 'Sora',sans-serif;cursor:pointer}.tti-starters button:hover{border-color:#8aa6ed;color:#315fe8}.tti-compose fieldset{margin:25px 0 22px;padding:0;border:0}.tti-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tti-sizes input{position:absolute;opacity:0}.tti-sizes label>span{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #dce5ee;border-radius:12px;color:#566d82;font-size:.67rem;cursor:pointer}.tti-sizes label small{color:#94a2b0;font-size:.55rem}.tti-sizes input:checked+span{border-color:#537bea;background:#f1f5ff;color:#244fcf;box-shadow:inset 0 0 0 1px #537bea}.tti-sizes i{display:block;border:1.5px solid currentColor;border-radius:2px}.tti-square{width:13px;height:13px}.tti-landscape{width:18px;height:11px}.tti-portrait{width:10px;height:17px}.tti-generate{width:100%;min-height:58px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:0 17px;border:0;border-radius:14px;background:linear-gradient(135deg,#315fe8,#7048df);color:#fff;box-shadow:0 15px 30px rgba(62,83,218,.25);cursor:pointer;font:700 .8rem/1 'Sora',sans-serif}.tti-generate i{font-size:19px}.tti-generate span{text-align:left}.tti-generate small{color:#cfdbff;font:500 .58rem/1 'IBM Plex Mono',monospace}.tti-generate:disabled{opacity:.58;cursor:wait}.tti-status{min-height:17px;margin:11px 0 0;color:#75889b;font-size:.65rem}.tti-status.is-error{color:#b64343}.tti-preview{position:relative;min-height:610px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0d2036,#071422)}.tti-preview::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:32px 32px}.tti-preview-empty{position:relative;z-index:1;text-align:center;color:#dce8f3}.tti-preview-empty>span{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.05)}.tti-preview-empty i{font-size:29px;color:#7695b3}.tti-preview-empty strong{display:block;font-size:.9rem}.tti-preview-empty p{color:#718ba3;font-size:.65rem}.tti-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#071422}.tti-preview-actions{position:absolute;z-index:2;right:15px;bottom:15px;left:15px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(5,17,30,.76);backdrop-filter:blur(12px);font-size:.62rem}.tti-preview-actions a{color:#fff;text-decoration:none;font-weight:700}.tti-preview-actions span{color:#8fa8bf}@media(max-width:900px){.tti-hero{grid-template-columns:1fr}.tti-provider-card{min-width:0}.tti-workspace{grid-template-columns:1fr}.tti-compose{border-right:0;border-bottom:1px solid #e2e9f0}.tti-preview{min-height:480px}}@media(max-width:560px){.tti-page{padding:27px 10px 60px}.tti-hero h1{font-size:2.8rem}.tti-compose{padding:22px 17px}.tti-sizes{grid-template-columns:1fr}.tti-preview{min-height:390px}}