:root{font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#0f172a}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,360px) 1fr;background:linear-gradient(180deg,#fff,#f5f7fa);color:#0f172a}.controls-panel{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid rgba(15,23,42,.06);background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.controls-panel header{display:flex;flex-direction:column;gap:.75rem}.controls-panel h1{font-size:1.6rem;margin:0;font-weight:600}.controls-panel p{margin:0;color:#475569;line-height:1.4}.controls-panel section{display:flex;flex-direction:column;gap:.6rem}.controls-panel label{font-weight:600;font-size:.95rem}.control-row{display:flex;align-items:center;gap:.75rem}.control-row input[type=range]{flex:1;accent-color:#2563eb}.control-row button{width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;font-size:1.4rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:all .18s ease}.control-row button:hover{border-color:#2563eb;color:#2563eb}.control-row button:disabled{opacity:.4;cursor:not-allowed}.controls-panel select{padding:.6rem .8rem;border-radius:.75rem;border:1px solid rgba(15,23,42,.12);font-size:.95rem;background:#fff;appearance:none}.value-badge{font-size:.85rem;font-weight:600;color:#1e293b;background:#2563eb1f;padding:.3rem .6rem;border-radius:999px}.canvas-wrapper{position:relative;display:flex;flex-direction:column;min-height:100vh}.lamp-canvas{flex:1}.export-bar{display:flex;gap:1rem;padding:1.4rem 2rem;border-top:1px solid rgba(15,23,42,.06);background:#f8fafce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.export-bar button{flex:1;padding:.9rem 1.2rem;border-radius:.9rem;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 12px 24px #2563eb2e}.export-bar button:nth-of-type(2){background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 12px 24px #4755692e}.export-bar button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 28px #2563eb33}.export-bar button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.4rem;background:#0f172aeb;color:#f8fafc;border-radius:999px;font-size:.95rem;box-shadow:0 16px 32px #0f172a26;animation:toast-fade 2.2s ease forwards}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,8px)}10%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,4px)}}.canvas-loader{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#1f2937;font-size:1rem}.canvas-loader span{width:3rem;height:3rem;border-radius:50%;border:.18rem solid rgba(37,99,235,.18);border-top-color:#2563eb;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.app-shell{grid-template-columns:320px 1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.controls-panel{border-right:none;border-bottom:1px solid rgba(15,23,42,.06);padding:1.8rem 1.5rem}.canvas-wrapper{min-height:calc(100vh - 420px)}.export-bar{padding:1rem}}