*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,:root[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #ffffff;--button-border: #ffffff;--button-border-hover: #646cff;--button-bg-hover: rgba(100, 108, 255, .1);--artwork-bg: #2a2a2a;color-scheme:dark;color:var(--text-color);background-color:var(--bg-color)}:root[data-theme=light]{--bg-color: #f5f5f5;--text-color: #213547;--button-border: #213547;--button-border-hover: #646cff;--button-bg-hover: rgba(100, 108, 255, .1);--artwork-bg: #e5e5e5;color-scheme:light;color:var(--text-color);background-color:var(--bg-color)}html,body{overflow-x:hidden;width:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;overflow-x:hidden}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-x:hidden}.content{display:flex;gap:4rem;align-items:center;max-width:1200px;width:100%}.artwork-section{flex-shrink:0}.info-section{display:flex;flex-direction:column;align-items:flex-start}@media(max-width:768px){.app{padding:4rem 1rem 1rem}.content{flex-direction:column;gap:2rem;margin-top:1rem}.info-section{align-items:center;text-align:center}}.artwork{display:flex;align-items:center;justify-content:center;width:min(450px,90vw);height:min(450px,90vw);max-width:450px;max-height:450px;border-radius:8px;overflow:hidden;background-color:var(--artwork-bg)}.artwork-image{width:100%;height:100%;object-fit:cover}.artwork-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin:0 0 .5rem;color:var(--text-color);line-height:1.1}.artwork-inputs{margin:1.5rem 0}.artwork-inputs-text{font-size:1.25rem;font-family:Courier New,Courier,monospace;color:var(--text-color);margin:0;line-height:1.6}.action-panel{display:flex;gap:1rem;margin-top:1.5rem}.action-button{padding:.75rem 2rem;font-size:1.125rem;font-weight:500;border-radius:8px;border:2px solid var(--button-border);background-color:transparent;color:var(--text-color);cursor:pointer;transition:all .3s ease}.action-button:hover{border-color:var(--button-border-hover);background-color:var(--button-bg-hover)}.theme-selector{position:absolute;top:2rem;right:2rem;z-index:10}.theme-toggle{position:relative;display:inline-block;width:60px;height:30px;cursor:pointer}.theme-toggle input{opacity:0;width:0;height:0}.theme-slider{position:absolute;inset:0;background-color:#fff3;border:1px solid var(--text-color);border-radius:30px;transition:all .3s ease}.theme-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:3px;background-color:var(--text-color);border-radius:50%;transition:all .3s ease}.theme-icon{position:absolute;height:16px;width:16px;left:7px;bottom:6px;color:var(--bg-color);transition:all .3s ease;pointer-events:none}.theme-toggle input:checked+.theme-slider{background-color:#ffffff4d}.theme-toggle input:checked+.theme-slider:before{transform:translate(30px)}.theme-toggle input:checked+.theme-slider .theme-icon{transform:translate(30px)}.theme-slider:hover{background-color:#ffffff4d;border-color:var(--text-color)}@media(max-width:768px){.theme-selector{top:1rem;right:1rem}}