@set main {

  :root {
    flow: horizontal;
    margin: 0;
    overflow: hidden;
    z-index: -1;
  }

  :root > section.editor {
    size: *;
    min-width: 0.25*;
    overflow: auto;
    background: white;
    flow: horizontal;
    //behavior: pager;
  }

  :root > section.sidepanel.files {
    width: 220dip;
  }
  :root > section.sidepanel {
    width: 0.30*;
    height: *;
    background: #eee;
    //flow: stack;
  }

  :root > section.editor > div.controls {
    margin-left: *;
    margin-right: 1em;
    margin-top: 1em;
    flow: vertical;
  }

  :root > section.editor > div.controls > button:hover {
    fill: black;
    background: rgba(0,0,0, 0.25);
    cursor: pointer;
  }
  
  :root > section.editor >  div.controls > button {
    width: 32dip;
    height: 32dip;
    background: 0;
    border: 0;
    border-radius: 2dip;
    foreground-position: 50%;
    fill: gray;
    foreground-size: 24dip 24dip;    
    padding: none;
  }

  :root > section.editor > div.controls  > #settings {
    foreground-image: url(assets/gear.svg);
  }
  
  :root > section.editor >  div.controls  > #pdf {
    foreground-image: url(assets/pdf.svg);
  }
}  