:root{--icon-color:#6c757d;--highlight-line:#e8f0fe;--highlight-color:#1565c0;--line-number-color:#999;--scrollbar-bg:#ccc;--selector-color:#1565c0;--property-color:#b71c1c;--value-color:#2e7d32}[data-theme="dark"]{--icon-color:#adb5bd;--highlight-line:#2B3E60;--highlight-color:#80bfff;--line-number-color:#bbb;--scrollbar-bg:#666;--selector-color:#80bfff;--property-color:#ff8a65;--value-color:#a5d6a7}.tooltool-content{border:none}.css_editor_wrapper{margin:0 auto;border:1px solid var(--border-sidebar-color);border-radius:8px;background-color:var(--card-bg);height:400px;position:relative;display:flex}.css_line_numbers{width:40px;background:var(--url-bg);padding:16px 15px 16px 5px;font-size:14px;color:var(--line-number-color);text-align:right;user-select:none;white-space:pre;overflow:hidden;line-height:1.6}.css_editor{flex:1;padding:16px 16px 16px 0;font-size:14px;color:var(--text-color);background:var(--card-bg);outline:none;overflow:auto;white-space:pre-wrap;line-height:1.6;caret-color:var(--highlight-color);scrollbar-color:var(--scrollbar-bg) transparent;scrollbar-width:thin;font-family:'Fira Code','JetBrains Mono','Consolas','Monaco','Menlo',monospace;letter-spacing:0.1em;tab-size:4;-moz-tab-size:4}.selector{color:var(--selector-color)}.property{color:var(--property-color)}.value{color:var(--value-color)}.highlight-line{background-color:var(--highlight-line)}.css_btn_group{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:20px auto}.css_btn_group .css_left,.css_btn_group .css_right{display:flex;flex-wrap:wrap;gap:10px}.indent-selector{display:flex;align-items:center;gap:8px;margin-right:10px}.indent-selector label{font-size:14px;color:var(--text-color)}.indent-selector select{padding:8px 12px;border:1px solid var(--border-sidebar-color);border-radius:6px;background-color:var(--card-bg);color:var(--text-color);font-size:14px}.url-input-group{display:flex;gap:10px;margin-bottom:15px;width:100%}.url-input{flex:1;padding:10px 15px;border:1px solid var(--border-sidebar-color);border-radius:6px;background-color:var(--url-bg);color:var(--text-color);font-size:14px}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.css_line{display:block;letter-spacing:0.1em;tab-size:4;-moz-tab-size:4;min-height:1.6em;line-height:1.6;white-space:pre;word-break:break-all;overflow-wrap:break-word}.css_line.highlight-line{background-color:var(--highlight-line)}.css_line:empty::after{content:"";display:block;height:1.6em}.css_row{display:flex}.line_number{width:40px;text-align:right;padding-right:8px;user-select:none;color:var(--line-number-color);background:var(--url-bg)}.css_row.highlight-line{background-color:var(--highlight-line)}.code-size-display{text-align:left;margin-top:10px;margin-bottom:-5px;font-size:14px;color:var(--text-color)}