.layout-app .workspace{grid-template-columns:245px minmax(0,1fr) 260px}.layout-app .photo-list{display:grid;gap:6px;max-height:360px;overflow:auto;margin:14px 0;padding:3px}.photo-list button{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;width:100%}.photo-list img{width:48px;height:42px;object-fit:cover}.photo-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.layout-app .presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset-grid{width:28px;height:32px;display:grid;gap:2px;margin:0 auto 5px}.preset-grid i{background:#bacadd;border:1px solid #879eaf}.layout-app .presets button{padding:6px;font-size:12px}.layout-app label{display:block;margin:12px 0;font-size:13px}.layout-app input:not([type=checkbox]):not([type=range]):not([type=file]),.layout-app textarea{width:100%;font:inherit;padding:8px;border:1px solid #b3c0c6;border-radius:5px}.layout-app select{width:100%;font-size:13px}.layout-app .preview-toolbar select{width:auto}.layout-app .viewport{position:relative}.layout-app #page-stage{position:relative;margin:auto;line-height:0;box-shadow:0 3px 18px #1e303826}.layout-app #page-canvas{display:block;width:100%;height:100%}.layout-app #photo-hits{position:absolute;inset:0}.layout-app #photo-hits button{position:absolute;background:transparent;border:2px solid transparent;border-radius:0;padding:0;min-height:0}.layout-app #photo-hits button[aria-pressed=true]{border-color:#245dce;background:#245dce08}.layout-app #photo-hits button:focus-visible{outline:3px solid #245dce;outline-offset:2px}.layout-app .page-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0}.layout-app .page-nav span{font-size:13px}.layout-app details{border-top:1px solid #d6dfe2;margin-top:18px;padding-top:12px}.layout-app summary{cursor:pointer;font-weight:600;font-size:14px}.layout-app .exports{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.layout-app .list-actions button{font-size:12px}.layout-app .page-thumbs{display:flex;gap:6px;overflow:auto;padding:5px}.layout-app .page-thumbs button{font-size:11px;flex:0 0 64px;padding:4px}.layout-app .page-thumbs canvas{display:block;width:54px;height:auto}.layout-app .field-note{font-size:12px;color:#64747b}.layout-app #cancel-export{margin-top:8px}
@media(max-width:1100px){.layout-app .workspace{grid-template-columns:220px minmax(0,1fr)}.layout-app .workspace>aside:last-child{display:block}}
@media(max-width:680px){.layout-app .workspace{grid-template-columns:1fr}.layout-app .preview-panel{grid-row:1}.layout-app .photo-list{max-height:245px}.layout-app .panel{padding:14px}.layout-app .viewport{height:400px;max-height:65vh}}
@media print{body.layout-app #print-root{width:auto!important;height:auto!important;overflow:visible!important;break-inside:auto}body.layout-app #print-root .print-page{display:block;position:relative;break-after:page;overflow:hidden;margin:0;padding:0}body.layout-app #print-root .print-page:last-child{break-after:auto}body.layout-app #print-root svg{display:block;max-width:none}}