@font-face{font-family:Barlow;src:url('rejection/assets/barlow-400.ttf')}@font-face{font-family:Barlow;src:url('rejection/assets/barlow-600.ttf');font-weight:600}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#fff;color:#131722;font-family:Barlow,Arial,sans-serif}body{overflow:hidden}.workspace{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff}.workspace-bar{height:50px;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #e0e3eb;background:#fff;white-space:nowrap}.brand{display:flex;align-items:center;gap:8px;margin-right:8px;font-size:14px}.brand-mark{font-weight:600;letter-spacing:.08em;color:#bb2f44}.brand-name{font-weight:600;color:#131722}.rule{height:21px;width:1px;background:#e0e3eb;margin-right:6px}.select-wrap{position:relative;display:flex;align-items:center}.select-wrap select{appearance:none;-webkit-appearance:none;border:0;border-radius:4px;background:transparent;color:#2a2e39;padding:9px 25px 9px 9px;font:600 13px Barlow,Arial,sans-serif;cursor:pointer;max-width:220px}.select-wrap select:hover,.icon-button:hover{background:#f0f3fa}.select-wrap svg{position:absolute;right:7px;width:14px;height:14px;fill:none;stroke:#6a6d78;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.example-select select{font-weight:400;max-width:230px}.spacer{flex:1}.icon-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:4px;background:transparent;color:#434651;cursor:pointer}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button:focus-visible,select:focus-visible{outline:2px solid #2962ff;outline-offset:0}.chart-stage{position:relative;flex:1 1 auto;min-height:0;min-width:0}.chart-stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){.workspace-bar{height:auto;min-height:48px;gap:2px;padding:2px 4px}.brand{gap:5px;margin-right:3px;font-size:12px}.rule{margin-right:2px}.select-wrap select{max-width:145px;font-size:12px;padding-left:6px;padding-right:21px}.example-select select{max-width:150px}.icon-button{width:36px;height:40px}}
@media(max-width:380px){.brand-name{display:none}.select-wrap select{max-width:120px}.example-select select{max-width:125px}}
@media(pointer:coarse){.select-wrap select,.icon-button{min-height:44px}}
.workspace.integrated>.workspace-bar{display:none}

/* Match the clean raised panels used in the accompanying Procreate lesson. */
@font-face{font-family:Barlow;src:url('rejection/assets/barlow-900.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
.workspace{padding:clamp(16px,4.5vh,52px) 0 clamp(16px,4vh,42px)}
.lesson-title{flex:none;margin:0 auto clamp(12px,2.8vh,30px);padding:0 12px;text-align:center;font:900 clamp(30px,4.8vw,74px)/1.05 Barlow,Arial,sans-serif;letter-spacing:-.025em;color:#171717}
.chart-stage{width:78%;margin:0 auto;overflow:hidden;border:1px solid #f0f0f0;border-radius:clamp(16px,1.6vw,28px);box-shadow:0 8px 26px rgba(0,0,0,.10),0 2px 7px rgba(0,0,0,.04);background:#fff}
@media(min-width:701px) and (max-width:1100px){.chart-stage{width:86%}}
@media(max-width:700px){.workspace{padding-top:12px;padding-bottom:16px}.lesson-title{font-size:clamp(24px,5vw,36px);margin-bottom:12px}.chart-stage{width:94%;border-radius:16px}}
@media(max-height:500px){.workspace{padding-top:8px;padding-bottom:10px}.lesson-title{font-size:clamp(20px,4vh,28px);margin-bottom:8px}.chart-stage{width:94%;border-radius:14px}}

.chart-stage .chart-frame{position:absolute;inset:0;width:100%;height:100%;transition:opacity 140ms ease;opacity:0;pointer-events:none}.chart-stage .chart-frame-active{opacity:1;pointer-events:auto}.chart-stage .chart-frame-outgoing{opacity:1;pointer-events:none}@media(prefers-reduced-motion:reduce){.chart-stage .chart-frame{transition:none}}