/* ============================================================
   PENNPAPPER  —  Professional Studio  v3
   Palette: Pure White · Black · True Blue #0000ff
   Font: Aptos (Calibri fallback)
============================================================ */

:root {
    --blue:        #0000ff;
    --blue-dk:     #0000cc;
    --blue-lt:     #f0f0ff;
    --blue-mid:    #b3b3ff;
    --blue-glow:   rgba(0,0,255,.08);

    --white:  #ffffff;
    --black:  #000000;
    --bg:     #e8eaed;          /* cool chrome workspace */
    --surface:#ffffff;
    --s2:     #f5f6f8;
    --s3:     #eef0f3;

    --border: #dde0e6;
    --border2:#c8ccd4;

    --text:   #0a0a0f;
    --text2:  #3a3d4a;
    --text3:  #6e7380;
    --text4:  #a8acb8;

    --sh-xs:  0 1px 2px rgba(0,0,0,.06);
    --sh-sm:  0 2px 8px rgba(0,0,0,.09);
    --sh-md:  0 4px 18px rgba(0,0,0,.12);
    --sh-lg:  0 16px 48px rgba(0,0,0,.18);
    --sh-blu: 0 0 0 2px rgba(0,0,255,.18);

    --r:   5px;
    --r-lg:10px;

    --font:'Aptos','Calibri','Segoe UI',system-ui,sans-serif;

    /* Layout — ultra-compact */
    --titlebar-h: 38px;
    --toolbar-h:  72px;       /* tall enough for 2-row font group */
    --sidebar-w:  44px;       /* collapsed icon rail */
    --sidebar-exp:220px;      /* expanded panel */
    --right-w:    220px;
    --statusbar-h:30px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--text);background:var(--bg);
     overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased}
button{cursor:pointer;font-family:var(--font)}
select,input{font-family:var(--font)}
a{text-decoration:none}

::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--text3)}