.fa-solid,.fas{font-weight:900!important}.fa-regular,.far,.fa-brands,.fab{font-weight:400!important}:root{--chieru-gold: #F09000;--chieru-gold-dark: #C77400;--chieru-gold-light: #F9B559;--brand-rgb: 240, 144, 0;--ctrl-sel: #D49A3A;--ctrl-sel-dark: #B07B1F;--ctrl-sel-light: #E8B864;--ctrl-sel-rgb: 212, 154, 58;--teal-pill: #D7E8E8;--teal-pill-border: #B8D0D0;--teal-text: #3A6B6B;--src-blue: #3B82F6;--src-pink: #EC4899;--src-amber: #F59E0B;--src-gray: #9CA3AF;--src-purple: #8B5CF6;--src-green: #10B981;--bg: #F5F4EF;--bg-soft: #FAFAF7;--canvas-bg: #E8F0F0;--canvas-border: #B8D0D0;--surface: #FFFFFF;--text: #1F2937;--text-muted: #6B7280;--text-light: #9CA3AF;--border: #E5E7EB;--border-soft: #F0F0EC;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Noto Sans JP,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}.app-header{background:var(--surface);border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:.75rem 2rem;gap:2rem;position:sticky;top:0;z-index:50;box-shadow:0 1px #00000005}.brand{display:flex;align-items:center;gap:1rem}.chieru-logo{font-weight:700;font-size:1.6rem;letter-spacing:-.02em;font-family:Inter,sans-serif;line-height:1;display:flex;align-items:baseline}.chieru-logo .logo-chi{color:var(--chieru-gold)}.chieru-logo .logo-i{color:var(--chieru-gold);font-style:italic}.chieru-logo .logo-eru{color:var(--chieru-gold)}.brand-divider{width:1px;height:28px;background:var(--border)}.brand-product{line-height:1.2}.product-name{font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:.02em}.product-sub{font-size:.72rem;color:var(--text-muted);letter-spacing:.08em}.top-tabs{display:flex;gap:.25rem;justify-content:center}.tab-btn{padding:.7rem 1.25rem;font-size:.88rem;font-weight:500;color:var(--text-muted);border-radius:var(--r-md);display:inline-flex;align-items:center;gap:.5rem;transition:all .15s ease;position:relative}.tab-btn:hover{color:var(--chieru-gold-dark);background:rgba(var(--brand-rgb),.06)}.tab-btn.active{color:var(--chieru-gold-dark);background:rgba(var(--brand-rgb),.1);font-weight:600}.tab-btn i{font-size:.95rem}.header-status{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--r-pill);font-size:.78rem;font-weight:500;color:var(--success)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 #10b98180;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}body{overflow:hidden}#root{display:flex;flex-direction:column;height:100vh;height:100dvh}.app-content{flex:1;min-height:0;overflow-y:auto;width:100%;padding:1.5rem 2rem 3rem;max-width:1600px;margin:0 auto}.app-content.control-active{overflow:hidden;display:flex;flex-direction:column;padding:.9rem 1.5rem}.control-screen.active{display:flex;flex-direction:column;flex:1;min-height:0}.tab-content{display:none;animation:fadeIn .25s ease}.tab-content.active{display:block}.control-screen.tab-content.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.control-canvas{background:var(--canvas-bg);border:1px solid var(--canvas-border);border-radius:var(--r-xl);padding:1rem 1.75rem;position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md)}.canvas-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.canvas-identity{display:flex;flex-direction:column;gap:.25rem}.model-name{font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.01em;line-height:1;font-family:Inter,sans-serif}.school-name-wrap{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .3rem .2rem 0;border-radius:var(--r-sm);transition:background .15s ease}.school-name-wrap:hover{background:#00000008}.school-name{font-size:1rem;font-weight:500;color:var(--text-muted);outline:none;border-bottom:1px dashed transparent;padding:.1rem .2rem;border-radius:3px;min-width:80px}.school-name:hover,.school-name:focus{border-bottom-color:var(--chieru-gold);color:var(--chieru-gold-dark);background:rgba(var(--brand-rgb),.06)}.school-edit-icon{font-size:.7rem;color:var(--text-light);opacity:0;transition:opacity .15s ease}.school-name-wrap:hover .school-edit-icon{opacity:1}.canvas-toolbar{display:inline-flex;align-items:center;gap:.35rem;background:var(--teal-pill);border:1.5px solid #C73E3E;border-radius:var(--r-pill);padding:.4rem .6rem;box-shadow:var(--shadow-sm);position:relative}.tool-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;background:transparent;color:var(--teal-text);font-size:.85rem;font-weight:500;border-radius:var(--r-pill);transition:all .15s ease;white-space:nowrap;position:relative}.tool-btn i{font-size:.95rem}.tool-btn:hover{background:#ffffffb3;color:var(--text)}.tool-btn.active{background:var(--chieru-gold);color:#fff;box-shadow:0 1px 4px rgba(var(--brand-rgb),.4)}.tool-btn[hidden]{display:none}.tool-volume{padding:.35rem .5rem;gap:.25rem}.tool-volume>i{padding:0 .25rem}.vol-step{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffd9;border-radius:50%;color:var(--teal-text);font-size:.75rem;transition:all .15s ease}.vol-step:hover{background:var(--chieru-gold);color:#fff;transform:scale(1.08)}.canvas-toolbar.size-sm .tool-btn{padding:.4rem .7rem;font-size:.78rem}.canvas-toolbar.size-sm .tool-btn i{font-size:.82rem}.canvas-toolbar.size-sm .vol-step{width:22px;height:22px;font-size:.68rem}.canvas-toolbar.size-lg .tool-btn{padding:.7rem 1.15rem;font-size:.95rem}.canvas-toolbar.size-lg .tool-btn i{font-size:1.05rem}.canvas-toolbar.size-lg .vol-step{width:30px;height:30px;font-size:.82rem}.toolbar-gear-wrap{position:relative;margin-left:.25rem}.toolbar-gear{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff9;color:var(--teal-text);transition:all .15s ease}.toolbar-gear:hover{background:#fff;color:var(--chieru-gold-dark);transform:rotate(90deg)}.toolbar-gear-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:.75rem;min-width:220px;box-shadow:var(--shadow-lg);z-index:20;display:none}.toolbar-gear-menu.open{display:block;animation:fadeIn .15s ease}.gear-menu-title{font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem}.gear-opt{display:flex;align-items:center;gap:.5rem;padding:.35rem .25rem;font-size:.85rem;color:var(--text);cursor:pointer;border-radius:var(--r-sm);transition:background .1s ease}.gear-opt:hover{background:var(--bg)}.gear-opt input{accent-color:var(--chieru-gold);cursor:pointer}.gear-menu-divider{height:1px;background:var(--border);margin:.6rem 0}.gear-size-row{display:flex;gap:.4rem}.gear-size{flex:1;padding:.4rem;background:var(--bg);border-radius:var(--r-sm);font-size:.8rem;color:var(--text-muted);transition:all .15s ease}.gear-size:hover{background:rgba(var(--brand-rgb),.1);color:var(--chieru-gold-dark)}.gear-size.active{background:var(--chieru-gold);color:#fff;font-weight:600}.operation-hint{position:absolute;top:5.5rem;left:2rem;z-index:5;max-width:230px;display:flex;align-items:flex-start;gap:4px;animation:slideFromLeft .4s ease}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.hint-bubble{background:#fef3c7;border:1px solid #F6D775;border-radius:var(--r-md);padding:.75rem .9rem;font-size:.78rem;color:#78350f;box-shadow:var(--shadow-sm);position:relative;line-height:1.5}.hint-bubble:before{content:"";position:absolute;top:1rem;right:-6px;width:10px;height:10px;background:#fef3c7;border-right:1px solid #F6D775;border-top:1px solid #F6D775;transform:rotate(45deg)}.hint-title{font-weight:700;font-size:.82rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.3rem}.hint-bubble ol{margin-left:1.1rem;margin-bottom:.5rem}.hint-bubble ol li{margin-bottom:.15rem}.hint-sub{font-size:.72rem;color:#92400e;opacity:.85}.hint-close{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-light);font-size:.75rem;transition:all .15s ease}.hint-close:hover{background:var(--border);color:var(--text)}.operation-hint.hidden{display:none}.canvas-body{position:relative;margin-top:.5rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;flex:1;min-height:0}.io-row{position:relative;padding:.4rem 0}.io-row-label{font-size:1.05rem;font-weight:700;text-align:center;letter-spacing:.12em;color:var(--text);font-family:Inter,sans-serif}.io-input-row .io-row-label{margin-bottom:.5rem}.io-output-row .io-row-label{margin-top:.5rem}.io-items{display:flex;justify-content:center;align-items:flex-start;gap:1.25rem;flex-wrap:wrap;padding:0 1rem}.io-card{width:108px;display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;transition:transform .15s ease;position:relative}.io-card:hover{filter:brightness(1.01)}.io-card:active{transform:scale(.98)}.io-card.dragging{opacity:.45;transform:scale(.94)}.io-card.drop-target{transform:translateY(-4px) scale(1.04)}.io-card.drop-target .io-card-visual{box-shadow:0 0 0 3px var(--ctrl-sel),var(--shadow-md)}.io-card-visual{width:92px;height:71.4px;border-radius:var(--r-md);background:#fff;border:3px solid var(--src-gray);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:2px 3px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden}.io-card-visual i{font-size:2.2rem;line-height:1;color:var(--text-muted);transition:color .15s ease,transform .15s ease}.io-card:hover .io-card-visual{box-shadow:var(--shadow-md)}.io-card.selected{transform:translateY(-4px)}.io-card.selected .io-card-visual{border-width:4px;box-shadow:0 0 0 4px #d49a3a40,0 10px 20px #d49a3a47,0 4px 8px #00000014;animation:selectedPulse 1.3s ease-in-out infinite}.io-card.selected .io-card-visual i{transform:scale(1.08)}.io-card.selected .io-card-label{color:var(--ctrl-sel-dark);font-weight:700}@keyframes selectedPulse{0%,to{box-shadow:0 0 0 4px #d49a3a40,0 10px 20px #d49a3a47,0 4px 8px #00000014}50%{box-shadow:0 0 0 10px #d49a3a00,0 10px 20px #d49a3a47,0 4px 8px #00000014}}.io-card.output-card.awaiting .io-card-visual{animation:awaitingBreath 1.6s ease-in-out infinite}.io-card.output-card.awaiting:hover .io-card-visual{animation:none;border-color:var(--ctrl-sel);box-shadow:0 0 0 3px #d49a3a4d,var(--shadow-md)}@keyframes awaitingBreath{0%,to{border-color:var(--src-gray);box-shadow:var(--shadow-sm)}50%{border-color:var(--ctrl-sel-light);box-shadow:0 0 0 2px #d49a3a1f,var(--shadow-sm)}}.io-card.output-card.awaiting[data-color=blue] .io-card-visual{animation:awaitingBreathBlue 1.6s ease-in-out infinite}.io-card.output-card.awaiting[data-color=pink] .io-card-visual{animation:awaitingBreathPink 1.6s ease-in-out infinite}.io-card.output-card.awaiting[data-color=amber] .io-card-visual{animation:awaitingBreathAmber 1.6s ease-in-out infinite}.io-card.output-card.awaiting[data-color=gray] .io-card-visual{animation:awaitingBreathGray 1.6s ease-in-out infinite}.io-card.output-card.awaiting[data-color=purple] .io-card-visual{animation:awaitingBreathPurple 1.6s ease-in-out infinite}.io-card.output-card.awaiting[data-color=green] .io-card-visual{animation:awaitingBreathGreen 1.6s ease-in-out infinite}@keyframes awaitingBreathBlue{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 3px #d49a3a38,var(--shadow-sm)}}@keyframes awaitingBreathPink{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 3px #d49a3a38,var(--shadow-sm)}}@keyframes awaitingBreathAmber{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 3px #d49a3a38,var(--shadow-sm)}}@keyframes awaitingBreathGray{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 3px #d49a3a38,var(--shadow-sm)}}@keyframes awaitingBreathPurple{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 3px #d49a3a38,var(--shadow-sm)}}@keyframes awaitingBreathGreen{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 3px #d49a3a38,var(--shadow-sm)}}.io-card.all-card.awaiting .io-card-visual{animation:allAwaiting 1.2s ease-in-out infinite}@keyframes allAwaiting{0%,to{box-shadow:0 0 #1f29374d,var(--shadow-sm)}50%{box-shadow:0 0 0 6px #1f293700,var(--shadow-sm)}}.io-card[data-color=blue] .io-card-visual{border-color:var(--src-blue)}.io-card[data-color=blue] .io-card-visual i{color:var(--src-blue)}.io-card[data-color=pink] .io-card-visual{border-color:var(--src-pink)}.io-card[data-color=pink] .io-card-visual i{color:var(--src-pink)}.io-card[data-color=amber] .io-card-visual{border-color:var(--src-amber)}.io-card[data-color=amber] .io-card-visual i{color:var(--src-amber)}.io-card[data-color=gray] .io-card-visual{border-color:var(--src-gray)}.io-card[data-color=gray] .io-card-visual i{color:var(--text-muted)}.io-card[data-color=purple] .io-card-visual{border-color:var(--src-purple)}.io-card[data-color=purple] .io-card-visual i{color:var(--src-purple)}.io-card[data-color=green] .io-card-visual{border-color:var(--src-green)}.io-card[data-color=green] .io-card-visual i{color:var(--src-green)}.io-card.all-card .io-card-visual{background:#1f2937;border-color:#1f2937;color:#fff}.io-card.all-card .io-card-visual i{color:#fff}.io-card.all-card .io-card-visual:before{content:none}.io-card.all-card .io-card-visual i{display:none}.io-card-label{font-size:.8rem;font-weight:700;color:var(--text);text-align:center;line-height:1.05;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.io-card.input-card .io-card-visual,.io-card.output-card .io-card-visual{flex-direction:column}.io-card-badge{position:absolute;top:-6px;right:-6px;background:var(--ctrl-sel);color:#fff;font-size:.62rem;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:2px solid #fff}.wires-layer{position:relative;min-height:50px;pointer-events:none}#wires-svg,.wires-layer svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.wire-path{fill:none;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.wire-head{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}@keyframes wireDraw{0%{stroke-dasharray:500;stroke-dashoffset:500}to{stroke-dasharray:500;stroke-dashoffset:0}}.tool-btn.active i.fa-volume-xmark{animation:mutedShake .6s ease}@keyframes mutedShake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-header h2{font-size:1.4rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.6rem}.page-header h2 i{color:var(--chieru-gold)}.page-sub{font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.btn-scan{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;background:var(--chieru-gold);color:#fff;font-size:.88rem;font-weight:600;border-radius:var(--r-md);transition:all .15s ease;box-shadow:0 2px 4px rgba(var(--brand-rgb),.25)}.btn-scan:hover{background:var(--chieru-gold-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--brand-rgb),.35)}.io-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.device-config-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.1rem;transition:all .2s ease;position:relative}.device-config-card:hover{border-color:var(--chieru-gold-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.device-config-card.inactive{opacity:.55;background:var(--bg-soft)}.dc-top{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.8rem}.dc-icon-btn{width:56px;height:56px;border-radius:var(--r-md);background:var(--bg-soft);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--text-muted);transition:all .15s ease;flex-shrink:0;position:relative}.dc-icon-btn:hover{border-color:var(--chieru-gold);color:var(--chieru-gold-dark);background:rgba(var(--brand-rgb),.06)}.dc-icon-btn:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;background:var(--chieru-gold);color:#fff;font-size:.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);opacity:0;transition:opacity .15s ease}.dc-icon-btn:hover:after{opacity:1}.dc-top-info{flex:1;min-width:0}.dc-name-input{width:100%;font-size:.95rem;font-weight:600;color:var(--text);border:1px solid transparent;background:transparent;padding:.3rem .4rem;border-radius:var(--r-sm);outline:none;transition:all .15s ease}.dc-name-input:hover{background:var(--bg)}.dc-name-input:focus{background:#fff;border-color:var(--chieru-gold-light);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.15)}.dc-meta{font-size:.7rem;color:var(--text-light);font-family:JetBrains Mono,Menlo,monospace;padding:0 .4rem;margin-top:.1rem}.dc-color-row{display:flex;gap:.4rem;margin-bottom:.8rem;padding:.5rem .4rem;background:var(--bg-soft);border-radius:var(--r-sm)}.dc-color-label{font-size:.72rem;color:var(--text-muted);align-self:center;margin-right:.3rem}.color-chip{width:22px;height:22px;border-radius:50%;cursor:pointer;transition:all .15s ease;border:2px solid transparent;flex-shrink:0}.color-chip:hover{transform:scale(1.15)}.color-chip.active{border-color:var(--text);transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--text)}.color-chip[data-color=blue]{background:var(--src-blue)}.color-chip[data-color=pink]{background:var(--src-pink)}.color-chip[data-color=amber]{background:var(--src-amber)}.color-chip[data-color=gray]{background:var(--src-gray)}.color-chip[data-color=purple]{background:var(--src-purple)}.color-chip[data-color=green]{background:var(--src-green)}.dc-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;border-top:1px solid var(--border-soft)}.dc-switch{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-muted);cursor:pointer}.switch-track{width:36px;height:20px;background:var(--border);border-radius:var(--r-pill);position:relative;transition:background .18s ease}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease}.dc-switch input:checked+.switch-track{background:var(--chieru-gold)}.dc-switch input:checked+.switch-track:after{transform:translate(16px)}.dc-switch input{display:none}.dc-role-tag{font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--r-sm);letter-spacing:.04em}.dc-role-tag.tx{background:#3b82f61f;color:var(--src-blue)}.dc-role-tag.rx{background:#8b5cf61f;color:var(--src-purple)}.adv-filter-row{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:3px;gap:2px}.filter-btn{padding:.45rem 1rem;font-size:.82rem;color:var(--text-muted);border-radius:calc(var(--r-md) - 3px);transition:all .15s ease}.filter-btn:hover{color:var(--text)}.filter-btn.active{background:var(--chieru-gold);color:#fff;font-weight:600}.settings-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}.adv-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:box-shadow .15s ease}.adv-item:hover{box-shadow:var(--shadow-sm)}.adv-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;cursor:pointer;transition:background .15s ease}.adv-header:hover{background:var(--bg-soft)}.adv-header-left{display:flex;align-items:center;gap:.85rem}.adv-dev-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);font-size:1.05rem}.adv-dev-icon.tx{background:#3b82f61a;color:var(--src-blue)}.adv-dev-icon.rx{background:#8b5cf61a;color:var(--src-purple)}.adv-dev-name{font-size:.92rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.4rem}.adv-dev-ip{font-size:.72rem;color:var(--text-light);font-family:JetBrains Mono,monospace}.role-tag{font-size:.65rem;font-weight:700;padding:.12rem .45rem;border-radius:var(--r-sm);letter-spacing:.04em}.role-tag.role-tx{background:#3b82f61f;color:var(--src-blue)}.role-tag.role-rx{background:#8b5cf61f;color:var(--src-purple)}.adv-toggle-icon{color:var(--text-light);transition:transform .2s ease;font-size:.85rem}.adv-toggle-icon.open{transform:rotate(180deg);color:var(--chieru-gold)}.adv-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--bg-soft)}.adv-content.open{max-height:800px;border-top:1px solid var(--border-soft)}.settings-grid{padding:1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem}.setting-group{display:flex;flex-direction:column;gap:.4rem}.setting-group label{font-size:.78rem;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:.35rem}.setting-group label i{color:var(--chieru-gold);font-size:.82rem}.setting-input,.setting-select{width:100%;padding:.55rem .75rem;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);font-size:.85rem;color:var(--text);outline:none;transition:all .15s ease}.setting-input:focus,.setting-select:focus{border-color:var(--chieru-gold);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.input-with-select{display:flex;gap:.4rem}.input-with-select .setting-input{flex:1}.vol-control{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem;border-radius:var(--r-sm);border:1px solid var(--border)}.vol-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-soft);color:var(--text);font-size:.85rem;transition:all .15s ease}.vol-btn:hover{background:var(--chieru-gold);color:#fff}.vol-bar-wrap{flex:1;height:6px;background:var(--border);border-radius:var(--r-pill);overflow:hidden}.vol-bar{height:100%;background:linear-gradient(90deg,var(--chieru-gold-light),var(--chieru-gold));transition:width .18s ease}.vol-val{width:40px;text-align:center;font-size:.82rem;font-weight:600;color:var(--text);border:none;background:transparent;outline:none;font-family:JetBrains Mono,monospace}.setting-actions{grid-column:1 / -1;display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-soft);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;border-radius:var(--r-md);transition:all .15s ease;white-space:nowrap}.btn i{font-size:.85rem}.btn-primary{background:var(--chieru-gold);color:#fff}.btn-primary:hover{background:var(--chieru-gold-dark)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#d97706}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger-outline:hover{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-soft);color:var(--text);border-color:var(--text-muted)}.btn-outline-sm{padding:.4rem .8rem;font-size:.8rem;background:transparent;color:var(--chieru-gold-dark);border:1px solid var(--chieru-gold-light)}.btn-outline-sm:hover{background:var(--chieru-gold);color:#fff}.system-section{margin-top:2.5rem}.section-title{font-size:1.05rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.section-title i{color:var(--chieru-gold)}.btn-scan-lg{padding:.85rem 1.6rem;font-size:.95rem;font-weight:700}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--chieru-gold)}.stat-card.stat-tx:before{background:var(--src-blue)}.stat-card.stat-rx:before{background:var(--src-purple)}.stat-card.stat-switch:before{background:var(--chieru-gold)}.stat-card:hover{border-color:var(--chieru-gold-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-icon{width:50px;height:50px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.stat-card.stat-tx .stat-card-icon{background:#3b82f61a;color:var(--src-blue)}.stat-card.stat-rx .stat-card-icon{background:#8b5cf61a;color:var(--src-purple)}.stat-card.stat-switch .stat-card-icon{background:rgba(var(--brand-rgb),.12);color:var(--chieru-gold-dark)}.stat-card-body{flex:1;min-width:0}.stat-card-value{font-size:1.8rem;font-weight:700;color:var(--text);line-height:1;font-family:Inter,JetBrains Mono,monospace}.stat-card.stat-switch .stat-card-value{font-size:1.15rem}.stat-card-label{font-size:.78rem;color:var(--text-muted);margin-top:.3rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.panel-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--bg-soft)}.panel-header h3{font-size:.95rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.panel-header h3 i{color:var(--chieru-gold)}.panel-actions{display:flex;align-items:center;gap:.8rem}.selection-count{font-size:.8rem;color:var(--text-muted);padding:.3rem .7rem;background:#fff;border:1px solid var(--border);border-radius:var(--r-pill)}.btn[disabled]{opacity:.4;cursor:not-allowed}.table-container{overflow-x:auto;max-width:100%}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.data-table thead th{background:var(--bg-soft);color:var(--text-muted);font-weight:600;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody td{padding:.85rem 1rem;border-bottom:1px solid var(--border-soft);vertical-align:middle;color:var(--text)}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:var(--bg-soft)}.data-table tbody tr.row-selected{background:rgba(var(--brand-rgb),.06)}.data-table tbody tr.row-selected:hover{background:rgba(var(--brand-rgb),.1)}.data-table tbody tr:last-child td{border-bottom:none}.col-check{width:44px;text-align:center}.col-check .chk-wrap{margin:0 auto}.chk-wrap{display:inline-flex;align-items:center;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.chk-wrap input{display:none}.chk-box{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .12s ease}.chk-wrap:hover .chk-box{border-color:var(--chieru-gold)}.chk-wrap input:checked+.chk-box{background:var(--chieru-gold);border-color:var(--chieru-gold)}.chk-wrap input:checked+.chk-box:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.chk-wrap input:indeterminate+.chk-box{background:var(--chieru-gold);border-color:var(--chieru-gold)}.chk-wrap input:indeterminate+.chk-box:after{content:"";width:8px;height:2px;background:#fff}.cell-dev{display:inline-flex;align-items:center;gap:.55rem}.cell-dev-icon{width:28px;height:28px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.cell-dev-icon.tx{background:#3b82f61a;color:var(--src-blue)}.cell-dev-icon.rx{background:#8b5cf61a;color:var(--src-purple)}.cell-dev-name{font-weight:600}.mono{font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:.8rem;color:var(--text)}.mono.muted{color:var(--text-muted)}.data-table td.ts{font-size:.76rem;color:var(--text-muted);white-space:nowrap}.port-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;background:rgba(var(--brand-rgb),.1);color:var(--chieru-gold-dark);font-size:.75rem;font-weight:700;border-radius:var(--r-sm);font-family:JetBrains Mono,monospace;border:1px solid rgba(var(--brand-rgb),.25)}.role-select{padding:.35rem .55rem;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);font-size:.8rem;color:var(--text);outline:none;transition:all .15s ease;cursor:pointer}.role-select:hover{border-color:var(--chieru-gold-light)}.role-select:focus{border-color:var(--chieru-gold);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.device-count-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.88rem;color:var(--text)}.device-count-badge i{color:var(--chieru-gold)}.device-count-badge span{font-weight:700;font-size:1rem;font-family:Inter,monospace}.role-chip{display:inline-block;font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--r-sm);letter-spacing:.06em;vertical-align:middle;margin-left:.4rem}.role-chip.role-tx{background:#3b82f61f;color:var(--src-blue)}.role-chip.role-rx{background:#8b5cf61f;color:var(--src-purple)}.switch-port-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;background:rgba(var(--brand-rgb),.08);color:var(--chieru-gold-dark);font-size:.72rem;border-radius:var(--r-sm);border:1px solid rgba(var(--brand-rgb),.2);font-family:JetBrains Mono,monospace;white-space:nowrap}.switch-port-chip i{font-size:.75rem}.switch-port-chip .port-no{font-weight:700;padding-left:.25rem;border-left:1px solid rgba(var(--brand-rgb),.35);margin-left:.15rem}.adv-dev-ip .sep{color:var(--text-light);margin:0 .2rem}.adv-dev-ip{display:flex;align-items:center;gap:.1rem;flex-wrap:wrap;margin-top:.3rem}.adv-name-input{font-size:.95rem;font-weight:600;color:var(--text);border:1px solid transparent;background:transparent;padding:.2rem .4rem;border-radius:var(--r-sm);outline:none;transition:all .15s ease;min-width:100px;max-width:240px}.adv-name-input:hover{background:var(--bg-soft);border-color:var(--border)}.adv-name-input:focus{background:#fff;border-color:var(--chieru-gold-light);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.adv-dev-name{display:flex;align-items:center;gap:.4rem}.adv-dev-meta{min-width:0;flex:1}.setting-wide{grid-column:span 2}@media (max-width: 800px){.setting-wide{grid-column:auto}}.setting-display{border-bottom:1px solid var(--border-soft);padding-bottom:.8rem;margin-bottom:.3rem}.display-row{display:flex;align-items:center;gap:1rem}.display-row .dc-icon-btn{width:48px;height:48px;border-radius:var(--r-md);background:var(--bg-soft);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text-muted);transition:all .15s ease;flex-shrink:0;cursor:pointer}.display-row .dc-icon-btn:after{display:none}.display-row .dc-icon-btn:hover{border-color:var(--chieru-gold);color:var(--chieru-gold-dark);background:rgba(var(--brand-rgb),.06)}.display-row-mid{display:flex;flex-direction:column;gap:.5rem}.color-row{display:flex;gap:.35rem}.color-row .color-chip{width:20px;height:20px;border-radius:50%;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.color-row .color-chip:hover{transform:scale(1.15)}.color-row .color-chip.active{border-color:var(--text);transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--text)}.btn-scan-lg{padding:.8rem 1.5rem;font-size:.95rem}.btn-scan-lg i{font-size:1.05rem}.empty-state{text-align:center;padding:3.5rem 1.5rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--r-lg);color:var(--text-light)}.empty-state i{font-size:2rem;color:var(--border);margin-bottom:.8rem;display:block}.empty-state p{font-size:.88rem;max-width:400px;margin:0 auto;line-height:1.5}.system-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.system-action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;transition:all .2s ease}.system-action-card:hover{box-shadow:var(--shadow-md);border-color:var(--chieru-gold-light)}.sys-card-icon{width:52px;height:52px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:rgba(var(--brand-rgb),.12);color:var(--chieru-gold-dark)}.sys-card-icon.amber{background:#f59e0b1f;color:var(--warning)}.sys-card-icon.red{background:#ef44441f;color:var(--danger)}.sys-card-body h4{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.sys-card-body p{font-size:.78rem;color:var(--text-muted);line-height:1.5;margin-bottom:.35rem}.version-badge{display:inline-block;font-size:.7rem;padding:.15rem .5rem;background:var(--bg-soft);color:var(--text-muted);border-radius:var(--r-sm);font-family:JetBrains Mono,monospace}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142399;z-index:100;display:none;align-items:center;justify-content:center;padding:1rem}.modal-overlay.active{display:flex;animation:fadeIn .2s ease}.modal{background:var(--surface);border-radius:var(--r-lg);max-width:540px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modalPop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.4rem}.modal-header h3 i{color:var(--chieru-gold)}.modal-close{width:30px;height:30px;border-radius:50%;color:var(--text-light);font-size:.95rem;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-body{padding:1.2rem;overflow-y:auto}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.icon-opt{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-muted);transition:all .15s ease;padding:.4rem}.icon-opt i{font-size:1.5rem}.icon-opt span{font-size:.65rem;color:var(--text-muted);text-align:center;line-height:1.2}.icon-opt:hover{border-color:var(--chieru-gold);background:rgba(var(--brand-rgb),.08);color:var(--chieru-gold-dark);transform:translateY(-1px)}.icon-opt.active{background:var(--chieru-gold);color:#fff;border-color:var(--chieru-gold)}.icon-opt.active span{color:#ffffffe6}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffeb;display:none;align-items:center;justify-content:center;z-index:200}.loading-overlay.active{display:flex}.loading-box{background:var(--surface);padding:1.5rem 2rem;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:.8rem}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--chieru-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-box p{font-size:.85rem;color:var(--text-muted);white-space:pre-line;text-align:center;line-height:1.5}.toast-container{position:fixed;top:80px;right:1.5rem;z-index:300;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:var(--r-md);padding:.8rem 1.1rem;font-size:.85rem;font-weight:500;color:var(--text);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.55rem;pointer-events:auto;animation:toastIn .25s ease,toastOut .25s ease 2.5s forwards;min-width:240px;max-width:360px}.toast.success{border-left-color:var(--success)}.toast.success i{color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.warning i{color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toast.danger i{color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translate(30px)}}@media (max-width: 900px){.app-header{grid-template-columns:1fr;gap:.75rem;padding:.8rem 1rem}.top-tabs{flex-wrap:wrap;justify-content:flex-start}.tab-btn span{display:none}.header-status{justify-self:end}.app-content{padding:1rem}.control-canvas{padding:1rem .75rem 1.5rem}.canvas-topbar{flex-direction:column;align-items:stretch}.canvas-toolbar{flex-wrap:wrap;justify-content:center}.operation-hint{position:static;max-width:100%;margin-bottom:1rem}.hint-bubble:before{display:none}.io-card-visual{height:58px}.io-card-visual i{font-size:1.7rem}}.dev-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.25rem;margin-bottom:.6rem;transition:all .15s ease}.dev-row:hover{border-color:var(--chieru-gold-light);box-shadow:var(--shadow-sm)}.dev-row.disabled-dev{opacity:.45;background:var(--bg-soft)}.dev-row-main{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.dev-row-icon-wrap{flex-shrink:0}.dev-icon-btn{width:52px;height:52px;border-radius:var(--r-md);background:var(--bg-soft);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:all .15s ease;overflow:hidden}.dev-icon-btn:hover{border-color:var(--chieru-gold);color:var(--chieru-gold-dark)}.custom-icon-img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r-md) - 2px)}.io-card-visual .custom-icon-img{width:54px;height:54px;object-fit:contain;border-radius:8px}@media (max-height:860px){.control-screen .io-card-visual .custom-icon-img{width:44px;height:44px}}@media (max-height:720px){.control-screen .io-card-visual .custom-icon-img{width:36px;height:36px}}@media (max-height:620px){.control-screen .io-card-visual .custom-icon-img{width:30px;height:30px}}.dev-row-info{flex:1;min-width:200px}.dev-row-name-line{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.35rem}.dev-name-input{font-size:.92rem;font-weight:600;color:var(--text);border:1px solid transparent;background:transparent;padding:.2rem .4rem;border-radius:var(--r-sm);outline:none;transition:all .15s ease;min-width:100px;max-width:200px}.dev-name-input:hover{background:var(--bg);border-color:var(--border)}.dev-name-input:focus{background:#fff;border-color:var(--chieru-gold-light);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.color-dots{display:flex;gap:.3rem}.cdot{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .12s ease}.cdot:hover{transform:scale(1.2)}.cdot.active{border-color:var(--text);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--text)}.status-chip{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--r-pill);letter-spacing:.03em}.status-chip.online{background:#10b9811a;color:var(--success)}.status-chip.offline{background:#ef44441a;color:var(--danger)}.dev-row-meta{display:flex;gap:.4rem;flex-wrap:wrap}.meta-tag{font-size:.7rem;color:var(--text-muted);padding:.12rem .4rem;background:var(--bg-soft);border-radius:var(--r-sm);font-family:JetBrains Mono,Menlo,monospace;white-space:nowrap}.dev-row-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-left:auto}.dev-edid-select{display:flex;flex-direction:column;gap:.25rem}.dev-small-label{font-size:.68rem;color:var(--text-muted);font-weight:600;letter-spacing:.03em}.dev-select-sm{padding:.3rem .5rem;font-size:.78rem;max-width:180px}.toggle-switch{position:relative;display:inline-flex;cursor:pointer}.toggle-switch input{display:none}.toggle-track{width:38px;height:22px;background:var(--border);border-radius:var(--r-pill);position:relative;transition:background .18s ease}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease}.toggle-switch input:checked+.toggle-track{background:var(--chieru-gold)}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px)}.dev-group-btns{display:flex;gap:.25rem}.group-pick-btn{width:30px;height:30px;border-radius:var(--r-sm);background:var(--bg-soft);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--text-muted);cursor:pointer;transition:all .12s ease}.group-pick-btn:hover{border-color:var(--chieru-gold);color:var(--chieru-gold-dark)}.group-pick-btn.active{background:var(--chieru-gold);color:#fff;border-color:var(--chieru-gold)}.group-mgmt-bar{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:1rem;flex-wrap:wrap}.group-mgmt-label{font-size:.82rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:.35rem;white-space:nowrap}.group-chips{display:flex;gap:.4rem;flex-wrap:wrap;flex:1}.group-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.8rem;color:var(--text);transition:all .12s ease}.group-chip.primary{border-color:var(--chieru-gold-light);background:rgba(var(--brand-rgb),.08)}.group-chip.other{opacity:.7}.chip-star{font-size:.65rem;color:var(--chieru-gold);font-weight:700;margin-left:.15rem}.chip-edit{background:none;border:none;color:var(--text-light);font-size:.7rem;cursor:pointer;padding:.1rem;margin-left:.15rem;transition:color .12s ease}.chip-edit:hover{color:var(--chieru-gold-dark)}.rx-header-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.rx-filter-row{display:flex;gap:.2rem;flex-wrap:wrap}.rx-batch-row{display:flex;gap:.4rem}@media (max-height: 860px){.control-screen .model-name{font-size:1.5rem}.control-screen .canvas-topbar{margin-bottom:.5rem}.app-content.control-active{padding:.6rem 1.5rem}.control-screen .control-canvas{padding:.7rem 1.5rem}.control-screen .canvas-body{margin-top:.25rem}.control-screen .io-card-visual{height:71.4px}.control-screen .io-card-visual i{font-size:1.8rem}.control-screen .io-row{padding:.3rem 0}.control-screen .io-input-row .io-row-label,.control-screen .io-output-row .io-row-label{font-size:.95rem;margin:.3rem 0}.control-screen .all-text{font-size:1.3rem}}@media (max-height: 720px){.control-screen .model-name{font-size:1.3rem}.control-screen .canvas-topbar{margin-bottom:.35rem}.control-screen .control-canvas{padding:.55rem 1.25rem}.control-screen .io-card-visual{height:56.7px}.control-screen .io-card-visual i{font-size:1.55rem}.control-screen .io-row{padding:.2rem 0}.control-screen .io-input-row .io-row-label,.control-screen .io-output-row .io-row-label{font-size:.85rem;margin:.22rem 0}.control-screen .io-card-label{font-size:.75rem}.control-screen .all-text{font-size:1.15rem}}@media (max-height: 620px){.app-content.control-active{padding:.4rem 1.25rem}.control-screen .model-name{font-size:1.15rem}.control-screen .canvas-topbar{margin-bottom:.25rem}.control-screen .control-canvas{padding:.45rem 1rem}.control-screen .io-card-visual{height:46.2px}.control-screen .io-card-visual i{font-size:1.35rem}.control-screen .io-row{padding:.12rem 0}.control-screen .io-input-row .io-row-label,.control-screen .io-output-row .io-row-label{font-size:.78rem;margin:.15rem 0;letter-spacing:.06em}.control-screen .io-card-label{font-size:.7rem}.control-screen .all-text{font-size:1rem}}.all-card .io-card-visual{background:#1f2937;border-color:#1f2937}.all-text{display:flex;align-items:center;justify-content:center;width:100%;height:auto;flex:0 0 auto;font-size:1.6rem;font-weight:800;color:#fff;font-family:Noto Sans JP,Inter,system-ui,sans-serif;letter-spacing:.06em;line-height:1}.io-card.all-card .io-card-label{color:#fff}.page-footer-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-soft)}.dev-res-wrap{min-width:130px}.icon-upload-row{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.icon-upload-hint{font-size:.72rem;color:var(--text-light)}.btn-file{cursor:pointer;position:relative}.btn-file input[type=file]{position:absolute;opacity:0;width:0;height:0}.icon-opt-sm{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-muted);cursor:pointer;transition:all .12s ease}.icon-opt-sm:hover{border-color:var(--chieru-gold);color:var(--chieru-gold-dark)}.icon-opt-sm.active{background:var(--chieru-gold);color:#fff;border-color:var(--chieru-gold)}#group-icon-pick{display:flex;gap:.35rem;flex-wrap:wrap}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border-soft)}.modal-sm{max-width:420px}.sys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem}.sys-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.sys-panel-header{padding:.8rem 1.1rem;background:var(--bg-soft);border-bottom:1px solid var(--border);font-size:.88rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.45rem}.sys-panel-header i{color:var(--chieru-gold)}.sys-panel-body{padding:1.1rem}.sys-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.8rem;line-height:1.5}.sys-btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.sys-file-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sys-file-name{font-size:.8rem;color:var(--text-muted);font-family:monospace}.sys-inline-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.sys-label{font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.sys-num{width:70px;text-align:center}.sys-unit{font-size:.75rem;color:var(--text-light)}.sys-vol-row{display:flex;align-items:center;gap:.5rem}.sys-kv{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.sys-k{font-size:.8rem;color:var(--text-muted);font-weight:600}.sys-v{font-size:.85rem;color:var(--text)}.sys-cmd-row{margin-bottom:.8rem}.btn-dark{background:#374151;color:#fff}.btn-dark:hover{background:#1f2937}.btn-sm{padding:.4rem .7rem;font-size:.78rem}.batch-group-options{display:flex;flex-direction:column;gap:.4rem;margin:1rem 0}.batch-group-options .gear-opt{padding:.5rem}body{font-size:15px}.tab-btn{padding:.85rem 1.4rem;font-size:.95rem;font-weight:600}.btn,.btn-ghost,.btn-primary,.btn-warning,.btn-danger,.btn-dark,.btn-outline-sm{padding:.65rem 1.2rem;font-size:.9rem;font-weight:600}.tool-btn{padding:.65rem 1.1rem;font-size:.92rem;font-weight:600}.vol-step{width:30px;height:30px;font-size:.85rem}.io-card-label{font-size:.88rem;font-weight:600}.io-card-visual{width:100px;height:74px}.io-card-visual i{font-size:2.4rem}.dev-name-input{font-size:1rem;font-weight:700}.dev-row-meta .meta-tag{font-size:.76rem;font-weight:500}.setting-select,.setting-input{font-size:.88rem;padding:.6rem .8rem;font-weight:500}.dev-icon-btn{width:58px;height:58px;font-size:1.6rem}.dev-settings-btn{padding:.6rem 1rem;font-size:.88rem}.toggle-track{width:44px;height:26px}.toggle-track:after{width:22px;height:22px}.toggle-switch input:checked+.toggle-track:after{transform:translate(18px)}.status-chip{font-size:.74rem;padding:.2rem .55rem}.page-header h2{font-size:1.5rem}.model-name{font-size:2.2rem}h3,h4{font-weight:700}.sys-panel-header{font-size:.95rem;font-weight:700}.sys-desc{font-size:.85rem}.vol-btn{width:34px;height:34px;font-size:1rem}.group-pick-btn{width:auto;height:auto;padding:.45rem .75rem;font-size:.82rem;font-weight:600;gap:.35rem;display:inline-flex;align-items:center;border-radius:var(--r-md)}.group-pick-btn span{white-space:nowrap}.group-pick-btn.active{font-weight:700}.dev-group-btns{gap:.35rem}.meta-bold{font-weight:700!important;font-size:.8rem!important;color:var(--text)!important;background:rgba(var(--brand-rgb),.08)!important;border:1px solid rgba(var(--brand-rgb),.18)!important}.chip-merge{font-size:.65rem;color:var(--src-purple);font-weight:700;margin-left:.15rem}.dev-icon-display{width:52px;height:52px;border-radius:var(--r-md);background:var(--bg-soft);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted)}.meta-bold{display:none}.meta-sn{font-weight:500!important;font-size:.75rem!important;color:var(--text-muted)!important;background:var(--bg-soft)!important;border:1px solid var(--border)!important}.meta-ip{font-weight:700!important;font-size:.8rem!important;color:var(--teal-text)!important;background:#d7e8e880!important;border:1px solid var(--teal-pill-border)!important}.meta-port{font-weight:700!important;font-size:.8rem!important;color:var(--chieru-gold-dark)!important;background:rgba(var(--brand-rgb),.1)!important;border:1px solid rgba(var(--brand-rgb),.25)!important;border-radius:var(--r-pill)!important}#dev-settings-body .settings-grid{grid-template-columns:1fr!important;gap:1.2rem!important}#dev-settings-body .sys-inline-row{flex-wrap:wrap;gap:.6rem}#dev-settings-body .setting-wide{grid-column:auto}.rx-select-all-row{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:.6rem}.select-all-label{font-size:.88rem;font-weight:600;color:var(--text-muted)}.chip-custom-icon{width:18px;height:18px;border-radius:4px;object-fit:cover;vertical-align:middle}.btn-custom-icon{width:16px;height:16px;border-radius:3px;object-fit:cover;vertical-align:middle}.meta-ip{color:#5b8a8a!important;background:#e6f2f299!important;border:1px solid rgba(180,210,210,.4)!important}.dev-icon-btn[data-color=blue]{border-color:#3b82f6!important}.dev-icon-btn[data-color=pink]{border-color:#ec4899!important}.dev-icon-btn[data-color=amber]{border-color:#f59e0b!important}.dev-icon-btn[data-color=green]{border-color:#10b981!important}.dev-icon-btn[data-color=purple]{border-color:#8b5cf6!important}.dev-icon-btn[data-color=gray]{border-color:#9ca3af!important}.dev-icon-btn[data-color=blue] i{color:#3b82f6!important}.dev-icon-btn[data-color=pink] i{color:#ec4899!important}.dev-icon-btn[data-color=amber] i{color:#f59e0b!important}.dev-icon-btn[data-color=green] i{color:#10b981!important}.dev-icon-btn[data-color=purple] i{color:#8b5cf6!important}.dev-icon-btn[data-color=gray] i{color:#9ca3af!important}.control-canvas{padding:1.25rem 1.5rem 1.5rem;min-height:auto}.canvas-body{min-height:380px}.wires-layer{min-height:100px}.io-row{padding:.6rem 0}.io-row-label{margin-bottom:.6rem;margin-top:.6rem}.io-input-row .io-row-label{margin-bottom:.6rem}.io-output-row .io-row-label{margin-top:.6rem}.operation-hint{max-width:200px}.hint-bubble{padding:.6rem .75rem;font-size:.74rem}.io-items{display:flex;justify-content:center;align-items:flex-start;gap:1rem;flex-wrap:nowrap;padding:0;width:90%;margin:0 auto}.io-card{flex:1 1 0;min-width:0;width:0;max-width:none}.io-card-visual{width:100%;height:96px}.io-card-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.io-items{gap:.75rem}}@media (max-width: 768px){.io-items{gap:.5rem}}.page-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}#dev-settings-body .sys-inline-row .sys-num{width:110px;min-width:110px;text-align:center;margin-left:.5rem}#dev-settings-body .sys-inline-row .sys-unit{white-space:nowrap;flex-shrink:0}#dev-settings-body .sys-inline-row .btn-dark{margin-left:auto}#dev-settings-body .setting-group>.btn-warning{display:block;margin-left:auto;width:fit-content}.sys-panel .btn-warning{background:var(--chieru-gold);color:#fff;border:none}.sys-panel .btn-warning:hover{background:var(--chieru-gold-dark)}.sys-panel .btn-primary{background:var(--chieru-gold);color:#fff;border:none}.sys-panel .btn-primary:hover{background:var(--chieru-gold-dark)}.sys-panel .btn-danger{background:var(--chieru-gold)!important;color:#fff!important;border:none!important}.sys-panel .btn-danger:hover{background:var(--chieru-gold-dark)!important}.sys-panel .sys-system-reset-btn{background:var(--chieru-gold)!important;color:#fff!important;border:none!important}.sys-panel .sys-system-reset-btn:hover{background:var(--chieru-gold-dark)!important}.sys-panel .btn-dark{background:#374151!important;color:#fff!important}.sys-panel .btn-dark:hover{background:#1f2937!important}.sys-panel .btn-ghost{background:transparent}#dev-settings-body .setting-group>.btn-warning{display:block;width:100%;margin-left:0;padding:.7rem 1.2rem;text-align:center}#dev-settings-body .sys-inline-row{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}#dev-settings-body .sys-inline-row .btn-dark{margin-left:auto;min-width:140px;padding:.7rem 1.5rem;text-align:center;flex-shrink:0}.brand-logo-img{height:32px;width:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.dev-edid-select{align-items:flex-start}.dev-edid-select .dev-small-label{text-align:left;width:100%}.dev-select-sm[data-field=edid]{text-align:left;text-align-last:left;max-width:198px;width:198px}.dev-select-sm[data-field=edid] option{text-align:left;direction:ltr}.io-output-row{margin-top:18px}.wires-layer{min-height:156px}.wire-path{stroke-linecap:round;stroke-linejoin:round}.header-status.offline{background:#94a3b81a;border-color:#94a3b84d;color:#6b7280}.header-status.offline .status-dot{background:#9ca3af;animation:none;box-shadow:none}.io-row-label{font-weight:800;-webkit-text-stroke:.3px currentColor}.chip-del{background:none;border:none;color:var(--text-light);font-size:.7rem;cursor:pointer;padding:.1rem;margin-left:.1rem;transition:color .12s ease}.chip-del:hover{color:var(--danger)}.group-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.group-modal-footer-right{display:flex;gap:.6rem;align-items:center;margin-left:auto}.group-delete-spacer{flex:0 0 auto}.group-delete-btn{background:var(--danger);color:#fff;border:none}.group-delete-btn:hover{filter:brightness(.92)}.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:2rem;text-align:center;background:var(--canvas-bg,#E7F0F0);color:var(--text,#1F2937)}.rotate-gate .rotate-icon{font-size:4rem;color:var(--chieru-gold,#D49A3A);animation:rotateHint 2.4s ease-in-out infinite}.rotate-gate .rotate-title{font-size:1.4rem;font-weight:800;font-family:Noto Sans JP,system-ui,sans-serif}.rotate-gate .rotate-sub{font-size:1rem;color:var(--text-muted,#6B7280);line-height:1.6}@keyframes rotateHint{0%,to{transform:rotate(-12deg)}50%{transform:rotate(78deg)}}@media (orientation: portrait){body.role-teacher .rotate-gate{display:flex}body.role-teacher #root{visibility:hidden}}.audio-muted{opacity:.4;filter:grayscale(.6);pointer-events:none}.audio-muted button{cursor:not-allowed}button:disabled{cursor:not-allowed;opacity:.55}.tool-volume.audio-muted{position:relative}.sys-mute-note{color:var(--danger,#DC2626);font-size:.85rem;margin:.2rem 0 .5rem;display:flex;align-items:center;gap:.4rem}.vol-mute-hint{display:block;margin-top:.35rem;font-size:.78rem;color:var(--text-muted,#6B7280)}.icon-opt-custom{position:relative;padding:0;overflow:visible}.icon-opt-img{width:70%;height:70%;object-fit:contain;border-radius:6px}.icon-opt-del{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--chieru-gold);border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;line-height:1;padding:0;z-index:2;box-shadow:0 1px 3px #00000040}.icon-opt-del:hover{background:var(--chieru-gold-dark)}.icon-opt-custom.active{box-shadow:0 0 0 2px var(--chieru-gold)}.sys-system-reset-btn{background:var(--chieru-gold);color:#fff;border:none}.sys-system-reset-btn:hover{background:var(--chieru-gold-dark)}.sys-reboot-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:.6rem}.sys-reboot-grid .sys-reboot-all{grid-column:1 / -1}.sys-reboot-grid .btn{width:100%;justify-content:center}.setting-desc{font-size:.76rem;color:var(--text-muted);line-height:1.5;margin:.35rem 0 0}.meta-ip-pending{font-weight:700!important;color:#9a6400!important;background:#f0900024!important;border:1px solid rgba(240,144,0,.4)!important}.meta-ip-pending .fa-triangle-exclamation{font-size:.65rem;margin-right:.2rem}.meta-ip-click{cursor:pointer;transition:background .12s ease,color .12s ease}.meta-ip-click:hover{background:#f0900026;color:var(--chieru-gold-dark,#B06F00)}.meta-ip-click .ip-pen{font-size:.6rem;margin-left:.15rem;opacity:.55}.ip-dev-line{display:flex;align-items:center;gap:.6rem}.ip-dev-name{font-weight:700}.sys-sysreset-row{margin-top:.9rem}.sys-sysreset-row .btn{width:100%;justify-content:center}.control-screen{--io-visual-h: 96px;--io-visual-scale: 1.6}@media (max-height: 860px){.control-screen{--io-visual-h: 68px}}@media (max-height: 720px){.control-screen{--io-visual-h: 54px}}@media (max-height: 620px){.control-screen{--io-visual-h: 44px}}@media (max-width: 768px){.control-screen{--io-visual-h: 58px}}.control-screen .io-card-visual{height:calc(var(--io-visual-h) * var(--io-visual-scale))}.control-screen .wires-layer{min-height:44px}.confirm-message{font-size:.92rem;line-height:1.7;color:var(--text);white-space:pre-line;margin:.2rem 0 .4rem}.fw-target-row{margin-bottom:.6rem}.fw-target-row .sys-label{flex-shrink:0}.fw-target-select{flex:1;min-width:0;margin-left:.5rem}.fw-disabled{pointer-events:none;opacity:.55}.fw-progress{margin-top:.8rem;padding-top:.7rem;border-top:1px solid rgba(0,0,0,.08)}.fw-progress-head{display:flex;align-items:baseline;gap:.5rem;font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:.45rem}.fw-progress-file{font-weight:400;font-size:.76rem;color:var(--text-muted)}.fw-job{display:flex;align-items:center;gap:.5rem;padding:.28rem 0;font-size:.82rem;border-bottom:1px dashed rgba(0,0,0,.06)}.fw-job:last-of-type{border-bottom:none}.fw-job-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.fw-job-el{font-size:.75rem;color:var(--text-muted);white-space:nowrap;min-width:5.5em;text-align:right}.fw-chip{flex-shrink:0;padding:.1rem .5rem;border-radius:var(--r-pill,999px);font-size:.72rem;font-weight:700;white-space:nowrap}.fw-pending{background:#0000000f;color:var(--text-muted)}.fw-sent{background:rgba(var(--brand-rgb),.14);color:var(--chieru-gold-dark)}.fw-running{background:rgba(var(--brand-rgb),.18);color:var(--chieru-gold-dark)}.fw-success{background:#10b98129;color:#047857}.fw-error{background:#dc262624;color:#b91c1c}.fw-note{margin-top:.5rem}i.icon-projector:before{content:"";display:inline-block;width:1.5em;height:.766em;vertical-align:middle;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20142%2072%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M13%200H129A13%2013%200%200%201%20142%2013V54A13%2013%200%200%201%20129%2067H13A13%2013%200%200%201%200%2054V13A13%2013%200%200%201%2013%200ZM15%2010H127A5%205%200%200%201%20132%2015V52A5%205%200%200%201%20127%2057H15A5%205%200%200%201%2010%2052V15A5%205%200%200%201%2015%2010Z%27%2F%3E%3Crect%20x%3D%2722%27%20y%3D%2722%27%20width%3D%2726%27%20height%3D%275%27%20rx%3D%272.5%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M98%2012.5a21%2021%200%201%200%200%2042%2021%2021%200%201%200%200-42zM98%2020.5a13%2013%200%201%201%200%2026%2013%2013%200%201%201%200-26z%27%2F%3E%3Cpath%20d%3D%27M19%2067H35V70.5A1.5%201.5%200%200%201%2033.5%2072H20.5A1.5%201.5%200%200%201%2019%2070.5Z%27%2F%3E%3Cpath%20d%3D%27M107%2067H123V70.5A1.5%201.5%200%200%201%20121.5%2072H108.5A1.5%201.5%200%200%201%20107%2070.5Z%27%2F%3E%3C%2Fsvg%3E);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20142%2072%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M13%200H129A13%2013%200%200%201%20142%2013V54A13%2013%200%200%201%20129%2067H13A13%2013%200%200%201%200%2054V13A13%2013%200%200%201%2013%200ZM15%2010H127A5%205%200%200%201%20132%2015V52A5%205%200%200%201%20127%2057H15A5%205%200%200%201%2010%2052V15A5%205%200%200%201%2015%2010Z%27%2F%3E%3Crect%20x%3D%2722%27%20y%3D%2722%27%20width%3D%2726%27%20height%3D%275%27%20rx%3D%272.5%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M98%2012.5a21%2021%200%201%200%200%2042%2021%2021%200%201%200%200-42zM98%2020.5a13%2013%200%201%201%200%2026%2013%2013%200%201%201%200-26z%27%2F%3E%3Cpath%20d%3D%27M19%2067H35V70.5A1.5%201.5%200%200%201%2033.5%2072H20.5A1.5%201.5%200%200%201%2019%2070.5Z%27%2F%3E%3Cpath%20d%3D%27M107%2067H123V70.5A1.5%201.5%200%200%201%20121.5%2072H108.5A1.5%201.5%200%200%201%20107%2070.5Z%27%2F%3E%3C%2Fsvg%3E);mask-size:contain;mask-position:center;mask-repeat:no-repeat}@supports not ((mask-image: url(data:,)) or (-webkit-mask-image: url(data:,))){i.icon-projector:before{content:"";width:auto;height:auto;background:none;-webkit-mask-image:none;mask-image:none}}.group-merge-row{margin-top:1.15rem;padding-top:.9rem;border-top:1px solid var(--border-soft)}.group-merge-row label{display:flex;align-items:center;gap:.5rem;cursor:pointer}i.icon-teacher-pc:before,i.icon-converter:before{content:"";display:inline-block;vertical-align:middle;background-color:currentColor;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-repeat:no-repeat}i.icon-teacher-pc:before{width:1.73em;height:1em;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20280%20162%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M49.6%20154.8C45.1%20150.9%2045.1%20150%2049.5%20146.1L53.1%20143L65.8%20143C74.5%20143%2079.1%20142.6%2080.3%20141.8C81.8%20140.6%2083.1%20132.7%2081.9%20131.6C81.7%20131.3%2066.8%20131%2049%20130.8L16.5%20130.5L12.3%20127.8C3.8%20122.2%204%20123.8%204%2067.9C4%2019.3%204%2018.7%206.2%2014.3C7.7%2011.3%209.9%209%2013.2%207L18%204L97.8%204L177.5%204L182.5%207.2C191.7%2013.3%20191.4%2011%20191.5%2068.6L191.5%20118.6L188.7%20122.8C183.6%20130.5%20180.6%20131.3%20158.6%20130.6C148.1%20130.3%20133.9%20130.3%20127%20130.8L114.5%20131.5L114.2%20135.9C114%20138.3%20114.2%20140.6%20114.7%20141.1C115.1%20141.5%20121.2%20142.1%20128.1%20142.4C140.4%20142.8%20143.5%20143.5%20147.2%20146.8C149.8%20149%20149.4%20151.2%20145.7%20154.8L142.4%20158L97.8%20158L53.2%20158L49.6%20154.8ZM211.9%20149.2L207.8%20145.4L207.4%2080C207%207.1%20206.4%2013.4%20213.7%208.2C216.8%206.1%20217.6%206%20242.2%206C269.8%206.1%20268.7%205.8%20273.7%2012.3C275.8%2015.1%20275.8%2015.1%20276%2078.4L276.1%20141.8L273.5%20144.6C272.1%20146.1%20271%20147.6%20271%20148C271%20148.5%20269.2%20149.7%20267%20150.9C263.2%20152.9%20261.4%20153%20239.4%20153L215.9%20153L211.9%20149.2ZM248.6%20122.9C250.1%20120%20250.1%20119.4%20248.5%20115.3C247.4%20112.5%20247%20109.7%20247.4%20107.6C248.1%20103.8%20246.9%20102.3%20242.3%20101.4C238.5%20100.6%20237.3%20102.2%20236.7%20109C236.4%20112%20235.8%20116.1%20235.5%20118.2C234.6%20123.1%20237.4%20126%20243%20126C246.4%20126%20247.2%20125.6%20248.6%20122.9ZM174.2%20103.2C175.1%20102.3%20175.4%2022.1%20174.5%2021.2C174.1%2020.8%20139.6%2020.5%2097.7%2020.5L21.5%2020.5L21.2%2062.2L21%20103.9L28.7%20104.2C44.2%20104.8%20173.5%20103.9%20174.2%20103.2ZM263.8%2064.1C263.9%2064%20264%2061.1%20264%2057.6C264%2052.7%20263.6%2051.1%20262.4%2050.6C259.7%2049.6%20223%2049.9%20220.9%2051C217.9%2052.7%20218.1%2062.7%20221.2%2064C222.9%2064.7%20261.4%2064.8%20263.8%2064.1ZM263.8%2031.5C264.2%2022.9%20264.4%2023%20241.4%2023C230.8%2023%20221.5%2023.3%20220.6%2023.6C218.6%2024.4%20218.3%2034.9%20220.2%2036.8C221.1%2037.7%20227%2038%20242.5%2037.8L263.5%2037.5L263.8%2031.5Z%27%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20280%20162%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M49.6%20154.8C45.1%20150.9%2045.1%20150%2049.5%20146.1L53.1%20143L65.8%20143C74.5%20143%2079.1%20142.6%2080.3%20141.8C81.8%20140.6%2083.1%20132.7%2081.9%20131.6C81.7%20131.3%2066.8%20131%2049%20130.8L16.5%20130.5L12.3%20127.8C3.8%20122.2%204%20123.8%204%2067.9C4%2019.3%204%2018.7%206.2%2014.3C7.7%2011.3%209.9%209%2013.2%207L18%204L97.8%204L177.5%204L182.5%207.2C191.7%2013.3%20191.4%2011%20191.5%2068.6L191.5%20118.6L188.7%20122.8C183.6%20130.5%20180.6%20131.3%20158.6%20130.6C148.1%20130.3%20133.9%20130.3%20127%20130.8L114.5%20131.5L114.2%20135.9C114%20138.3%20114.2%20140.6%20114.7%20141.1C115.1%20141.5%20121.2%20142.1%20128.1%20142.4C140.4%20142.8%20143.5%20143.5%20147.2%20146.8C149.8%20149%20149.4%20151.2%20145.7%20154.8L142.4%20158L97.8%20158L53.2%20158L49.6%20154.8ZM211.9%20149.2L207.8%20145.4L207.4%2080C207%207.1%20206.4%2013.4%20213.7%208.2C216.8%206.1%20217.6%206%20242.2%206C269.8%206.1%20268.7%205.8%20273.7%2012.3C275.8%2015.1%20275.8%2015.1%20276%2078.4L276.1%20141.8L273.5%20144.6C272.1%20146.1%20271%20147.6%20271%20148C271%20148.5%20269.2%20149.7%20267%20150.9C263.2%20152.9%20261.4%20153%20239.4%20153L215.9%20153L211.9%20149.2ZM248.6%20122.9C250.1%20120%20250.1%20119.4%20248.5%20115.3C247.4%20112.5%20247%20109.7%20247.4%20107.6C248.1%20103.8%20246.9%20102.3%20242.3%20101.4C238.5%20100.6%20237.3%20102.2%20236.7%20109C236.4%20112%20235.8%20116.1%20235.5%20118.2C234.6%20123.1%20237.4%20126%20243%20126C246.4%20126%20247.2%20125.6%20248.6%20122.9ZM174.2%20103.2C175.1%20102.3%20175.4%2022.1%20174.5%2021.2C174.1%2020.8%20139.6%2020.5%2097.7%2020.5L21.5%2020.5L21.2%2062.2L21%20103.9L28.7%20104.2C44.2%20104.8%20173.5%20103.9%20174.2%20103.2ZM263.8%2064.1C263.9%2064%20264%2061.1%20264%2057.6C264%2052.7%20263.6%2051.1%20262.4%2050.6C259.7%2049.6%20223%2049.9%20220.9%2051C217.9%2052.7%20218.1%2062.7%20221.2%2064C222.9%2064.7%20261.4%2064.8%20263.8%2064.1ZM263.8%2031.5C264.2%2022.9%20264.4%2023%20241.4%2023C230.8%2023%20221.5%2023.3%20220.6%2023.6C218.6%2024.4%20218.3%2034.9%20220.2%2036.8C221.1%2037.7%20227%2038%20242.5%2037.8L263.5%2037.5L263.8%2031.5Z%27%2F%3E%3C%2Fsvg%3E)}i.icon-converter:before{width:2.07em;height:.79em;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20408%20156%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M16.8%20148.7C11.6%20146.2%207.9%20142.2%206.2%20137.1C5.3%20134.7%205%20117.5%205%2077.5L5%2021.4L7.5%2016.4C10.3%2010.9%2015.5%206.7%2021.5%205.2C27.6%203.7%20385.4%204.3%20390.1%205.8C395.6%207.6%20398.6%2010.5%20401.4%2016.5L404%2021.9L404%2078.4C404%20115%20403.6%20135.1%20403%20135.5C402.4%20135.8%20402%20136.9%20402%20137.9C402%20138.8%20400.4%20141.5%20398.5%20143.7C391.8%20151.6%20407.6%20151%20203.6%20151L21.5%20151L16.8%20148.7ZM385.2%20131.3L387.4%20129.1L387.2%2077.8C387%2029.2%20386.9%2026.5%20385.1%2024.7C383.3%2022.9%20377.9%2022.8%20205%2023C26.1%2023.1%2024%2023.1%2021.8%2026.4C21.4%2027%2021%2050.2%2021%2077.9L21%20128.4L23.5%20131L25.9%20133.5L204.4%20133.5L382.9%20133.5L385.2%20131.3ZM305.1%20110.2C270.3%20110%20269.6%20109.9%20267.3%20107.8C265%20105.7%20265%20105.6%20265%2078C265%2051.1%20265.1%2050.3%20267.1%2048.4C269.1%2046.6%20271.6%2046.5%20316.9%2046.3L364.7%2046L366.9%2048.4C369.1%2050.7%20369.1%2051.1%20369%2078.6C368.9%20104.6%20368.8%20106.6%20367%20108.4C364.8%20110.6%20362.7%20110.7%20305.1%20110.2ZM183.5%2094.2C180.7%2091.6%20176.3%2087.5%20173.6%2085.1L168.7%2080.7L178.6%2071.4C184%2066.3%20189.1%2062.1%20189.8%2062C190.8%2062%20191.1%2063.3%20191%2066.2C190.9%2068.6%20190.9%2071.1%20190.9%2071.8C191%2072.7%20195.1%2073%20208%2073L225%2073L225%2067.5C225%2064.1%20225.4%2062%20226.1%2062C227.7%2062%20246%2079%20246%2080.5C246%2081.3%20245.6%2082%20245%2082.2C244.5%2082.3%20240.3%2086.3%20235.6%2090.8C230.9%2095.4%20226.6%2098.9%20226.1%2098.5C225.5%2098.2%20225%2095.7%20225%2092.9L225%2088L208%2088L191%2088L191%2093.5C191%20100.3%20190.1%20100.4%20183.5%2094.2ZM51.2%2090.3L42%2082.8L42%2073.3C42%2058.4%2035.8%2060%2094.9%2060C134.4%2060%20146%2060.3%20146.8%2061.2C147.4%2061.9%20148.1%2067%20148.5%2072.5L149.1%2082.5L139.5%2090.2L130%2098L95.3%2097.9L60.5%2097.9L51.2%2090.3ZM297.8%2095.5C298.1%2095.2%20298.4%2092.6%20298.5%2089.7L298.5%2084.5L294.4%2084.2C292.2%2084%20289.2%2084.4%20287.7%2084.9C285.2%2085.9%20285%2086.3%20285.6%2090.2C286.4%2095.7%20288.4%2097.3%20293.3%2096.7C295.4%2096.4%20297.4%2095.9%20297.8%2095.5ZM323.8%2090.2L323.5%2084.5L318.4%2084.2C312.1%2083.8%20310%2085.5%20310%2090.9C310%2095.8%20310.2%2096%20317.7%2096L324.1%2096L323.8%2090.2ZM348.2%2091.1C349.2%2085.2%20348.1%2084%20341.4%2084C334.5%2084%20332.5%2086.9%20335%2093.5C335.9%2095.9%20336.3%2096.1%20341.7%2095.8L347.5%2095.5L348.2%2091.1ZM132.4%2079.6C134.3%2078%20135.1%2076.6%20134.7%2075.6C133.7%2073.1%2057.7%2073.7%2057.2%2076.2C57%2077.1%2057.9%2078.8%2059.1%2079.9C61.3%2081.9%2062.2%2082%2095.4%2082L129.5%2081.9L132.4%2079.6ZM288.4%2071.4C289.8%2067.8%20289%2062.1%20287.1%2061C284.4%2059.6%20278.7%2059.7%20277.2%2061.2C275.6%2062.8%20275.6%2070.2%20277.2%2071.8C279%2073.6%20287.7%2073.3%20288.4%2071.4ZM311.8%2067.7C312.2%2061.7%20310.9%2060%20306%2060C299.7%2060%20299%2060.6%20299%2066.4C299%2073%20299.2%2073.2%20306%2072.8L311.5%2072.5L311.8%2067.7ZM334.5%2067L334.5%2061.5L329%2061.5L323.5%2061.5L323.2%2065.9C322.7%2072.6%20323.2%2073.1%20329.2%2072.8L334.5%2072.5L334.5%2067ZM357%2071.1C358.4%2068.4%20358.3%2063.5%20356.7%2062.2C356%2061.6%20353.4%2060.8%20351%2060.4C345.7%2059.5%20344%2061.3%20344%2067.5C344%2072.8%20344.3%2073%20350.6%2073C354.8%2073%20356.1%2072.6%20357%2071.1Z%27%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20408%20156%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M16.8%20148.7C11.6%20146.2%207.9%20142.2%206.2%20137.1C5.3%20134.7%205%20117.5%205%2077.5L5%2021.4L7.5%2016.4C10.3%2010.9%2015.5%206.7%2021.5%205.2C27.6%203.7%20385.4%204.3%20390.1%205.8C395.6%207.6%20398.6%2010.5%20401.4%2016.5L404%2021.9L404%2078.4C404%20115%20403.6%20135.1%20403%20135.5C402.4%20135.8%20402%20136.9%20402%20137.9C402%20138.8%20400.4%20141.5%20398.5%20143.7C391.8%20151.6%20407.6%20151%20203.6%20151L21.5%20151L16.8%20148.7ZM385.2%20131.3L387.4%20129.1L387.2%2077.8C387%2029.2%20386.9%2026.5%20385.1%2024.7C383.3%2022.9%20377.9%2022.8%20205%2023C26.1%2023.1%2024%2023.1%2021.8%2026.4C21.4%2027%2021%2050.2%2021%2077.9L21%20128.4L23.5%20131L25.9%20133.5L204.4%20133.5L382.9%20133.5L385.2%20131.3ZM305.1%20110.2C270.3%20110%20269.6%20109.9%20267.3%20107.8C265%20105.7%20265%20105.6%20265%2078C265%2051.1%20265.1%2050.3%20267.1%2048.4C269.1%2046.6%20271.6%2046.5%20316.9%2046.3L364.7%2046L366.9%2048.4C369.1%2050.7%20369.1%2051.1%20369%2078.6C368.9%20104.6%20368.8%20106.6%20367%20108.4C364.8%20110.6%20362.7%20110.7%20305.1%20110.2ZM183.5%2094.2C180.7%2091.6%20176.3%2087.5%20173.6%2085.1L168.7%2080.7L178.6%2071.4C184%2066.3%20189.1%2062.1%20189.8%2062C190.8%2062%20191.1%2063.3%20191%2066.2C190.9%2068.6%20190.9%2071.1%20190.9%2071.8C191%2072.7%20195.1%2073%20208%2073L225%2073L225%2067.5C225%2064.1%20225.4%2062%20226.1%2062C227.7%2062%20246%2079%20246%2080.5C246%2081.3%20245.6%2082%20245%2082.2C244.5%2082.3%20240.3%2086.3%20235.6%2090.8C230.9%2095.4%20226.6%2098.9%20226.1%2098.5C225.5%2098.2%20225%2095.7%20225%2092.9L225%2088L208%2088L191%2088L191%2093.5C191%20100.3%20190.1%20100.4%20183.5%2094.2ZM51.2%2090.3L42%2082.8L42%2073.3C42%2058.4%2035.8%2060%2094.9%2060C134.4%2060%20146%2060.3%20146.8%2061.2C147.4%2061.9%20148.1%2067%20148.5%2072.5L149.1%2082.5L139.5%2090.2L130%2098L95.3%2097.9L60.5%2097.9L51.2%2090.3ZM297.8%2095.5C298.1%2095.2%20298.4%2092.6%20298.5%2089.7L298.5%2084.5L294.4%2084.2C292.2%2084%20289.2%2084.4%20287.7%2084.9C285.2%2085.9%20285%2086.3%20285.6%2090.2C286.4%2095.7%20288.4%2097.3%20293.3%2096.7C295.4%2096.4%20297.4%2095.9%20297.8%2095.5ZM323.8%2090.2L323.5%2084.5L318.4%2084.2C312.1%2083.8%20310%2085.5%20310%2090.9C310%2095.8%20310.2%2096%20317.7%2096L324.1%2096L323.8%2090.2ZM348.2%2091.1C349.2%2085.2%20348.1%2084%20341.4%2084C334.5%2084%20332.5%2086.9%20335%2093.5C335.9%2095.9%20336.3%2096.1%20341.7%2095.8L347.5%2095.5L348.2%2091.1ZM132.4%2079.6C134.3%2078%20135.1%2076.6%20134.7%2075.6C133.7%2073.1%2057.7%2073.7%2057.2%2076.2C57%2077.1%2057.9%2078.8%2059.1%2079.9C61.3%2081.9%2062.2%2082%2095.4%2082L129.5%2081.9L132.4%2079.6ZM288.4%2071.4C289.8%2067.8%20289%2062.1%20287.1%2061C284.4%2059.6%20278.7%2059.7%20277.2%2061.2C275.6%2062.8%20275.6%2070.2%20277.2%2071.8C279%2073.6%20287.7%2073.3%20288.4%2071.4ZM311.8%2067.7C312.2%2061.7%20310.9%2060%20306%2060C299.7%2060%20299%2060.6%20299%2066.4C299%2073%20299.2%2073.2%20306%2072.8L311.5%2072.5L311.8%2067.7ZM334.5%2067L334.5%2061.5L329%2061.5L323.5%2061.5L323.2%2065.9C322.7%2072.6%20323.2%2073.1%20329.2%2072.8L334.5%2072.5L334.5%2067ZM357%2071.1C358.4%2068.4%20358.3%2063.5%20356.7%2062.2C356%2061.6%20353.4%2060.8%20351%2060.4C345.7%2059.5%20344%2061.3%20344%2067.5C344%2072.8%20344.3%2073%20350.6%2073C354.8%2073%20356.1%2072.6%20357%2071.1Z%27%2F%3E%3C%2Fsvg%3E)}@supports not ((mask-image: url(data:,)) or (-webkit-mask-image: url(data:,))){i.icon-teacher-pc:before,i.icon-converter:before{content:"";width:auto;height:auto;background:none;-webkit-mask-image:none;mask-image:none}}