:root{color:#f5f5f5;background:#111315;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@font-face{font-family:ArnoPro-Bold;src:url(/fonts/ArnoPro-Bold.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:ArnoPro-BoldItalic;src:url(/fonts/ArnoPro-BoldItalicSubhead.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:PTRootUIBold;src:url(/fonts/pt-root-ui_bold.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Helvetica Local;src:local(Helvetica Neue),local(HelveticaNeue),local(Helvetica),local(Arial);font-weight:400;font-style:normal}@font-face{font-family:Helvetica Local;src:local(Helvetica Neue Bold),local(HelveticaNeue-Bold),local(Helvetica Bold),local(Arial Bold);font-weight:700;font-style:normal}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:360px 1fr;min-height:100vh;display:grid}.controls{background:#171a1e;border-right:1px solid #26292d;flex-direction:column;gap:16px;padding:24px;display:flex}.controls h1{margin:0;font-size:1.5rem}.controls label{flex-direction:column;gap:8px;font-size:.95rem;display:flex}.controls input,.controls select,.controls textarea,.export-button{color:#f5f5f5;background:#0f1114;border:1px solid #31363d;border-radius:12px;padding:10px 12px}.controls textarea{resize:vertical;min-height:140px}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.export-button{cursor:pointer;background:#2a3442;font-weight:600}.export-button:hover{background:#334154}.preview-pane{flex-direction:column;gap:16px;padding:24px;display:flex;overflow:auto}.preview-header{color:#f5f5f5;justify-content:space-between;align-items:center;font-weight:600;display:flex}.inline-note{margin-left:10px}.muted{color:#a7b0bb;font-weight:400}.canvas-frame{background:#0d0f12;border:1px solid #26292d;border-radius:20px;justify-content:center;align-items:flex-start;min-height:80vh;padding:24px;display:flex}canvas{border-radius:12px;display:block;box-shadow:0 12px 40px #00000059}.controls input[type=range]{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}.controls input[type=file]{background:0 0;border:none;padding:8px 0}.controls .secondary-button{color:#f5f5f5;cursor:pointer;background:#181c22;border:1px solid #31363d;border-radius:12px;padding:10px 12px}.controls .secondary-button:hover{background:#222833}.color-control{color:#f5f5f5;background:#0f1114;border:1px solid #31363d;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.color-swatch{border:1px solid #ffffff26;border-radius:8px;flex:none;width:28px;height:28px}.color-value{color:#cfd6df;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.color-input-overlay{opacity:0;cursor:pointer;position:absolute;inset:0}.controls input[type=color]{appearance:none;background:0 0;border:none;padding:0}