.ti-grid{display:grid;grid-template-columns:minmax(340px,410px) minmax(0,1fr);gap:26px;align-items:start}.ti-grid .nf-panel{margin:0}.ti-preview-panel{position:sticky;top:24px}.ti-stage{display:flex;align-items:center;justify-content:center;min-height:380px;max-height:700px;padding:22px;border:1px solid #6b547e;border-radius:12px;background:repeating-conic-gradient(#2f253b 0% 25%,#241b30 0% 50%) 50%/24px 24px;overflow:hidden}.ti-stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:620px;object-fit:contain;box-shadow:0 10px 30px #0006}.ti-page textarea#tiText{height:150px;min-height:120px;font:16px/1.65 'Segoe UI',sans-serif}.ti-page .ti-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.ti-fields label{margin:10px 0}.ti-page input[type=color]{height:44px;padding:5px;cursor:pointer}.ti-page input[type=range]{padding:0;accent-color:#cfaff7}.ti-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ti-presets button{flex-direction:column;padding:12px 8px;font-size:12px;gap:7px}.ti-swatch{width:100%;height:26px;border-radius:5px;display:block}.ti-swatch[data-theme=midnight]{background:linear-gradient(120deg,#211337,#674295)}.ti-swatch[data-theme=paper]{background:#fff7e8}.ti-swatch[data-theme=ocean]{background:linear-gradient(120deg,#082f49,#0f766e)}.ti-swatch[data-theme=rose]{background:linear-gradient(120deg,#4c1737,#af4772)}.ti-swatch[data-theme=ink]{background:#111111}.ti-swatch[data-theme=clear]{background:repeating-conic-gradient(#ede4f7 0% 25%,#61546c 0% 50%) 50%/12px 12px}.ti-export{border-bottom:1px solid #574466;padding-bottom:16px;margin-bottom:18px}.ti-page .ti-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.ti-page .ti-hint{font-size:13px;margin:8px 0}.ti-page details{margin-top:16px}.ti-page .ti-dimensions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0;font-size:13px;color:#ddc9f0}.ti-page .ti-check{display:flex;gap:10px;align-items:center}.ti-page .ti-check input{width:18px;min-height:18px}.ti-page .ti-upload{padding:14px;border:1px dashed #ac83c9;border-radius:10px}.ti-page .ti-upload label{margin-top:0}.ti-page .ti-upload input[type=file]{font-size:12px;padding:8px}.ti-page .ti-export label{max-width:210px;margin:8px 0}.ti-page .ti-export button{min-width:170px}.ti-page [hidden]{display:none!important}.ti-page .ti-status{margin:18px 0 0}.ti-page .ti-preview-panel h2{margin-bottom:10px}@media(min-width:1500px){.ti-stage{min-height:480px}}@media(max-width:1050px){.ti-grid{grid-template-columns:340px minmax(0,1fr)}.ti-stage{padding:12px;min-height:300px}.ti-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.ti-grid{grid-template-columns:minmax(0,1fr)}.ti-preview-panel{position:static}.ti-stage{min-height:250px;max-height:570px}.ti-stage canvas{max-height:500px}.ti-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.ti-page .ti-export{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ti-page .ti-export .ti-actions{margin:8px 0}.ti-page .ti-fields{gap:0 12px}}
.ti-preview-panel{top:110px;scroll-margin-top:110px}.ti-stage{min-height:300px}.ti-stage canvas{max-height:clamp(250px,calc(100vh - 550px),620px)}@media(max-width:850px){.ti-preview-panel{scroll-margin-top:95px}.ti-stage canvas{max-height:500px}}
.ti-export{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0 14px;align-items:end}.ti-export .ti-actions{margin:8px 0}.ti-export .ti-hint{grid-column:1/-1}.ti-preview-panel>.nf-link-button{display:none}.ti-page #tiControls{scroll-margin-top:110px}@media(max-width:1100px){.ti-export{grid-template-columns:minmax(0,1fr)}}@media(max-width:850px){.ti-preview-panel>.nf-link-button{display:inline-flex}.ti-export{display:flex}.ti-page #tiControls{scroll-margin-top:95px}}