html,body,#app{height:100%;min-height:0;overflow:hidden}
.ink{height:100dvh;min-height:0;max-width:none;overflow:hidden;row-gap:8px;padding:14px 20px}.paper-wrap{min-height:0;align-self:start}.title-row{margin-top:10px}.material-label{min-height:72px;padding-top:5px;padding-left:84px}.inkwell{transform:rotate(-9deg) scale(.74);transform-origin:top left;top:2px}.material-label span{font-size:14px}.piece{min-height:45px;padding:5px 3px}.piece span{font-size:16px}.actions{margin-top:0}.actions button{min-height:38px}.status{font-size:11px;margin:0;line-height:1.5;max-height:3em;overflow:auto;overscroll-behavior:contain}.save-status{margin:0}
@media(max-width:899px){.ink{width:100%;gap:6px;padding:10px 14px;display:flex;align-items:stretch}.ink>.top,.ink>.goal-row,.ink>.tray,.ink>.actions,.ink>.status,.ink>.save-status{flex:none}.paper-wrap{align-self:center;flex:none;padding:8px 10px!important}.top{min-height:0}.title-row{margin-top:5px}.title-row h1{font-size:26px}.note{font-size:10px;line-height:1.4;margin-top:4px}.brand-row{flex-wrap:nowrap}.modes button{min-height:34px;padding:0 7px;font-size:9px}.icon-button{width:34px;min-width:34px;min-height:34px}.brand-subtitle{display:none}.brand-row>.eyebrow{font-size:6px;letter-spacing:1px}.ink-seal{width:18px;height:18px}.piece{min-height:42px}.piece span{font-size:10px}.actions{padding-top:3px}.actions button{min-height:36px}.goal{font-size:10px!important}.status{font-size:10px}}
@media(min-width:900px){.ink{width:100%;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto auto minmax(0,auto) auto auto auto minmax(0,1fr);column-gap:32px}.tray{min-height:0;max-height:27dvh;overflow:auto;overscroll-behavior:contain}.top{padding-bottom:0}.note{font-size:12px}.paper-wrap{justify-self:center}.material-label{margin:0}.goal{padding:5px 8px}.actions{padding-top:5px}}