.tr-page-hero,.tr-theme-page-preview>section{position:relative;isolation:isolate;min-height:var(--hero-height,120px);border-radius:calc(var(--tr-ui-radius,12px) + 6px);overflow:hidden;display:flex;align-items:center;justify-content:flex-end;padding:18px 24px;background:linear-gradient(110deg,color-mix(in srgb,var(--hero-overlay-color,#153957) calc(var(--hero-overlay,0.2) * 100%),transparent),transparent),var(--hero-image) var(--hero-x,50%) var(--hero-y,50%)/var(--hero-zoom,100%) auto no-repeat,#eaf4fb;border:1px solid #fff;box-shadow:var(--tr-ui-shadow);box-sizing:border-box}
.tr-page-hero:before,.tr-theme-page-preview>section:before{content:"";position:absolute;inset:0;background:var(--hero-image) var(--hero-x,50%) var(--hero-y,50%)/var(--hero-zoom,100%) auto no-repeat;opacity:var(--hero-opacity,.85);z-index:-2}.tr-page-hero:after,.tr-theme-page-preview>section:after{content:"";position:absolute;inset:0;background:var(--hero-overlay-color,#153957);opacity:var(--hero-overlay,.2);z-index:-1}.tr-page-hero[data-hero-style="minimal"]:before,.tr-theme-page-preview>section[data-hero-style="minimal"]:before{background-size:auto 92%;background-position:right center}.tr-page-hero[data-hero-style="gradient"]:after,.tr-theme-page-preview>section[data-hero-style="gradient"]:after{opacity:1;background:linear-gradient(90deg,color-mix(in srgb,var(--hero-overlay-color) 88%,transparent),color-mix(in srgb,var(--hero-overlay-color) calc(var(--hero-overlay) * 100%),transparent) 55%,transparent)}.tr-page-hero p,.tr-theme-page-preview>section>p{margin:0;max-width:min(54%,540px);color:var(--hero-phrase-color,#fff)!important;font-size:var(--hero-phrase-size,18px)!important;opacity:var(--hero-phrase-opacity,.95);font-style:italic;font-weight:700;text-align:var(--hero-phrase-align,right);text-shadow:0 2px 8px #0006}
.tr-theme-dialog{width:min(1380px,calc(100vw - 22px));height:min(920px,calc(100dvh - 22px));padding:0;border:0;border-radius:22px;overflow:hidden;background:#f3f8fc;color:#173956;box-shadow:0 35px 100px #09243f66}.tr-theme-dialog::backdrop{background:#071d3188;backdrop-filter:blur(4px)}.tr-theme-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:linear-gradient(135deg,#e5f4ff,#fff);border-bottom:1px solid #d5e5f1}.tr-theme-dialog>header h2{margin:2px 0;font-size:23px}.tr-theme-dialog>header p{margin:0;color:#607a91}.tr-theme-dialog>header>[data-close]{width:44px;min-width:44px;padding:0;font-size:22px}.tr-theme-dialog>nav{display:flex;gap:7px;padding:9px 18px;background:#fff;border-bottom:1px solid #d8e5ee}.tr-theme-dialog>nav button{min-height:43px;background:#eef5fb;color:#31546f}.tr-theme-dialog>nav button.on{background:#176bc4;color:#fff}.tr-theme-editor{height:calc(100% - 192px);overflow:auto;padding:16px}.tr-theme-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:12px 18px;background:#fff;border-top:1px solid #d6e3ed}.tr-theme-dialog>footer p{margin:0 auto 0 0;color:#496b85}.tr-theme-dialog>footer p.error{color:#b72f43}
.tr-theme-pages{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;min-height:100%}.tr-theme-pages>nav{display:grid;align-content:start;gap:5px;position:sticky;top:0}.tr-theme-pages>nav button{text-align:left;background:#fff;color:#31546f;border:1px solid #d6e5f0}.tr-theme-pages>nav button.on{background:#176bc4;color:#fff}.tr-theme-pages>main{min-width:0}.tr-theme-toolbar{display:flex;gap:9px;align-items:center;margin-bottom:12px}.tr-theme-toolbar label{margin-right:auto}.tr-theme-toolbar select{min-height:44px}.tr-theme-page-preview{border:1px solid #cbddea;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #17395614}.tr-theme-fake-nav{min-height:49px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#f9fcff;border-bottom:1px solid #d9e7f1;font-size:12px}.tr-theme-fake-nav b{margin-right:auto;font-size:16px}.tr-theme-page-preview>section{border-radius:0;border:0;box-shadow:none;justify-content:space-between}.tr-theme-page-preview>section h2{margin:2px 0;font-size:28px;color:#fff}.tr-theme-page-preview>section small{color:#e0edf7}.tr-theme-fake-content{display:flex;gap:9px;align-items:center;padding:14px}.tr-theme-fake-content article{margin-left:auto;display:grid;padding:10px 14px;border:1px solid #d5e4ef;border-radius:12px}.tr-theme-fake-content small{color:#688198}.tr-theme-page-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:14px;margin-top:14px}.tr-theme-page-grid>section,.tr-theme-button-preview,.tr-theme-button-controls,.tr-theme-presets>header,.tr-theme-presets>section{background:#fff;border:1px solid #d4e3ed;border-radius:17px;padding:15px;box-shadow:0 7px 20px #163b5a0c}.tr-theme-page-grid h3{margin:0 0 11px}.tr-theme-library-tabs{display:flex;gap:7px;margin-bottom:9px}.tr-theme-library-tabs .on{background:#176bc4;color:#fff}.tr-theme-search{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:8px}.tr-theme-search :is(input,select,.tr-theme-upload){min-height:44px;border:1px solid #c7d9e6;border-radius:11px;padding:0 12px;background:#fbfdff}.tr-theme-upload{display:flex;align-items:center;background:#176bc4!important;color:#fff!important;font-weight:800;cursor:pointer}.tr-theme-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:9px;max-height:420px;overflow:auto;margin-top:11px;padding:2px}.tr-theme-gallery article{position:relative;border:2px solid transparent;border-radius:14px;background:#f1f7fb;overflow:hidden}.tr-theme-gallery article.selected{border-color:#1684e5;box-shadow:0 0 0 3px #1684e526}.tr-theme-gallery article>button:first-child{width:100%;height:auto;min-height:150px;padding:7px;display:grid;grid-template-rows:96px auto auto;text-align:left;background:transparent;box-shadow:none!important;border:0!important}.tr-theme-gallery img{width:100%;height:96px;object-fit:contain;border-radius:9px;background:linear-gradient(135deg,#fff,#e8f4fc)}.tr-theme-gallery b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-theme-gallery small{font-size:10px;color:#678097}.tr-theme-star{position:absolute;right:5px;top:5px;min-width:34px!important;width:34px;min-height:34px!important;padding:0!important;background:#fffdf0!important;color:#c38812!important}.tr-theme-archive{width:100%;min-height:34px!important;border-radius:0!important;background:#fff2f4!important;color:#a82f43!important}.tr-theme-empty{grid-column:1/-1;color:#688198}.tr-theme-page-grid label:not(.tr-theme-range){display:grid;gap:5px;margin:9px 0;font-weight:700}.tr-theme-page-grid textarea{width:100%;min-height:72px;box-sizing:border-box}.tr-theme-range{display:grid;gap:5px;margin:10px 0}.tr-theme-range span{display:flex;justify-content:space-between;font-weight:750}.tr-theme-range input{width:100%}.tr-theme-inline{display:flex;gap:14px;flex-wrap:wrap}.tr-theme-inline>label{flex:1}
.tr-theme-buttons{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(430px,1.15fr);gap:15px}.tr-theme-button-preview{position:sticky;top:0;align-self:start;min-height:360px;background:linear-gradient(145deg,#fff,#e9f5ff);display:grid;align-content:center;gap:18px}.tr-theme-button-preview>div{display:flex;gap:12px;flex-wrap:wrap}.tr-theme-button-preview p{color:#688198}.tr-theme-button-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}.tr-theme-button-controls>label:first-child,.tr-theme-colors,.tr-theme-subactions,.tr-theme-button-controls>.tr-theme-inline{grid-column:1/-1}.tr-theme-button-controls select{width:100%;min-height:44px}.tr-theme-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tr-theme-colors label{display:flex;justify-content:space-between;align-items:center;border:1px solid #d5e3ed;border-radius:11px;padding:8px}.tr-theme-subactions{display:flex;gap:8px;flex-wrap:wrap}.tr-theme-presets>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}.tr-theme-presets>div>button{min-height:125px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;text-align:left;background:#fff;border:1px solid #d4e3ed}.tr-theme-presets>div>button span{grid-row:1/-1;width:48px;height:86px;border-radius:13px;background:linear-gradient(145deg,var(--preset),var(--preset2));box-shadow:0 8px 18px #17395620}.tr-theme-presets>div>button small{color:#678097}.tr-theme-presets>section{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.tr-theme-presets>section h3{width:100%}
@media(max-width:1024px){.tr-theme-pages{grid-template-columns:175px minmax(0,1fr)}.tr-theme-page-grid{grid-template-columns:1fr}.tr-theme-buttons{grid-template-columns:1fr}.tr-theme-button-preview{position:static;min-height:250px}.tr-theme-search{grid-template-columns:1fr 150px}.tr-theme-upload{grid-column:1/-1;justify-content:center}.tr-theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-theme-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.tr-theme-editor{padding:10px}.tr-page-hero{min-height:min(var(--hero-height),180px)}}
@media(max-width:720px){.tr-theme-pages{grid-template-columns:1fr}.tr-theme-pages>nav{position:static;grid-template-columns:repeat(2,1fr)}.tr-theme-toolbar{flex-wrap:wrap}.tr-theme-page-grid{grid-template-columns:1fr}.tr-theme-buttons{grid-template-columns:1fr}.tr-theme-button-controls{grid-template-columns:1fr}.tr-theme-button-controls>*{grid-column:1!important}.tr-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-theme-dialog>footer p{display:none}.tr-theme-fake-nav span{display:none}.tr-page-hero p{max-width:85%}}