:root{--bg: #050508;--bg-deep: #030306;--glass-bg: rgba(15, 23, 42, .35);--glass-border: rgba(255, 255, 255, .06);--accent: #3b82f6;--accent-glow: rgba(96, 165, 250, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .65);--border-subtle: rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh}nav{display:flex;justify-content:space-between;align-items:center;padding:18px 40px;background:#00000059;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:1000;box-shadow:0 1px #3b82f608}.logo{font-weight:600;letter-spacing:1px;color:var(--text-primary);text-decoration:none;font-size:15px;transition:color .2s ease}.logo:hover{color:#60a5fa}.menu{display:flex;gap:36px}.menu a{text-decoration:none;color:#ffffffbf;font-size:14px;font-weight:500;letter-spacing:.03em;transition:color .2s ease,text-shadow .2s ease}.menu a:hover{color:#60a5fa;text-shadow:0 0 20px rgba(96,165,250,.25)}.container{max-width:1100px;margin:auto;padding:80px 40px}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:32px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff08}.btn-glass{display:inline-block;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s ease;cursor:pointer}.btn-glass-primary{background:#3b82f61f;border:1px solid rgba(96,165,250,.25);color:#93c5fd}.btn-glass-primary:hover{color:#60a5fa;border-color:#60a5fa80;box-shadow:0 0 24px #60a5fa26}.btn-glass-secondary{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-glass-secondary:hover{color:#60a5fa;border-color:#60a5fa66;background:#60a5fa14;box-shadow:0 0 24px #60a5fa26}.input-glass{background:#0000004d;border:1px solid var(--border-subtle);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.input-glass:focus{border-color:#60a5fa66;box-shadow:0 0 0 3px #60a5fa1a}.input-glass::placeholder{color:#fff6}select.input-glass{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2360a5fa' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}select.input-glass option{background:var(--bg-deep);color:var(--text-primary)}.container a:hover{color:#60a5fa}.back-link{display:inline-block;font-size:14px;color:#ffffffa6;text-decoration:none;margin-bottom:16px;transition:color .2s ease}.back-link:hover{color:#60a5fa}.tools-section{position:relative;z-index:1}.tools-intro{opacity:.7;margin-bottom:40px}.tools-app{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.tools-sidebar{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;padding-right:8px}.tool-category-group{margin-bottom:28px}.tool-category-group h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:10px;color:var(--text-secondary)}.tool-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tool-list-item{display:block;width:100%;text-align:left;background:transparent;border:none;border-left:3px solid transparent;color:#ffffffbf;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.tool-list-item:hover{background:#ffffff0d;color:#fff}.tool-list-item.active{background:#ffffff12;border-left-color:#60a5fa;color:#fff;font-weight:500}.tools-panel-container{min-height:320px;transition:background .3s ease}.tools-panel-container.is-empty{background:#60a5fa08;backdrop-filter:blur(20px) hue-rotate(220deg) saturate(1.6);-webkit-backdrop-filter:blur(20px) hue-rotate(220deg) saturate(1.6)}.tools-back-btn{display:none;background:transparent;border:none;color:#ffffffa6;font-size:14px;cursor:pointer;padding:0;margin-bottom:20px}.tools-back-btn:hover{color:#60a5fa}.tools-panel-empty{opacity:.6}.tool-panel-title{font-size:18px;margin-bottom:20px}@media(max-width:768px){.tools-app{display:block}.tools-sidebar{position:static;max-height:none}.tools-panel-container{display:none;margin-top:24px}.tools-app.tool-selected .tools-sidebar{display:none}.tools-app.tool-selected .tools-panel-container{display:block}.tools-back-btn{display:inline-block}}.tool-body{display:flex;flex-direction:column;gap:12px}.tool-output{white-space:pre-wrap;word-break:break-all;min-height:20px}.tool-actions{display:flex;gap:12px}.tool-row{display:flex;flex-wrap:wrap;gap:12px}.tool-row input.input-glass,.tool-row select.input-glass{flex:1 1 100px;min-width:0}.tool-label{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.85}.tool-chmod-table-scroll{overflow-x:auto;max-width:100%}.tool-chmod-table{width:100%;min-width:280px;border-collapse:collapse;font-size:14px}.tool-chmod-table th,.tool-chmod-table td{padding:6px 10px;text-align:center}.tool-svg-preview{border-radius:8px;overflow:hidden;max-width:100%}.tool-output-group{display:flex;flex-direction:column;gap:8px}.tool-warning{font-size:13px;color:#fbbf24e6;margin:0}