:root{--suite-blue:#263de0;--suite-ink:#203044;--suite-line:#dce3ec;--suite-font:system-ui,-apple-system,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif}html[data-suite] body{font-family:var(--suite-font)}.suite-home{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;box-sizing:border-box;min-height:38px;padding:7px 10px;border:1px solid var(--suite-line);border-radius:8px;background:#fff;color:#344c65;font:500 13px/1.3 var(--suite-font);text-decoration:none;white-space:nowrap}.suite-home:hover{color:var(--suite-blue);border-color:var(--suite-blue);background:#f0f3ff}.suite-home:focus-visible{outline:2px solid var(--suite-blue);outline-offset:3px}.suite-home svg{width:16px;height:16px;flex:none}html[data-suite] .suite-header{border-top:3px solid var(--suite-blue)}html[data-suite=oled-designer]{--bg-color:#f2f5f9;--bg-secondary:#eef2f7;--card-bg:#fff;--panel-bg:#fff;--text-primary:#24344a;--text-secondary:#52657a;--text-muted:#62748a;--accent-cyan:#263de0;--accent-purple:#7c4fc2;--accent-green:#168569;--border-color:#dce3ec;--border-glow:#263de03d;--pixel-on:#263de0;--pixel-off:#e7edf5;--grid-line:#cbd6e5}html[data-suite=oled-designer] .app-header{flex-wrap:wrap;gap:10px;flex:none;background:#fff}html[data-suite=oled-designer] .header-center{text-align:left;flex:1;min-width:180px}html[data-suite=oled-designer] .header-center h1{font-size:20px;background:0 0;color:#24344a;-webkit-text-fill-color:currentColor;letter-spacing:0}html[data-suite=oled-designer] .subtitle{font:12px/1.4 var(--suite-font);letter-spacing:0;color:#62748a}html[data-suite=oled-designer] .header-right{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px;width:auto}html[data-suite=oled-designer] .header-right .btn{width:auto}html[data-suite=oled-designer] .header-right .btn-secondary,html[data-suite=oled-designer] .icon-btn{background:#f5f7fb;color:#52657a}html[data-suite=oled-designer] .mode-tab{color:#52657a}html[data-suite=oled-designer] .mode-tab.active{background:#e8edff;color:#263de0;box-shadow:none}html[data-suite=oled-designer] .file-name-input input{min-width:0}html[data-suite=oled-designer] .btn-primary,html[data-suite=oled-designer] .btn-success{background:#263de0;color:#fff;box-shadow:none}html[data-suite=AudioEditor] .site-header{flex-wrap:wrap;gap:12px;background:#fff;color:var(--suite-ink);border-bottom:1px solid var(--suite-line)}html[data-suite=AudioEditor] .site-header .brand{color:var(--suite-ink);font:700 17px/1.4 var(--suite-font);letter-spacing:0}html[data-suite=AudioEditor] .site-header .local-badge{color:#496a60;background:#eff8f4;border-color:#d4e6dc}html[data-suite=AudioEditor] .site-header .status-dot{background:#168569;box-shadow:none}html[data-suite=time] .suite-clock-nav{position:fixed;top:12px;left:12px;z-index:100;display:flex;align-items:center;gap:10px;color:#c2cbdf;font:500 12px/1.4 var(--suite-font)}html[data-suite=time] .suite-home{background:#151b28;border-color:#59627b;color:#e8edff}html[data-suite=time] .suite-clock-nav span{opacity:.85}.suite-webgl-error{display:grid;place-content:center;gap:10px;padding:24px;max-width:100%;height:100%;box-sizing:border-box;text-align:center;color:#44546a;font:14px/1.7 var(--suite-font)}.suite-webgl-error strong{font-size:18px;color:#263d58}.suite-webgl-error p{margin:0;max-width:400px}@media(max-width:600px){html[data-suite] .suite-header{gap:8px;padding:10px}html[data-suite=oled-designer] .header-right{width:100%;justify-content:flex-start}html[data-suite=oled-designer] .header-center{min-width:150px}html[data-suite=AudioEditor] .site-header .local-badge{font-size:11px}html[data-suite=time] .suite-clock-nav>span{display:none}.suite-home{font-size:12px;padding:7px 8px}}@media(max-width:600px){html[data-suite] .family-actions button[data-family] span{display:none}html[data-suite] .family-actions button[data-family]{min-width:34px;padding:7px}html[data-suite] .family-actions{gap:4px}html[data-suite] .family-actions select{max-width:83px}html[data-suite=ikea-hook] .top-actions{justify-content:flex-start}}@media(max-width:900px){html[data-suite=oled-designer] body{overflow:auto}html[data-suite=oled-designer] .app-container{height:auto;min-height:100dvh}html[data-suite=oled-designer] .main-content{flex:none;overflow:visible}html[data-suite=oled-designer] .left-panel{flex:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));overflow:visible}html[data-suite=oled-designer] .left-panel .panel-section{min-width:0}html[data-suite=oled-designer] .canvas-container{flex:none;height:45dvh;min-height:320px}html[data-suite=oled-designer] .right-panel{flex:none;overflow:visible}}@media print{.suite-clock-nav,.suite-home{display:none!important}}