:root{--color-bg-primary: var(--base-ultra-dark, #000000);--color-bg-secondary: var(--base-dark, #111111);--color-text-primary: var(--text-color, #FFFFFF);--color-text-secondary: var(--shade-medium, #888888);--color-accent: var(--action, #00FF41);--color-accent-dark: var(--action-dark, #005918);--color-border: var(--shade-dark, #333333);--color-error: var(--danger, #FF4444);--color-error-dark: var(--danger-ultra-dark, #1A0505);--font-mono: var(--font-mono, "JetBrains Mono", monospace)}.digitalo-tool-container{font-family:var(--font-mono);background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:48px;border:1px solid var(--color-border);box-sizing:border-box;width:100%}@media (max-width: 768px){.digitalo-tool-container{padding:24px}}.digitalo-tool-container *{box-sizing:border-box}.digitalo-tool-container input[type=number]::-webkit-inner-spin-button,.digitalo-tool-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.digitalo-tool-container input[type=number]{-moz-appearance:textfield}.digitalo-tool-container input::placeholder{color:var(--color-text-secondary);opacity:1}.digitalo-tool-container button{transition:all .2s ease}.digitalo-tool-container button:hover{opacity:.9;transform:translateY(-1px)}