.clic-workbench{width:100%;min-width:0;color:#dbe5ef;font-size:12px;display:flex;flex-direction:column;gap:12px}.clic-workbench *{box-sizing:border-box}.clic-device{width:100%;max-width:620px;align-self:center;background:linear-gradient(100deg,#c4c4b7,#e8e7d9 12%,#d9d9cb 86%,#aaa99b);color:#263333;border:2px solid #92968d;border-radius:5px;box-shadow:0 12px 22px #0006,inset 0 2px 3px #fff;padding:10px 12px 12px}.clic-terminal-row{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;background:#81857c;padding:6px 4px;border-radius:3px}.clic-terminal{text-align:center;font:9px monospace;color:#fff}.clic-terminal i,.clic-output i{display:block;width:14px;height:14px;max-width:100%;margin:0 auto 4px;border-radius:50%;background:linear-gradient(135deg,#b0b4af 43%,#353e3c 44%,#353e3c 54%,#b0b4af 55%);border:2px solid #59615a;box-shadow:0 0 0 2px #373e36}.clic-print{display:flex;justify-content:space-between;gap:6px;font:700 9px Arial,sans-serif;margin:8px 0}.clic-face{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:16px;padding:18px 10px;background:linear-gradient(#d0d1c3,#e4e4d7);border:1px solid #b6b8ab;border-radius:3px;align-items:center}.clic-display{font-family:Courier New,monospace;font-weight:700;font-size:clamp(12px,1.55vw,20px);line-height:1.5;letter-spacing:1px;white-space:pre;background:#aebc82;color:#293529;padding:12px 8px;border:7px solid #666e61;border-radius:2px;box-shadow:inset 2px 3px 5px #38463388,0 1px 1px #fff;overflow:hidden}.clic-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-items:center}.clic-workbench .clic-key{background:linear-gradient(#2681bd,#005797);color:#fff;border:1px solid #145882;border-bottom:3px solid #154762;padding:0;height:34px;border-radius:5px;font:700 11px Arial;touch-action:none}.clic-workbench .clic-key:active{transform:translateY(2px);border-bottom-width:1px}.clic-key.key-1,.clic-key.key-3,.clic-key.key-5,.clic-key.key-7{font-size:16px}.clic-brand{display:flex;align-items:center;gap:16px;padding:12px 6px 6px;color:#006a9c}.clic-brand strong{font:700 23px Arial;border:2px solid currentColor;padding:0 4px;letter-spacing:-2px}.clic-brand b{font:italic 700 23px Arial}.clic-terminal-row.outputs{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.clic-output{text-align:center;color:#fff;font:10px monospace}.clic-output>div{display:flex;justify-content:space-around;margin-top:8px}.clic-output.on{color:#e1ff52;text-shadow:0 0 7px #d7ff21}.clic-help,.clic-workbench p{line-height:1.6;margin:0}.clic-notice{border-left:3px solid #67bcdf;background:#162d3d;padding:10px}.clic-workbench details,.clic-editor,.clic-workbench fieldset{background:#151f2a;border:1px solid #344453;border-radius:5px;padding:12px;min-width:0;margin:0}.clic-workbench summary{cursor:pointer;font-weight:700;margin-bottom:10px}.clic-workbench label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.clic-workbench select,.clic-workbench input:not([type=checkbox]){background:#0b1520;color:#edf6ff;border:1px solid #506778;border-radius:4px;max-width:100%;padding:7px;min-width:0}.clic-workbench button{border:1px solid #425d70;border-radius:4px;background:#1c3344;color:#e2eff8;padding:8px;cursor:pointer}.clic-workbench button:disabled{opacity:.45;cursor:default}.clic-workbench button:focus-visible{outline:2px solid #6bc9ff;outline-offset:2px}.clic-inputs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.clic-inputs>button,.clic-inputs>span{min-width:44px;padding:6px;border:1px solid #455564;border-radius:4px}.clic-inputs small{display:block;font-size:9px;margin-top:4px}.clic-workbench .active{background:#254c32;border-color:#69ce80;color:#aff4bf}.clic-tabs{display:flex;flex-wrap:wrap;gap:5px}.clic-tabs [aria-pressed=true]{background:#12639a}.clic-rungs{display:flex;flex-direction:column;gap:5px;max-height:260px;overflow:auto;margin:12px 0}.clic-rungs button{text-align:left;white-space:nowrap;width:max-content;min-width:100%}.clic-rungs .selected{border-color:#76cff5;background:#18405a}.clic-fields{display:flex;gap:12px;flex-wrap:wrap}.clic-workbench a{color:#8ed9ff}.clic-workbench fieldset>button{margin:5px}.clic-workbench small{line-height:1.5}@media (max-width:520px){.clic-face{grid-template-columns:minmax(0,1fr) 103px;gap:8px;padding:12px 4px}.clic-display{font-size:12px;letter-spacing:0;padding:8px 4px;border-width:5px}.clic-device{padding:8px 6px}.clic-print{font-size:7px}.clic-terminal-row{gap:2px}.clic-terminal i,.clic-output i{width:11px;height:11px}.clic-workbench .clic-key{height:31px;font-size:10px}}
