.cigarette-project{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px;background:#ddd;color:#111;overflow:auto;overscroll-behavior:contain;font:12px/1.4 Chicago,Arial,sans-serif}
.cigarette-project *{box-sizing:border-box}.cigarette-view{min-height:190px;flex:1;position:relative;overflow:hidden;border:1px solid #111;background:#353535;aspect-ratio:4/3}.cigarette-canvas{display:block;width:100%;height:100%;touch-action:manipulation;cursor:crosshair}.cigarette-canvas:focus-visible{outline:2px dashed white;outline-offset:-5px}.cigarette-controls{flex:none;display:flex;flex-wrap:wrap;gap:7px}.cigarette-project button{min-height:36px;background:#fff;color:#111;border:1px solid #111;border-radius:3px;box-shadow:1px 1px #111;padding:7px 10px;font:12px/1.2 Chicago,Arial,sans-serif;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}.cigarette-project button:disabled{color:#777;border-color:#888;box-shadow:none;cursor:wait}.cigarette-project button:focus-visible{outline:2px solid #111;outline-offset:3px}.cigarette-project button:active,.cigarette-project button.is-held{background:#111;color:#fff;box-shadow:none}.cigarette-project button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #111;background:#eee}.cigarette-project .cigarette-hold{touch-action:none;font-weight:bold}.cigarette-info{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:19px;flex:none}.cigarette-status{font-size:11px}.cigarette-meter{width:90px;flex:none;height:10px;border:1px solid #111;background:#fff}.cigarette-meter i{display:block;width:0;height:100%;background:#333}
@media(max-width:600px),(pointer:coarse){.cigarette-project{padding:9px;gap:10px}.cigarette-view{min-height:220px;max-height:58dvh;aspect-ratio:3/4}.cigarette-project button{min-height:44px;flex:1 1 calc(33.333% - 7px);padding:8px 5px;font-size:11px}.cigarette-status{font-size:10px}.cigarette-meter{width:65px}}
@media(max-height:500px) and (min-width:600px){.cigarette-project{display:grid;grid-template-columns:minmax(0,1fr) 175px;grid-template-rows:minmax(0,1fr) auto;gap:8px}.cigarette-view{grid-row:1/-1;height:100%;min-height:150px;max-height:none;aspect-ratio:auto}.cigarette-controls{align-content:start;display:grid;grid-template-columns:1fr;overflow:auto}.cigarette-project button{min-height:34px}.cigarette-info{flex-direction:column;align-items:start;gap:4px}.cigarette-status{font-size:10px}}