.control-panel{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:6px;row-gap:8px;align-items:center;align-content:start}.control-panel,.control-panel.control-panel-legacy{width:320px;padding:20px;box-sizing:border-box;position:sticky;top:10px;background-color:transparent;border-left:none;overflow-y:auto;max-height:calc(100vh - 40px)}.control-panel.control-panel-legacy{display:block;overflow-x:hidden}.control-panel.control-panel-legacy .control-group{margin-bottom:10px}.control-panel.control-panel-legacy .control-group label{margin-bottom:5px;display:block;color:#000;font-size:16px;font-weight:400;font-family:Arial,sans-serif;line-height:1.2}.control-panel.control-panel-legacy .control-group input:not([type=checkbox]):not([type=radio]),.control-panel.control-panel-legacy .control-group select,.control-panel.control-panel-legacy .control-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;box-sizing:border-box;border-radius:10px;margin:0;background:#fff}.control-panel.control-panel-legacy .checkbox-container{margin-bottom:10px}.control-panel.control-panel-legacy table{width:100%}@media print{.control-panel{display:none!important}}.control-panel>label{margin:0;grid-column:1;color:#000;font-size:16px;font-weight:400;font-family:Arial,sans-serif;line-height:1.2;display:flex!important;align-items:center!important}.control-panel>label[for=color],.control-panel>label[for=font],.control-panel>label[for=grid],.control-panel>label[for=line],.control-panel>label[for=size],.control-panel>label[for=trace]{display:flex;align-items:center;justify-content:flex-end;text-align:right;white-space:nowrap}.control-panel>input:not([type=checkbox]):not([type=radio]),.control-panel>select,.control-panel>textarea{width:100%;padding:8px 12px;box-sizing:border-box;border:1px solid #c7ccd4;border-radius:10px;margin:0;text-align:left;grid-column:2;color:#3f4650;background-color:#fff;box-shadow:none;margin-bottom:0!important}.control-panel>input:not([type=checkbox]):not([type=radio]),.control-panel>select{min-height:40px}.control-panel>input:focus,.control-panel>select:focus,.control-panel>textarea:focus{outline:none;border-color:#bcc3ce;box-shadow:none}.control-panel>button{width:100%;padding:15px;border:none;border-radius:10px;margin-top:20px;margin-bottom:20px;background-color:#007bff;color:#fff;cursor:pointer;text-align:center;font-size:16px;font-family:Arial,sans-serif;grid-column:1/-1}.control-panel>.warning-box{grid-column:1/-1;width:100%;box-sizing:border-box;writing-mode:horizontal-tb}.control-panel>.inline-check{grid-column:2;display:inline-flex;align-items:center;gap:8px;color:#3f4650;font-size:15px;font-family:Arial,sans-serif;line-height:1.2}.control-panel>.inline-check input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#1677ff}.control-panel>.spacing-row{grid-column:2}.control-panel>#content,.control-panel>label[for=content]{grid-column:1/-1}.control-panel>label[for=content]{justify-content:flex-start!important;text-align:left!important}.control-panel.control-panel-legacy .control-group{display:flex!important;align-items:center!important;gap:10px!important}.control-panel.control-panel-legacy .control-group label{display:inline-flex!important;align-items:center!important;margin:0!important;white-space:nowrap!important}.control-panel.control-panel-legacy .control-group>input:not([type=checkbox]):not([type=radio]),.control-panel.control-panel-legacy .control-group>select,.control-panel.control-panel-legacy .control-group>textarea{flex:1 1 auto!important;width:auto!important;min-width:0!important}.control-panel.control-panel-legacy .checkbox-container{display:flex!important;align-items:center!important}.control-panel.control-panel-legacy .checkbox-container label{display:inline!important;writing-mode:horizontal-tb!important;white-space:nowrap!important}.control-panel.control-panel-legacy.control-panel-shared-skin .checkbox-container{padding:8px 10px!important;border:1px solid #ddd!important;background:#fff!important;border-radius:10px!important;gap:8px!important}.control-panel.control-panel-legacy.control-panel-shared-skin .checkbox-container input[type=checkbox]{margin:0!important}.control-panel.control-panel-legacy.control-panel-shared-skin table{width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0 0!important}.control-panel.control-panel-legacy.control-panel-shared-skin table td{text-align:center!important;padding:10px!important;font-weight:700!important}.control-panel.control-panel-legacy.control-panel-shared-skin table td:first-child{background-color:#d8eaf1!important;color:#007bff!important;cursor:pointer!important;border-radius:10px!important}.control-panel.control-panel-legacy.control-panel-shared-skin table td:last-child{background-color:#007bff!important;color:#fff!important;cursor:pointer!important;border-radius:10px!important}.control-panel.control-panel-legacy.control-panel-shared-skin table td:hover{opacity:.8!important}@media screen and (max-width:900px){.container>.control-panel,.container>.control-panel.control-panel-legacy{position:fixed!important;inset:auto 0 0 0!important;top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:min(42vh,360px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;margin:0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;border-left:0!important;border-top:1px solid #d9dde3!important;border-radius:12px 12px 0 0!important;background:#eeeff2!important;box-shadow:0 -8px 18px rgba(0,0,0,.16)!important;z-index:1!important}.container>.control-panel.control-panel-legacy::-webkit-scrollbar,.container>.control-panel::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}.container>.control-panel{grid-template-columns:72px minmax(0,1fr)!important;column-gap:8px!important;row-gap:8px!important}.container>.control-panel>button{margin-top:10px!important;margin-bottom:0!important}.control-panel.control-panel-legacy .control-group{gap:8px!important;margin-bottom:8px!important}}@media screen and (max-width:540px){.container>.control-panel{grid-template-columns:60px minmax(0,1fr)!important}.container>.control-panel>label{font-size:15px!important}}@media print{.container>.control-panel.control-panel-legacy{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}}