.symbol-panel[hidden]{display:none}
.symbol-panel{width:380px;flex:none;height:min(calc(100dvh - 36px),1140px);min-height:0;display:flex;flex-direction:column;border:1px solid #345b73;border-radius:14px;background:#0d2334;box-shadow:0 12px 60px #00102388;overflow:hidden;align-self:center}
.symbol-panel button{font:inherit;font-size:12px;border:1px solid #355e78;border-radius:6px;background:#15374d;color:#d6edf8;min-height:34px;padding:7px 10px}.symbol-panel button:hover:not(:disabled){background:#23506a;border-color:#78b4cd}.symbol-panel button:disabled{opacity:.4}
.symbol-header{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 13px;border-bottom:1px solid #294558;background:#102a3c;flex:none}.symbol-header small{font-size:9px;letter-spacing:2px;color:#8ab8cf}.symbol-header h2{font-size:22px;font-weight:600;margin:6px 0 0;letter-spacing:2px}.symbol-header button{background:transparent;border:0;font-size:25px;padding:0 6px;color:#aecadc}
.symbol-scroll{overflow:auto;padding:0 18px 8px;scrollbar-width:thin;scrollbar-color:#325971 #0d2334;min-height:0;flex:1;overscroll-behavior:contain}.symbol-intro{font-size:11px;color:#96b7ca;line-height:1.8;margin:14px 0}.symbol-intro b{color:#d4e9f5;font-weight:500}.symbol-range-note{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#091c29;border:1px solid #294654;border-radius:7px;font-size:11px;color:#a0becf}.symbol-range-note strong{color:#edd299;font-size:12px;font-weight:500}
.symbol-group{border-bottom:1px solid #2b4254;padding:5px 0}.symbol-group summary{list-style-position:inside;cursor:pointer;font-size:13px;font-weight:600;color:#d7eaf5;padding:14px 0}.symbol-group summary small{float:right;color:#7097ad;font-size:10px;font-weight:400}.symbol-field{padding:0 0 14px;margin-bottom:5px}.symbol-field-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:60px}.symbol-sample{width:60px;height:60px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid #38546b;background:radial-gradient(ellipse,#22455b,#0a1c2e);border-radius:7px;overflow:hidden}.symbol-sample img{width:46px;height:46px;object-fit:contain;transform-origin:center;pointer-events:none}.symbol-field-heading label{color:#dbeaf3;font-size:12px;line-height:1.55;flex:1}.symbol-field-heading label small{display:block;font-size:9px;letter-spacing:1px;color:#7599af}.symbol-panel .symbol-reset-one{font-size:10px;min-height:29px;padding:4px 8px;background:transparent;color:#91b8ce}.symbol-inputs{display:flex;gap:12px;align-items:center}.symbol-inputs input[type=range]{flex:1;min-width:0;height:26px;accent-color:#66cdd0;cursor:pointer;margin:0}.symbol-inputs>div{position:relative;flex:none;width:89px}.symbol-inputs input[type=number]{width:100%;font:12px 'Segoe UI',sans-serif;text-align:center;color:#ebf7ff;border:1px solid #3f637c;background:#081b2a;border-radius:5px;padding:6px 22px 6px 2px;min-height:34px;margin:0}.symbol-inputs>div>span{position:absolute;right:24px;top:8px;font-size:11px;color:#91b2c6;pointer-events:none}.symbol-inputs input[aria-invalid=true]{border-color:#ffb5a0;outline:1px solid #ffb5a0}.symbol-field-error{font-size:10px;line-height:1.6;color:#ffc1ad;margin:7px 0 0}
.symbol-files{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.symbol-files button{font-size:11px}#symbol-message{font-size:10px;line-height:1.7;color:#81c9bc;min-height:28px;margin:12px 0 5px}#symbol-message.error{color:#ffc1ad}.symbol-footer{padding:12px 18px 10px;border-top:1px solid #36576b;background:#132f42;flex:none}.symbol-footer p{font-size:10px;color:#96bace;line-height:1.6;margin:5px 0 0}.symbol-footer .primary{width:100%;background:#61bec4;border-color:#6bd0d4;color:#052839;font-weight:700;margin-bottom:6px}.symbol-footer .primary:hover:not(:disabled){background:#8cdbdf}
@media(max-width:850px){.symbol-panel{grid-row:2;width:100%;height:100%;max-height:none;border-radius:12px 12px 0 0;align-self:stretch}.symbol-header{padding:9px 15px}.symbol-header h2{font-size:17px;margin:3px 0 0}.symbol-header small{font-size:8px}.symbol-scroll{padding:0 15px 8px}.symbol-footer{padding:8px 15px}.symbol-footer p{font-size:10px}.symbol-inputs input[type=number]{font-size:16px;min-height:38px}.symbol-inputs>div>span{top:10px}.symbol-field-heading{min-height:54px}.symbol-sample{width:54px;height:54px}}
@media(max-width:850px) and (max-height:700px){.symbol-intro{font-size:10px;line-height:1.4;margin:6px 0}.symbol-range-note{display:none}.symbol-group summary{padding:7px 0}.symbol-field-heading{min-height:44px;margin-bottom:5px}.symbol-sample{width:44px;height:44px}.symbol-sample img{width:37px;height:37px}.symbol-field{padding-bottom:10px}.symbol-footer{padding-top:7px;padding-bottom:7px}.symbol-footer p{font-size:9px;line-height:1.45}}