/* Hamrah Group 11.4 — Experience Studio */
@font-face{font-family:"Vazirmatn";src:url("assets/fonts/Vazirmatn-VF.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Estedad";src:url("assets/fonts/Estedad-VF.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Amiri";src:url("assets/fonts/Amiri-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Amiri";src:url("assets/fonts/Amiri-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Peyda";src:url("assets/fonts/e4/Peyda-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Peyda";src:url("assets/fonts/e4/Peyda-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"Ravi";src:url("assets/fonts/e4/RaviFaNum-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Ravi";src:url("assets/fonts/e4/RaviFaNum-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url("assets/fonts/e4/YekanBakhFaNum-VF.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Hamrah Roboto";src:url("assets/fonts/en/Roboto-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hamrah Roboto";src:url("assets/fonts/en/Roboto-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Hamrah Roboto";src:url("assets/fonts/en/Roboto-Bold.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hamrah San Francisco";src:url("assets/fonts/en/SanFrancisco.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hamrah San Francisco";src:url("assets/fonts/en/SanFrancisco-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

body[data-g114-interface-font]{font-family:var(--g114-interface-font)}
body[data-g114-interface-font] button,body[data-g114-interface-font] input,body[data-g114-interface-font] textarea,body[data-g114-interface-font] select{font-family:var(--g114-interface-font)}
body[data-g114-message-font] .message-text,body[data-g114-message-font] .bubble,body[data-g114-message-font] .reply-preview{font-family:var(--g114-message-font)}
body[data-g114-font-size]{font-size:calc(16px * var(--g114-font-scale))}
body[data-g114-density="compact"] .list-row{min-height:calc(var(--ui-list-row-height,78px)*.88)}
body[data-g114-density="spacious"] .list-row{min-height:calc(var(--ui-list-row-height,78px)*1.14)}
body[data-g114-style="soft"] .settings-group,body[data-g114-style="soft"] .g8-settings-section,body[data-g114-style="soft"] .card{border-radius:calc(22px*var(--g114-radius-scale));box-shadow:0 8px 24px rgb(0 0 0 / calc(var(--g114-shadow-alpha)*.45))}
body[data-g114-style="glass"] .topbar,body[data-g114-style="glass"] .chat-header,body[data-g114-style="glass"] .bottom-nav,body[data-g114-style="glass"] .settings-group,body[data-g114-style="glass"] .g8-settings-section{background:color-mix(in srgb,var(--surface) calc(var(--g114-surface-alpha)*100%),transparent)!important;backdrop-filter:blur(var(--g114-style-blur));-webkit-backdrop-filter:blur(var(--g114-style-blur));border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}
body[data-g114-style="minimal"] .settings-group,body[data-g114-style="minimal"] .g8-settings-section,body[data-g114-style="minimal"] .card{box-shadow:none!important;border-color:transparent!important}
body[data-g114-style="classic"] button,body[data-g114-style="classic"] input,body[data-g114-style="classic"] textarea{border-radius:8px}
body[data-g114-bubble="minimal"] .bubble{box-shadow:none!important;border:1px solid var(--line)}
body[data-g114-bubble="compact"] .bubble{line-height:1.35}
body[data-g114-header="hero"] .app>.topbar,body[data-g114-header="hero"] .chat-header{min-height:var(--g114-header-height);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)),color-mix(in srgb,var(--primary-2) 12%,var(--surface)));border-radius:0 0 var(--g114-header-radius) var(--g114-header-radius)}
body[data-g114-header="compact"] .app>.topbar,body[data-g114-header="compact"] .chat-header{min-height:var(--g114-header-height);padding-block:4px;border-radius:0}
body[data-g114-header="glass"] .app>.topbar,body[data-g114-header="glass"] .chat-header{min-height:var(--g114-header-height);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(var(--g114-header-blur));-webkit-backdrop-filter:blur(var(--g114-header-blur));border-radius:0 0 var(--g114-header-radius) var(--g114-header-radius)}
body[data-g114-wallpaper] .messages{position:relative;background-color:var(--bg);isolation:isolate}
body[data-g114-wallpaper] .messages:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-position:center;background-size:cover;filter:blur(var(--g114-wallpaper-blur));transform:scale(1.03)}
body[data-g114-wallpaper] .messages:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgb(0 0 0 / var(--g114-wallpaper-dim))}
body[data-g114-wallpaper="dots"] .messages:before{background-image:radial-gradient(circle at 2px 2px,color-mix(in srgb,var(--primary) 14%,transparent) 1px,transparent 1.5px);background-size:20px 20px}
body[data-g114-wallpaper="aurora"] .messages:before{background-image:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--primary) 28%,transparent),transparent 38%),radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--primary-2) 24%,transparent),transparent 42%)}
body[data-g114-wallpaper="flow"] .messages:before{background-image:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),transparent 45%),linear-gradient(315deg,color-mix(in srgb,var(--primary-2) 18%,transparent),transparent 52%)}
body[data-g114-wallpaper="grid"] .messages:before{background-image:linear-gradient(color-mix(in srgb,var(--primary) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary-2) 10%,transparent) 1px,transparent 1px);background-size:26px 26px}
body[data-g114-wallpaper="personal"] .messages:before{background-image:var(--g114-personal-wallpaper)}
body[data-g114-nav-labels="hide"] .bottom-nav button small{display:none!important}
body[data-g114-unread="hide"] .unread-badge{display:none!important}
body[data-g114-fab="hide"] [data-fab="new-conversation"]{display:none!important}
body[data-g114-motion="reduced"] *,body[data-g114-motion="reduced"] *:before,body[data-g114-motion="reduced"] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
body.g114-previewing:after{content:"PREVIEW";position:fixed;inset:10px auto auto 10px;z-index:99999;padding:5px 9px;border-radius:999px;background:#f3a400;color:#111;font:800 10px/1 system-ui;letter-spacing:.08em}

.g114-entry{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--primary-2) 8%,var(--surface)));box-shadow:var(--shadow-sm);isolation:isolate}
.g114-entry:before{content:"";position:absolute;width:190px;height:190px;inset:-90px -60px auto auto;border-radius:50%;background:color-mix(in srgb,var(--primary) 18%,transparent);filter:blur(6px);z-index:-1}
.g114-entry-copy{min-width:0}.g114-kicker{font:900 .58rem/1.2 system-ui;letter-spacing:.14em;color:var(--primary)}.g114-entry h3{margin:7px 0 5px;font-size:1.12rem}.g114-entry p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.8}.g114-entry-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.g114-entry-tags span{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--line);font-size:.56rem;font-weight:800}.g114-entry-button{flex:0 0 auto;min-height:46px;padding:0 16px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:var(--shadow-primary);font-weight:900}.g114-entry-button span{margin-inline-start:6px}

.g114-studio{position:fixed;inset:0;z-index:120000;display:grid;place-items:center;padding:16px;background:rgba(3,10,18,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:g114Fade .18s ease}.g114-studio.hidden{display:none}.g114-shell{width:min(1420px,100%);height:min(920px,100%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:28px;background:var(--bg);box-shadow:0 28px 90px rgba(0,0,0,.36);font-family:var(--g114-interface-font,"Vazirmatn",sans-serif)}.g114-topbar{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent)}.g114-topbar>div:nth-child(2)>span{font:900 .56rem/1.2 system-ui;letter-spacing:.12em;color:var(--primary)}.g114-topbar h2{margin:3px 0 2px;font-size:1.08rem}.g114-topbar p{margin:0;color:var(--muted);font-size:.65rem}.g114-icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:24px}.g114-top-actions{display:flex;gap:8px}.g114-layout{min-height:0;display:grid;grid-template-columns:170px minmax(340px,1fr) minmax(330px,470px);direction:rtl}.g114-nav{min-height:0;overflow:auto;padding:14px 10px;border-left:1px solid var(--line);background:var(--surface)}.g114-nav button{width:100%;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border:0;border-radius:15px;background:transparent;color:var(--muted);text-align:right}.g114-nav button:hover{background:var(--surface-2);color:var(--text)}.g114-nav button.active{background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary)}.g114-nav button span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:color-mix(in srgb,currentColor 10%,transparent);font-size:14px}.g114-nav button b{font-size:.72rem}.g114-controls{min-height:0;overflow:auto;padding:18px}.g114-preview-column{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 68%,var(--bg))}.g114-preview-head{display:flex;align-items:center;justify-content:space-between}.g114-preview-head b,.g114-preview-head small{display:block}.g114-preview-head b{font-size:.72rem}.g114-preview-head small{margin-top:2px;color:var(--muted);font-size:.56rem}.g114-chip{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.6rem;font-weight:800}.g114-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;padding-block-end:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.g114-footer>div:last-child{display:flex;gap:8px}.g114-dirty{color:var(--muted);font-size:.65rem}.g114-dirty.active{color:#df8b15;font-weight:900}.g114-footer button,.g114-top-actions button{min-height:38px;padding:0 13px;border-radius:12px}.g114-footer button:disabled,.g114-top-actions button:disabled{opacity:.42;cursor:not-allowed}.g114-panel-title{margin-bottom:18px}.g114-panel-title span{color:var(--primary);font:900 .55rem/1.2 system-ui;letter-spacing:.12em}.g114-panel-title h3{margin:5px 0 4px;font-size:1.08rem}.g114-panel-title p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.75}.g114-control-section{margin-bottom:16px;padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.g114-control-section h4{margin:0 0 11px;font-size:.76rem}.g114-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.g114-option-grid.palette{grid-template-columns:repeat(3,minmax(0,1fr))}.g114-option-grid button{position:relative;min-width:0;display:flex;align-items:center;gap:9px;min-height:57px;padding:9px 10px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);text-align:right}.g114-option-grid button:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.g114-option-grid button.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.g114-option-grid button>i{flex:0 0 24px;width:24px;height:24px;border-radius:9px;background:var(--swatch);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 18%,transparent)}.g114-option-grid button span{min-width:0}.g114-option-grid b,.g114-option-grid small{display:block}.g114-option-grid b{font-size:.67rem}.g114-option-grid small{margin-top:3px;color:var(--muted);font-size:.53rem;line-height:1.45}.g114-option-grid em,.g114-icon-grid em{display:none;margin-inline-start:auto;color:var(--primary);font-style:normal}.g114-option-grid .active em,.g114-icon-grid .active em{display:block}.g114-switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:55px;padding:8px 2px;border-bottom:1px solid var(--line)}.g114-switch-row:last-child{border-bottom:0}.g114-switch-row b,.g114-switch-row small{display:block}.g114-switch-row b{font-size:.68rem}.g114-switch-row small{margin-top:4px;color:var(--muted);font-size:.54rem}.g114-switch-row input{position:absolute;opacity:0}.g114-switch-row>i{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);transition:.2s}.g114-switch-row>i:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:.2s}.g114-switch-row input:checked+ i{background:color-mix(in srgb,var(--primary) 25%,var(--surface));border-color:var(--primary)}.g114-switch-row input:checked+ i:after{right:21px;background:var(--primary)}.g114-range{display:block;margin-top:12px}.g114-range>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.g114-range b{font-size:.65rem}.g114-range output{color:var(--primary);font-size:.6rem;font-weight:900}.g114-range input{accent-color:var(--primary)}.g114-font-sample{padding:16px;border:1px dashed color-mix(in srgb,var(--primary) 42%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));line-height:1.9}.g114-font-sample b,.g114-font-sample strong{display:block}.g114-font-sample p{margin:6px 0;color:var(--muted);font-size:.7rem}.g114-font-sample strong{font-size:.78rem}.g114-upload{display:block;margin:10px 0;padding:14px;border:1px dashed var(--primary);border-radius:16px;text-align:center;background:color-mix(in srgb,var(--primary) 6%,var(--surface));cursor:pointer}.g114-upload.disabled{opacity:.45;cursor:not-allowed}.g114-upload input{position:absolute;opacity:0;width:1px;height:1px}.g114-upload span,.g114-upload small{display:block}.g114-upload span{font-size:.68rem;font-weight:900}.g114-upload small{margin-top:4px;color:var(--muted);font-size:.53rem}.g114-info{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:.63rem;line-height:1.65}.g114-info.success{border-color:color-mix(in srgb,#1bae77 35%,var(--line));background:color-mix(in srgb,#1bae77 8%,var(--surface));color:#16885f}.g114-info.warning,.g114-contrast{border-color:color-mix(in srgb,#e29a24 45%,var(--line));background:color-mix(in srgb,#e29a24 10%,var(--surface));color:#b6740d}.g114-contrast{padding:9px;border:1px solid;border-radius:12px;font-size:.56rem}.g114-contrast.hidden{display:none}.g114-note{color:var(--muted);font-size:.6rem;line-height:1.8}.g114-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g114-preset-grid>button{overflow:hidden;padding:0 0 12px;border:1px solid var(--line);border-radius:19px;background:var(--surface);text-align:right}.g114-preset-grid>button.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.g114-preset-art{display:block;height:74px;background:linear-gradient(135deg,var(--primary),var(--primary-2))}.g114-preset-art[data-preset-art="emerald-glass"]{background:linear-gradient(135deg,#0d9d7a,#7be5c0)}.g114-preset-art[data-preset-art="midnight-amoled"]{background:linear-gradient(135deg,#050509,#3949ab)}.g114-preset-art[data-preset-art="rose-soft"]{background:linear-gradient(135deg,#ffe4ef,#d94f86)}.g114-preset-art[data-preset-art="graphite-minimal"]{background:linear-gradient(135deg,#e7ebed,#4c6272)}.g114-preset-art[data-preset-art="ocean-flow"]{background:linear-gradient(135deg,#112a67,#1aa8e8)}.g114-preset-art[data-preset-art="classic-light"]{background:linear-gradient(135deg,#f2f4f1,#257f72)}.g114-preset-art[data-preset-art="cyber-night"]{background:linear-gradient(135deg,#020505,#00d8c8 55%,#b24cff)}.g114-preset-grid b,.g114-preset-grid small,.g114-preset-grid em{display:block;margin-inline:12px}.g114-preset-grid b{margin-top:10px;font-size:.72rem}.g114-preset-grid small{margin-top:3px;color:var(--muted);font-size:.53rem;direction:ltr;text-align:right}.g114-preset-grid em{margin-top:7px;color:var(--primary);font-size:.55rem;font-style:normal;font-weight:900}.g114-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.g114-icon-grid button{display:grid;justify-items:center;gap:7px;padding:12px 8px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.g114-icon-grid button.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.g114-icon-grid button>span{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;color:white;background:linear-gradient(135deg,#168fd0,#15b8b0);font:900 20px/1 system-ui;box-shadow:0 9px 22px rgba(0,0,0,.18)}.g114-icon-grid [data-icon-style="classic"]{border-radius:13px;background:linear-gradient(145deg,#257f72,#174f49)}.g114-icon-grid [data-icon-style="amoled"]{background:#050505;border:1px solid #2ad9c9}.g114-icon-grid [data-icon-style="glass"]{background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(22,143,208,.6));border:1px solid rgba(255,255,255,.75)}.g114-icon-grid [data-icon-style="minimal"]{background:#f3f5f6;color:#168fd0;border:1px solid #d8e2e8;box-shadow:none}.g114-icon-grid [data-icon-style="purple"]{background:linear-gradient(145deg,#7558e8,#d04b9e)}.g114-icon-grid [data-icon-style="serj"]{background-image:url("serj-logo.jpg");background-size:cover;background-position:center;color:transparent}.g114-icon-grid b{font-size:.62rem}.g114-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.g114-quality-grid>div{padding:13px 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:center}.g114-quality-grid b,.g114-quality-grid small{display:block}.g114-quality-grid b{color:var(--primary);font-size:.78rem}.g114-quality-grid small{margin-top:4px;color:var(--muted);font-size:.5rem}

.g114-preview-device{min-height:0;display:grid;place-items:center;overflow:auto;padding:10px;font-family:var(--ifont,"Vazirmatn",sans-serif);font-size:calc(13px*var(--fscale));transition:.2s}.g114-device-screen{position:relative;isolation:isolate;width:min(100%,340px);height:min(100%,650px);min-height:0;display:flex;flex-direction:column;overflow:hidden;border:7px solid color-mix(in srgb,var(--text) 72%,#111);border-radius:35px;background:var(--bg);color:var(--text);box-shadow:0 18px 44px rgba(0,0,0,.25);transition:.24s}.g114-preview-device.desktop .g114-device-screen{width:100%;max-width:none;min-height:470px;height:100%;border-width:5px;border-radius:20px}.g114-demo-header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;min-height:68px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line);transition:.2s}.g114-preview-device[data-header="hero"] .g114-demo-header{min-height:85px;padding-top:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--p) 22%,var(--surface)),color-mix(in srgb,var(--p2) 14%,var(--surface)));border-radius:0 0 22px 22px}.g114-preview-device[data-header="compact"] .g114-demo-header{min-height:53px}.g114-preview-device[data-header="glass"] .g114-demo-header{background:color-mix(in srgb,var(--surface) 76%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:0 0 18px 18px}.g114-demo-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));font-weight:900}.g114-demo-avatar.alt{background:linear-gradient(135deg,#d94f86,#ff9e91)}.g114-demo-avatar.call{background:linear-gradient(135deg,#7558e8,#9e86ff)}.g114-demo-header b,.g114-demo-header small{display:block}.g114-demo-header b{font-size:.95em}.g114-demo-header small{margin-top:2px;color:var(--muted);font-size:.68em}.g114-demo-search{margin:8px 10px;padding:8px 10px;border-radius:12px;background:var(--surface2);color:var(--muted);font-size:.7em}.g114-demo-list{display:grid;gap:3px;padding:0 8px}.g114-demo-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;min-height:calc(62px*var(--density));padding:6px;border-radius:14px}.g114-demo-list article.active{background:color-mix(in srgb,var(--p) 9%,var(--surface))}.g114-demo-list b,.g114-demo-list small{display:block}.g114-demo-list b{font-size:.76em}.g114-demo-list small{margin-top:3px;color:var(--muted);font-size:.62em}.g114-demo-list time{display:grid;justify-items:end;gap:5px;color:var(--muted);font-size:.56em}.g114-demo-list time i{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--p);color:#fff;font-style:normal}.g114-demo-chat{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;gap:7px;padding:10px;overflow:hidden;background:var(--bg)}.g114-demo-chat:before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;filter:blur(var(--blur));transform:scale(1.03)}.g114-demo-chat:after{content:"";position:absolute;inset:0;z-index:-1;background:rgb(0 0 0 / var(--dim))}.g114-preview-device[data-wallpaper="dots"] .g114-demo-chat:before{background-image:radial-gradient(circle at 2px 2px,color-mix(in srgb,var(--p) 16%,transparent) 1px,transparent 1.5px);background-size:18px 18px}.g114-preview-device[data-wallpaper="aurora"] .g114-demo-chat:before{background-image:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--p) 32%,transparent),transparent 40%),radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--p2) 30%,transparent),transparent 44%)}.g114-preview-device[data-wallpaper="flow"] .g114-demo-chat:before{background-image:linear-gradient(135deg,color-mix(in srgb,var(--p) 22%,transparent),transparent 44%),linear-gradient(315deg,color-mix(in srgb,var(--p2) 20%,transparent),transparent 52%)}.g114-preview-device[data-wallpaper="grid"] .g114-demo-chat:before{background-image:linear-gradient(color-mix(in srgb,var(--p) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--p2) 12%,transparent) 1px,transparent 1px);background-size:22px 22px}.g114-preview-device[data-wallpaper="personal"] .g114-demo-chat:before{background-image:var(--wallpaper)}.g114-date{align-self:center;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-size:.55em}.g114-msg{display:flex}.g114-msg.outgoing{justify-content:flex-start}.g114-msg.incoming{justify-content:flex-end}.g114-msg>span{max-width:80%;padding:8px 10px;border-radius:var(--br);background:var(--bubble);font-family:var(--mfont);font-size:.72em;line-height:1.55;box-shadow:0 5px 15px rgba(0,0,0,.08)}.g114-msg.outgoing>span{background:var(--mine)}.g114-preview-device[data-bubble="compact"] .g114-msg>span{padding:5px 8px}.g114-preview-device[data-bubble="minimal"] .g114-msg>span{box-shadow:none;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent)}.g114-msg small{display:block;margin-top:3px;color:var(--muted);font-size:.68em;direction:ltr;text-align:left}.g114-demo-settings{display:grid;grid-template-columns:1fr auto;gap:2px;margin-top:auto;padding:9px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.g114-demo-settings b,.g114-demo-settings small{display:block}.g114-demo-settings b{font-size:.68em}.g114-demo-settings small{color:var(--muted);font-size:.55em}.g114-demo-settings em{grid-row:1/3;grid-column:2;align-self:center;color:var(--muted);font-style:normal}.g114-demo-composer{display:grid;grid-template-columns:28px 1fr 35px;align-items:center;gap:5px;padding:7px 9px;background:var(--surface);border-top:1px solid var(--line)}.g114-demo-composer>div{padding:8px;border-radius:12px;background:var(--surface2);color:var(--muted);font-size:.62em}.g114-demo-composer button{width:35px;height:35px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff}.g114-demo-nav{display:grid;grid-template-columns:repeat(4,1fr);min-height:50px;padding:4px;border-top:1px solid var(--line);background:var(--surface)}.g114-demo-nav button{display:grid;place-items:center;gap:1px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13px}.g114-demo-nav button.active{color:var(--p);background:color-mix(in srgb,var(--p) 8%,transparent)}.g114-demo-nav small{font-size:6px}.g114-demo-fab{position:absolute;left:14px;bottom:62px;width:42px;height:42px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--p),var(--p2));color:white;font-size:21px;box-shadow:0 9px 24px color-mix(in srgb,var(--p) 34%,transparent)}.g114-preview-device[data-style="glass"] .g114-demo-list article,.g114-preview-device[data-style="glass"] .g114-demo-settings,.g114-preview-device[data-style="glass"] .g114-demo-composer{background:color-mix(in srgb,var(--surface) 76%,transparent);backdrop-filter:blur(10px)}.g114-preview-device[data-style="minimal"] .g114-demo-list article,.g114-preview-device[data-style="minimal"] .g114-demo-settings{border-color:transparent;box-shadow:none}.g114-preview-device[data-effects="high"] .g114-device-screen{box-shadow:0 18px 52px color-mix(in srgb,var(--p) 35%,rgba(0,0,0,.3))}.g114-preview-device.reduced *{transition:none!important;animation:none!important}

@keyframes g114Fade{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.g114-layout{grid-template-columns:132px minmax(320px,1fr) 350px}.g114-nav button b{font-size:.64rem}.g114-preview-column{padding:10px}}
@media(max-width:860px){.g114-studio{padding:0}.g114-shell{width:100%;height:100%;border:0;border-radius:0}.g114-topbar{grid-template-columns:40px 1fr}.g114-top-actions{display:none}.g114-layout{display:flex;flex-direction:column;overflow:auto}.g114-nav{position:sticky;top:0;z-index:5;display:flex;gap:5px;min-height:auto;overflow:auto;padding:8px;border:0;border-bottom:1px solid var(--line)}.g114-nav button{flex:0 0 auto;width:auto;min-height:40px;padding:6px 9px}.g114-nav button span{width:25px;height:25px}.g114-controls{overflow:visible;padding:14px}.g114-preview-column{order:-1;min-height:510px;border:0;border-bottom:1px solid var(--line)}.g114-preview-device{min-height:440px}.g114-device-screen{min-height:430px;height:440px}.g114-footer{position:sticky;bottom:0}.g114-footer #g114ResetSection{display:none}}
@media(max-width:560px){.g114-entry{align-items:flex-start;flex-direction:column;padding:17px}.g114-entry-button{width:100%}.g114-option-grid,.g114-option-grid.palette,.g114-preset-grid{grid-template-columns:1fr}.g114-icon-grid{grid-template-columns:repeat(2,1fr)}.g114-preview-column{min-height:470px}.g114-topbar p{display:none}.g114-footer{padding:9px 10px;padding-block-end:max(9px,env(safe-area-inset-bottom))}.g114-footer>div:last-child{width:100%}.g114-footer #g114Cancel,.g114-footer #g114Apply{flex:1}.g114-dirty{display:none}.g114-quality-grid{grid-template-columns:1fr}.g114-device-screen{border-width:5px;border-radius:29px}}
@media(prefers-reduced-motion:reduce){.g114-studio,.g114-preview-device,.g114-device-screen,.g114-switch-row>i,.g114-switch-row>i:after{animation:none!important;transition:none!important}}


/* Group 11.4 Dev2 — appearance hierarchy, typography cards and settings fit */
.g114-entry{align-items:stretch}.g114-entry-copy{flex:1}.g114-entry-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.g114-entry-shortcuts button{min-height:34px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text);font:inherit;font-size:.56rem;font-weight:850}.g114-entry-shortcuts button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
.g114-section-description{margin:-3px 0 10px;color:var(--muted);font-size:.56rem;line-height:1.75}.g114-option-grid.palette.family{grid-template-columns:repeat(3,minmax(0,1fr))}.g114-option-grid.palette.variants{grid-template-columns:repeat(2,minmax(0,1fr))}.g114-option-grid.palette button>i{width:31px;height:31px;border-radius:11px}.g114-variant-section{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 20%,var(--line))}.g114-option-grid.visual-style button{min-height:68px}.g114-option-grid.visual-style button:before{content:"";width:34px;height:24px;flex:0 0 34px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 16%,var(--surface)),var(--surface-2));box-shadow:inset 0 -6px 0 color-mix(in srgb,var(--primary) 8%,transparent)}
.g114-option-grid.font{grid-template-columns:repeat(2,minmax(0,1fr))}.g114-option-grid.font button{min-height:78px;align-items:flex-start;padding:12px}.g114-option-grid.font button span{display:grid;gap:4px}.g114-option-grid.font button b{font-size:.82rem}.g114-option-grid.font button small:after{content:" همراه؛ یک پیام تازه";display:block;margin-top:6px;color:var(--text);font-size:.68rem;font-weight:700}.g114-option-grid.font [data-g114-value="vazirmatn"]{font-family:"Vazirmatn",sans-serif}.g114-option-grid.font [data-g114-value="estedad"]{font-family:"Estedad",sans-serif}.g114-option-grid.font [data-g114-value="amiri"]{font-family:"Amiri",serif}.g114-option-grid.font [data-g114-value="tahoma"]{font-family:Tahoma,sans-serif}.g114-font-sample{position:relative;padding-top:42px}.g114-font-badge{position:absolute;inset:12px 12px auto auto;padding:5px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.52rem;font-weight:900}.g114-font-sample>small{display:block;margin-top:10px;color:var(--muted);direction:ltr;text-align:right}.g114-preset-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.g114-preset-grid.compact button{min-height:100px}
body[data-g114-palette-variant="neon"] .topbar,body[data-g114-palette-variant="aurora"] .topbar,body[data-g114-palette-variant="glow"] .topbar{box-shadow:0 12px 38px color-mix(in srgb,var(--primary) 22%,transparent)}body[data-g114-palette-variant="grid"] .messages:before{background-image:linear-gradient(color-mix(in srgb,var(--primary) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary-2) 12%,transparent) 1px,transparent 1px);background-size:24px 24px}
#settingsView{box-sizing:border-box}#settingsView .g8-settings-shell,#settingsView .g8-settings-home,#settingsView .g8-settings-pages,#settingsView .g8-settings-page,#settingsView .g8-page-content,#settingsView .g8-category-grid{inline-size:100%;min-inline-size:0;box-sizing:border-box}#settingsView .g8-category-card{inline-size:100%;min-inline-size:0;box-sizing:border-box}#settingsView .g8-category-card>div{min-inline-size:0}#settingsView .g8-category-card b,#settingsView .g8-category-card small{overflow-wrap:anywhere}.g8-settings-hero,.g8-settings-search,.g8-category-grid{max-inline-size:none}
html[data-hamrah-desktop="windows"] .g8-category-grid{gap:5px;padding:8px;border-radius:18px}html[data-hamrah-desktop="windows"] .g8-category-card{min-height:70px;padding:10px 12px;grid-template-columns:44px minmax(0,1fr) 20px;gap:11px;border-radius:14px}html[data-hamrah-desktop="windows"] .g8-category-card>span{width:42px;height:42px;border-radius:14px}html[data-hamrah-desktop="windows"] .g8-settings-shell{inline-size:100%;max-inline-size:none;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px}html[data-hamrah-desktop="windows"] .g8-settings-home{inline-size:100%}
@media(max-width:860px){.g114-entry{flex-direction:column}.g114-entry-button{width:100%}.g114-option-grid.palette.family{grid-template-columns:repeat(2,minmax(0,1fr))}.g114-option-grid.palette.variants,.g114-option-grid.font,.g114-preset-grid.compact{grid-template-columns:1fr}}
@media(max-width:620px){#settingsView.settings-view{padding-inline:12px!important}#settingsView .g8-settings-shell{padding-inline:0!important}#settingsView .g8-category-grid{padding:7px;gap:5px;border-radius:20px}#settingsView .g8-category-card{min-height:78px;padding:10px 9px;grid-template-columns:42px minmax(0,1fr) 18px;gap:9px;border-radius:14px}#settingsView .g8-category-card>span{width:40px;height:40px;border-radius:14px}#settingsView .g8-category-card b{font-size:.76rem}#settingsView .g8-category-card small{font-size:.54rem;line-height:1.55}.g114-entry{padding:17px}.g114-entry-shortcuts{display:grid;grid-template-columns:1fr 1fr}.g114-entry-shortcuts button{border-radius:12px}.g114-option-grid.palette.family{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.g114-entry-shortcuts,.g114-option-grid.palette.family{grid-template-columns:1fr}.g114-controls{padding:11px}.g114-control-section{padding:12px}.g114-option-grid button{padding:9px}.g114-option-grid.font button{min-height:72px}}
.g114-preset-art[data-preset-art="shafaq-aurora"]{background:radial-gradient(circle at 18% 20%,#22d3ee,transparent 38%),radial-gradient(circle at 82% 72%,#ec4899,transparent 42%),linear-gradient(135deg,#24133f,#8b5cf6)}


/* E4 UI Consistency — one wallpaper layer for every chat canvas.
   E4 Wallpaper Performance Hotfix2 ROOT FIX:
   the wallpaper is a static sibling of the scrollable message list, so it
   never scrolls out of view and never needs per-frame JS transform updates.
   This also removes wallpaper stacking/isolation from the message tree itself. */
#chatScreen .g114-message-viewport{
  position:relative!important;
  flex:1 1 auto!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background-color:color-mix(in srgb,var(--bg) 98%,var(--primary) 2%)!important;
}
#chatScreen .g114-message-viewport>.messages{
  position:relative!important;
  z-index:1!important;
  inline-size:100%!important;
  block-size:100%!important;
  min-block-size:0!important;
  flex:none!important;
  background-color:transparent!important;
  background-image:none!important;
}
#chatScreen .g114-chat-wallpaper{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  contain:paint!important;
}
#chatScreen .g114-chat-wallpaper::before,
#chatScreen .g114-chat-wallpaper::after{
  content:"";
  position:absolute!important;
  pointer-events:none!important;
}
#chatScreen .g114-chat-wallpaper::before{
  inset:-2.5%!important;
  background-position:center!important;
  background-repeat:repeat!important;
  filter:blur(var(--g114-wallpaper-blur))!important;
  transform:scale(1.015)!important;
  transform-origin:center!important;
}
#chatScreen .g114-chat-wallpaper::after{
  inset:0!important;
  background:rgb(0 0 0 / var(--g114-wallpaper-dim))!important;
}
body[data-g114-wallpaper="plain"] #chatScreen .g114-chat-wallpaper::before{
  background-image:
    radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--primary) 8%,transparent) 0 1px,transparent 1.35px),
    radial-gradient(circle at 76% 72%,color-mix(in srgb,var(--primary-2) 6%,transparent) 0 1px,transparent 1.3px)!important;
  background-size:46px 46px,56px 56px!important;
  background-position:0 0,19px 17px!important;
}
body[data-g114-wallpaper="dots"] #chatScreen .g114-chat-wallpaper::before{
  background-image:radial-gradient(circle at 2px 2px,color-mix(in srgb,var(--primary) 14%,transparent) 1px,transparent 1.5px)!important;
  background-size:20px 20px!important;
}
body[data-g114-wallpaper="aurora"] #chatScreen .g114-chat-wallpaper::before{
  background-image:
    radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--primary) 28%,transparent),transparent 38%),
    radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--primary-2) 24%,transparent),transparent 42%)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
body[data-g114-wallpaper="flow"] #chatScreen .g114-chat-wallpaper::before{
  background-image:
    linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),transparent 45%),
    linear-gradient(315deg,color-mix(in srgb,var(--primary-2) 18%,transparent),transparent 52%)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
body[data-g114-wallpaper="grid"] #chatScreen .g114-chat-wallpaper::before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--primary) 10%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--primary-2) 10%,transparent) 1px,transparent 1px)!important;
  background-size:26px 26px!important;
}
body[data-g114-wallpaper="personal"] #chatScreen .g114-chat-wallpaper::before{
  background-image:var(--g114-personal-wallpaper)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html[data-hamrah-desktop="windows"] body[data-g114-wallpaper] #chatScreen .g114-message-viewport>.messages{
  background-image:none!important;
}

/* E4 typography preview parity for the canonical six choices. */
.g114-option-grid.font [data-g114-value="peyda"]{font-family:"Peyda","Vazirmatn",sans-serif}
.g114-option-grid.font [data-g114-value="ravi"]{font-family:"Ravi","Vazirmatn",sans-serif}
.g114-option-grid.font [data-g114-value="yekanbakh"]{font-family:"Yekan Bakh","Vazirmatn",sans-serif}