:root{--silver: #c0c0c0;--silver-lite: #dfdfdf;--desktop: #d4d0c8;--white: #ffffff;--bliss-sky: linear-gradient( 180deg, #1a5aa8 0%, #3f7fc6 32%, #79b1e2 54%, #bcdcf4 65%, #eef6fd 70% );--bliss: radial-gradient(20% 13% at 19% 25%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 72%), radial-gradient(15% 9% at 31% 19%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 72%), radial-gradient(26% 15% at 73% 15%, rgba(255, 255, 255, .92), rgba(255, 255, 255, 0) 72%), radial-gradient(17% 10% at 87% 26%, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0) 72%), radial-gradient(130% 20% at 46% 69%, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 60%), radial-gradient(70% 24% at 30% 96%, rgba(255, 255, 255, .32), rgba(255, 255, 255, 0) 62%), radial-gradient(155% 58% at 40% 123%, #83bd33 0 58%, #63a029 58% 66%, #4f861f 66% 70%, rgba(0, 0, 0, 0) 71%), var(--bliss-sky);--gray: #808080;--dark: #0a0a0a;--navy: #000080;--navy-2: #1084d0;--text: #0a0a0a;--disabled: #808080;--ok: #007a1e;--fail: #a80000;--warn: #8a5a00;--bevel-out: inset -1px -1px var(--dark), inset 1px 1px var(--white), inset -2px -2px var(--gray), inset 2px 2px var(--silver-lite);--bevel-in: inset -1px -1px var(--white), inset 1px 1px var(--gray), inset -2px -2px var(--silver-lite), inset 2px 2px var(--dark);--bevel-press: inset -1px -1px var(--white), inset 1px 1px var(--dark), inset -2px -2px var(--silver-lite), inset 2px 2px var(--gray);font-family:Tahoma,Segoe UI,"MS Sans Serif",Geneva,Verdana,sans-serif;font-size:12px;color:var(--text)}*{box-sizing:border-box;border-radius:0!important}html,body,#root{height:100%;margin:0}body{background:#3f7fc6;-webkit-font-smoothing:none}button{font-family:inherit;font-size:12px;cursor:default}input,select{font-family:inherit;font-size:12px}.mono{font-family:Courier New,ui-monospace,monospace}.text-input,.select{width:100%;background:var(--white);border:none;box-shadow:var(--bevel-in);color:var(--text);padding:4px 6px;outline:none}.text-input:focus,.select:focus{outline:1px dotted var(--dark);outline-offset:-3px}.text-input.sm{padding:3px 5px}.text-input.num{width:80px}.select{padding:3px 4px}.hint{color:#404040;font-size:11px;line-height:1.45;display:block;margin-top:4px}.hint.inline{display:inline;margin:0}.win-btn,.ghost-btn,.mini,.add-btn,.primary-btn{background:var(--silver);border:none;box-shadow:var(--bevel-out);color:var(--text);padding:5px 12px;min-height:23px}.win-btn:active,.ghost-btn:active,.mini:active,.add-btn:active,.primary-btn:active{box-shadow:var(--bevel-press);padding:6px 11px 4px 13px}.win-btn:focus,.ghost-btn:focus,.primary-btn:focus{outline:1px dotted var(--dark);outline-offset:-4px}.win-btn:disabled,.ghost-btn:disabled,.primary-btn:disabled{color:var(--disabled);text-shadow:1px 1px 0 var(--white);cursor:default}.primary-btn{font-weight:700;padding:7px 18px;box-shadow:var(--bevel-out),inset 0 0 0 1px var(--dark)}.primary-btn:active{box-shadow:var(--bevel-press),inset 0 0 0 1px var(--dark)}.mini{padding:2px 7px;min-height:20px}.ghost-btn.danger:active,.mini.danger:active{color:var(--fail)}.titlebar,.dialog-titlebar,.config-titlebar,.feed-titlebar,.cb-titlebar{display:flex;align-items:center;gap:5px;background:linear-gradient(90deg,var(--navy),var(--navy-2));color:var(--white);padding:3px 3px 3px 5px;font-weight:700;-webkit-user-select:none;user-select:none}.titlebar-icon{font-size:12px}.titlebar-text{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar-buttons{margin-left:auto;display:flex;gap:2px}.tb-win{width:18px;height:16px;background:var(--silver);box-shadow:var(--bevel-out);color:var(--text);font-size:10px;line-height:14px;text-align:center;font-weight:700}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.titlebar{flex:none}.toolbar{flex:none;display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--silver);box-shadow:inset 0 -1px 0 var(--gray),inset 0 -2px 0 var(--silver-lite)}.server-btn{display:flex;align-items:center;gap:7px}.server-btn .server-url{font-family:Courier New,monospace;color:#202020}.led{width:9px;height:9px;box-shadow:var(--bevel-in);background:var(--gray)}.led.production{background:#d80000}.led.staging{background:#d8a000}.led.local{background:#00a000}.led.custom{background:#0000d8}.toolbar-sep{width:2px;align-self:stretch;margin:2px;box-shadow:inset 1px 0 0 var(--gray),inset 2px 0 0 var(--white)}.toolbar-note{color:#303030}.toolbar-spacer{flex:1}.workspace{position:relative;flex:1;overflow:hidden}.statusbar{flex:none;display:flex;align-items:stretch;gap:3px;padding:3px;background:var(--silver);box-shadow:inset 0 1px 0 var(--white),inset 0 2px 0 var(--silver-lite)}.status-field{box-shadow:var(--bevel-in);padding:3px 8px;display:flex;align-items:center;gap:5px;white-space:nowrap}.status-field.grow{flex:1}.status-field b{font-weight:700}.status-field b.ok{color:var(--ok)}.status-field b.fail{color:var(--fail)}.status-field.combo{color:var(--warn);font-weight:700}.status-grip{width:16px;background:repeating-linear-gradient(135deg,transparent 0 2px,var(--white) 2px 3px,transparent 3px 4px,var(--gray) 4px 5px)}.setup{min-height:100%;display:grid;place-items:center;padding:24px 14px;background-color:#3f7fc6;background-image:var(--bliss);background-size:100% 100%;background-repeat:no-repeat}.setup-card{width:100%;max-width:470px;background:var(--silver);box-shadow:var(--bevel-out);padding:3px}.dialog-titlebar{margin-bottom:10px}.setup-body{padding:4px 14px 14px}.setup-intro{margin:0 0 16px;line-height:1.5;color:#202020}.field{margin-bottom:16px}.field>label{display:block;font-weight:700;margin-bottom:6px}.preset-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}.preset{text-align:left;background:var(--silver);box-shadow:var(--bevel-out);border:none;padding:7px 9px;display:flex;flex-direction:column;gap:2px}.preset:active{box-shadow:var(--bevel-press)}.preset.active{box-shadow:var(--bevel-in);background:#b6c4dc;outline:1px dotted var(--dark);outline-offset:-4px}.preset-name{font-weight:700}.preset-hint{font-size:11px;color:#303030;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ping-row{display:flex;align-items:center;gap:10px;margin-top:8px}.ping{font-size:11px;font-weight:700}.ping.ok{color:var(--ok)}.ping.fail{color:var(--fail)}.chip-input{display:flex;flex-wrap:wrap;gap:5px;align-items:center;background:var(--white);box-shadow:var(--bevel-in);padding:5px;min-height:40px}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--silver);box-shadow:var(--bevel-out);padding:2px 4px 2px 8px;font-size:11px}.chip button{background:var(--silver);box-shadow:var(--bevel-out);border:none;width:15px;height:15px;font-size:10px;line-height:1;padding:0}.chip button:active{box-shadow:var(--bevel-press)}.chip-field{flex:1;min-width:120px;background:none;border:none;outline:none;color:var(--text);padding:3px}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background-color:#3f7fc6;background-image:var(--bliss);background-size:100% 100%;background-repeat:no-repeat}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:14px;color:#303030}.fab{position:absolute;right:18px;bottom:16px;background:var(--silver);box-shadow:var(--bevel-out);border:none;padding:7px 14px;font-weight:700}.fab:active{box-shadow:var(--bevel-press)}.click-button{position:absolute;width:172px;background:var(--silver);box-shadow:var(--bevel-out);padding:3px;-webkit-user-select:none;user-select:none}.click-button.selected .cb-titlebar{background:linear-gradient(90deg,navy,#1084d0)}.click-button:not(.selected) .cb-titlebar{background:linear-gradient(90deg,#7b7b7b,#a6a6a6)}.cb-titlebar{cursor:move;touch-action:none;margin-bottom:3px}.cb-ico{font-size:13px}.cb-title{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.gear{margin-left:auto;width:18px;height:16px;background:var(--silver);box-shadow:var(--bevel-out);border:none;color:var(--text);font-size:11px;line-height:1;padding:0;flex:none}.gear:active{box-shadow:var(--bevel-press)}.cb-face{position:relative;width:100%;background:var(--silver);box-shadow:var(--bevel-out);border:none;padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;overflow:hidden}.cb-face:active{box-shadow:var(--bevel-press)}.cb-code{font-family:Courier New,monospace;font-size:11px;color:#202020;background:var(--white);box-shadow:var(--bevel-in);padding:1px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-count{font-size:30px;font-weight:700;line-height:1.1;font-family:Courier New,monospace}.cb-sub{font-size:11px;color:#303030;font-family:Courier New,monospace;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-auto{margin-top:2px;font-size:10px;font-weight:700;color:var(--warn);background:#ffe8b0;box-shadow:var(--bevel-in);padding:1px 6px}.pop{position:absolute;top:42%;left:50%;transform:translate(-50%);font-weight:700;font-size:20px;font-family:Courier New,monospace;color:var(--ok);pointer-events:none;animation:popfloat .65s steps(6) forwards}@keyframes popfloat{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-42px)}}.config-panel{position:absolute;top:0;right:0;bottom:0;width:340px;background:var(--silver);box-shadow:var(--bevel-out);display:flex;flex-direction:column;padding:3px}.config-titlebar{flex:none}.config-titlebar-text{font-size:12px;flex:1}.config-close,.feed-titlebar .config-close{margin-left:auto;width:18px;height:16px;background:var(--silver);box-shadow:var(--bevel-out);border:none;color:var(--text);font-size:11px;font-weight:700;line-height:1;padding:0}.config-close:active{box-shadow:var(--bevel-press)}.config-body{flex:1;overflow-y:auto;padding:8px;margin-top:3px;background:var(--silver)}.cfg{padding:8px;margin-bottom:8px;box-shadow:var(--bevel-in);background:var(--silver)}.cfg-label{display:block;font-weight:700;margin-bottom:7px}.swatches{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.swatch{width:22px;height:20px;border:none;box-shadow:var(--bevel-out)}.swatch:active{box-shadow:var(--bevel-press)}.swatch.on{box-shadow:var(--bevel-in);outline:1px dotted var(--dark);outline-offset:-4px}.emoji-row{display:flex;gap:3px;flex-wrap:wrap}.emoji-pick{width:26px;height:24px;background:var(--silver);box-shadow:var(--bevel-out);border:none;font-size:14px;padding:0}.emoji-pick:active{box-shadow:var(--bevel-press)}.emoji-pick.on{box-shadow:var(--bevel-in)}.seg{display:flex;gap:4px;margin-bottom:8px}.seg button{flex:1;background:var(--silver);box-shadow:var(--bevel-out);border:none;padding:4px}.seg button:active{box-shadow:var(--bevel-press)}.seg button.active{box-shadow:var(--bevel-in);background:#b6c4dc}.weight-list,.cat-list{display:flex;flex-direction:column;gap:5px}.weight-row{display:flex;align-items:center;gap:8px}.weight-alias{flex:1;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-row{display:flex;gap:5px;align-items:center}.cat-row .text-input{flex:1}.prop-card{background:var(--silver);box-shadow:var(--bevel-out);padding:8px;margin-bottom:7px}.prop-head{display:flex;gap:6px;align-items:center;margin-bottom:7px}.prop-head .text-input{flex:1}.vse{display:flex;flex-direction:column;gap:6px}.inline-fields{display:flex;gap:10px;flex-wrap:wrap}.inline-fields label,.inline-single{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#202020}.inline-single{flex-direction:row;align-items:center;gap:7px}.add-btn{width:100%;margin-top:3px}.check{display:flex;align-items:center;gap:7px;margin-top:6px}.check input{width:14px;height:14px}.check.forced{color:#404040}.config-foot{flex:none;display:flex;gap:6px;padding:6px 4px 2px}.config-foot .ghost-btn{flex:1}.feed{position:absolute;left:12px;bottom:12px;width:380px;max-width:calc(100% - 24px);background:var(--silver);box-shadow:var(--bevel-out);padding:3px}.feed-titlebar{cursor:pointer}.feed-count{background:var(--silver);box-shadow:var(--bevel-in);color:var(--text);padding:0 7px;font-size:11px;font-weight:400}.feed-list{margin-top:3px;max-height:34vh;overflow-y:auto;background:var(--white);box-shadow:var(--bevel-in);padding:2px}.feed-empty{color:var(--gray);padding:12px;text-align:center}.feed-row{display:flex;align-items:center;gap:7px;padding:3px 5px;font-size:11px}.feed-row:nth-child(2n){background:#eef0f3}.feed-dot{width:8px;height:8px;box-shadow:var(--bevel-in);flex:none}.feed-dot.ok{background:var(--ok)}.feed-dot.partial{background:var(--warn)}.feed-dot.error{background:var(--fail)}.feed-code{font-weight:700;font-family:Courier New,monospace}.feed-customer{color:#303030;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.feed-detail{color:#505050;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.feed-row.error .feed-detail{color:var(--fail)}.feed-time{color:#606060;flex:none;width:28px;text-align:right}@media(max-width:720px){.server-url{display:none}.config-panel{width:100%}.feed{width:calc(100% - 24px)}}