:root{--bg:#083f39;--panel:#0b4a41;--panel-border:#ffffff0d;--text:#fff;--muted:#ffffff73;--accent:#fff;--shadow:0 28px 90px #00000042;--hue:172;--primary-color:#fff;--text-color:#ffffffb3;--inactive-color:#ffffff40;--check-color:#fff;--line-thickness:3px;--border-radius:12px;--border-left-bottom-gap:12px;--border-top-right-gap:24px;--input-bg:#ffffff0a;--input-border:#ffffff14;--btn-bg:#ffffff0d;--btn-hover-bg:#ffffff1a;--nav-bg:#0b4a4173;--logo-panel-bg:#0b4a4173;--switcher-bg:#00000026;--switcher-border:#ffffff14;--switcher-capsule-bg:#ffffff26;--switcher-text-active:#fff;--switcher-text-inactive:#ffffff80;--lang-active-color:#083f39;--lang-inactive-color:#ffffff8c;--nav-link-color:#ffffffa6;--nav-link-hover-color:#fff}html[data-theme=dark]{--bg:#0f172a;--panel:#1e293b;--panel-border:#ffffff0d;--text:#f8fafc;--muted:#ffffff73;--accent:#dbdbdb;--shadow:0 28px 90px #00000073;--hue:0;--primary-color:#973939;--text-color:#ffffffb3;--inactive-color:#ffffff40;--check-color:#dbdbdb;--input-bg:#ffffff0a;--input-border:#ffffff14;--btn-bg:#ffffff0d;--btn-hover-bg:#ffffff1a;--nav-bg:#1e293bb3;--logo-panel-bg:#1e293bb3;--switcher-bg:#00000040;--switcher-border:#ffffff14;--switcher-capsule-bg:#ffffff26;--switcher-text-active:#dbdbdb;--switcher-text-inactive:#ffffff80;--lang-active-color:#1e293b;--lang-inactive-color:#ffffff8c;--nav-link-color:#ffffffa6;--nav-link-hover-color:#fff}html[data-theme=light]{--bg:#f8fafc;--panel:#fff;--panel-border:#083f3914;--text:#083f39;--muted:#083f3999;--accent:#083f39;--shadow:0 10px 40px #083f390f;--hue:172;--primary-color:#083f39;--text-color:#083f39b3;--inactive-color:#083f3940;--check-color:#083f39;--input-bg:#083f3908;--input-border:#083f391f;--btn-bg:#083f390a;--btn-hover-bg:#083f3914;--nav-bg:#ffffffd9;--logo-panel-bg:#ffffffd9;--switcher-bg:#083f390f;--switcher-border:#083f3926;--switcher-capsule-bg:#083f39;--switcher-text-active:#fff;--switcher-text-inactive:#083f39cc;--lang-active-color:#fff;--lang-inactive-color:#083f39bf;--nav-link-color:#083f39cc;--nav-link-hover-color:#083f39}*{box-sizing:border-box}:root{--wrapper-height:66px;--font-size:9pt}html,body{min-height:100%;margin:0;font-size:17px}body{color:var(--text);font-family:Arial,Helvetica,sans-serif;background:var(--bg)!important;height:auto!important;min-height:100vh!important;display:block!important}.shell{width:calc(100% - 80px);margin:0 auto;padding:12px 0 28px}.poster{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:18px;display:grid}.panel{border-radius:var(--border-radius,12px);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:none;position:relative}.poster-canvas{height:600px;padding:24px 24px 18px;position:relative;overflow:hidden}.poster-topbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.poster-title{color:#fff3;font-size:.95rem;font-weight:700}.poster-icon{background:#ffffff05;border:1px solid #ffffff24;border-radius:50%;width:44px;height:44px;position:relative}.poster-icon:before,.poster-icon:after{content:"";background:#ffffff59;border-radius:999px;height:3px;position:absolute;inset-inline:12px}.poster-icon:before{top:14px;box-shadow:0 8px #ffffff4d,0 16px #ffffff4d}.poster-icon:after{display:none}.poster-side{writing-mode:vertical-rl;text-orientation:mixed;color:#ffffff24;font-size:.9rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)rotate(180deg)}.poster-side-left{left:14px}.poster-side-right{right:14px}.poster-center{grid-template-rows:auto 1fr auto auto;place-items:center;height:calc(100% - 50px);padding:10px 58px 6px;display:grid}.poster-text{text-align:center;margin:0;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-weight:300}.poster-text-top{color:#fffffff2;margin-bottom:14px;font-size:clamp(1.8rem,3.6vw,2.95rem);line-height:1.05}.poster-text-bottom{color:#ffffffeb;margin-top:14px;font-size:clamp(1.2rem,2.2vw,1.8rem)}.qr-stage{aspect-ratio:1;place-items:center;width:min(100%,396px);margin:0 auto;display:grid;position:relative}.qr-svg{color:#fff;width:100%;height:100%;overflow:visible}.center-logo{object-fit:cover;width:110px;height:110px;box-shadow:none;background:#fff;border:0;border-radius:24px;padding:12px;position:absolute}.center-logo-image{border-radius:20px;width:100px;height:100px;padding:0}.poster-footer-note{text-align:center;color:#ffffff1f;font-size:.78rem;position:absolute;bottom:16px;left:24px;right:24px}.controls{align-content:start;gap:10px;padding:22px;display:grid}.controls h2{color:var(--text);margin:0 0 8px;font-size:1.1rem}.controls label{color:var(--muted);gap:8px;font-size:.86rem;display:grid}.controls textarea,.controls input,.controls input[type=range],.controls select{width:100%}.control-grid{gap:12px;display:grid}.controls textarea,.controls input,.controls select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);border-radius:16px;outline:none;padding:12px 14px}.controls input[type=range]{accent-color:#fff}.toggle-row{align-items:center;gap:10px;display:flex!important}@media (max-width:960px){.poster{grid-template-columns:1fr}.poster-canvas{min-height:560px}.poster-side{opacity:.9}.poster-center{padding-inline:42px}.controls{order:2}}@media (max-width:640px){.shell{width:min(100% - 12px,1040px)}.poster-canvas{min-height:520px;padding-inline:16px}.poster-side{display:none}.poster-center{padding-inline:0}}.context-menu-item{transition:background .15s}.context-menu-item:hover{background:#ffffff14!important}.app-header{-webkit-backdrop-filter:blur(20px);z-index:100;background:#083f3973;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 40px;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0003}.nav-link{color:var(--nav-link-color);z-index:2;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-link span[class^=icon-]{font-size:18pt;transition:font-size .2s cubic-bezier(.34,1.56,.64,1)}.nav-link:not(.active):hover span[class^=icon-]{font-size:22pt}.nav-link:hover{color:var(--nav-link-hover-color)}.nav-link.active{color:var(--switcher-text-active)}.lang-switcher{background:var(--btn-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;width:86px;height:36px;padding:0;transition:border-color .25s,background-color .25s,box-shadow .25s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #00000026}.lang-switcher:hover{background:var(--btn-hover-bg);border-color:var(--primary-color);box-shadow:inset 0 1px 1px #ffffff14,0 6px 20px #0003}.lang-switcher:active{transform:scale(.96)}.lang-switcher .lang-capsule{background:linear-gradient(135deg, var(--primary-color) 0%, #e2e2e2d9 100%);z-index:1;border-radius:16px;width:39px;height:28px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 10px #00000026}.lang-switcher.lang-en .lang-capsule{transform:translate(41px)}.lang-switcher.lang-hy .lang-capsule{transform:translate(0)}.lang-switcher .lang-text{z-index:2;text-align:center;width:50%;color:var(--lang-inactive-color);font-size:.76rem;font-weight:750;transition:color .25s cubic-bezier(.4,0,.2,1),transform .25s}.lang-switcher .lang-text.active{color:var(--lang-active-color);transform:scale(1.05)}hd-slider,.custom-slider-wrapper{width:100%!important;display:block!important}.page-transition-wrapper{width:100%;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.page-transition-wrapper.page-enter{opacity:1;transform:translateY(0)}.page-transition-wrapper.page-leave{opacity:0;transform:translateY(6px)}.loading-bar{background:var(--primary-color,#fff);z-index:9999;opacity:0;width:0;height:3px;box-shadow:0 0 8px var(--primary-color,#fff);transition:width .3s,opacity .2s;position:fixed;top:0;left:0}.loading-bar.loading{opacity:1;width:90%;transition:width .8s cubic-bezier(.1,.8,.3,1)}.smooth-expand{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .3s ease-out,margin .35s ease-out;display:grid}.smooth-expand.expanded{opacity:1;grid-template-rows:1fr}.smooth-expand-content{min-height:0}
