/* fold. editor: viewport-sized work surface, readable inspector, shared export. */
@media screen {
:root{--ink:#293325;--muted:#596451;--orange:#ad4723;--line:#e0e5da;--control:#c9d1c1}
html,body{height:100%;overflow:hidden}body{height:100dvh;display:grid;grid-template-rows:60px minmax(0,1fr);font-size:14px;color:var(--ink)}
header{height:auto;min-height:0;padding:0 20px;gap:20px}.brand{font-size:26px}.brand span{font-size:12px;color:var(--muted)}header nav{margin-left:auto}header nav button{font-size:13px;min-height:34px}.help{font-size:13px;min-width:34px;min-height:34px}.local-badge,footer,.library-bottom,.library>.muted,.settings>.muted,.settings-title>span,.breadcrumbs,.title-row p,.under-canvas,.prototype-note,.free{display:none}
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 350px;grid-template-rows:minmax(0,1fr);height:100%!important;min-height:0!important;max-height:calc(100% - 12px);margin:0 12px 12px;overflow:hidden;background:#fff}
main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;min-width:0;padding:16px;gap:12px;overflow:visible}.title-row{margin:0;min-height:34px}.title-line h1{font-size:22px;line-height:1.25}.icon-button{width:34px;height:34px;display:grid;place-items:center}.editor{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden;border-radius:7px}.canvas-bar{height:44px;min-height:44px;padding:0 12px}.tabs{gap:16px}.tabs button,.tabs button span,.fit span{font-size:12px;color:#46563e}.tabs button{min-height:34px}.canvas-actions{display:flex;gap:8px;align-items:center}.canvas-actions>button:not(.fit){width:30px;height:30px;padding:5px;color:#46563e}.canvas-actions .fit{display:flex;align-items:center;gap:5px;min-height:30px;color:#46563e}.canvas-tools{padding:8px 10px;background:#fafbf7;gap:6px;position:relative;flex-direction:row;flex-wrap:wrap;align-items:center}.paper-tools{display:flex;gap:6px;align-items:center;flex:1;min-width:0;flex-wrap:wrap}.paper-tools>label{display:none}.paper-tools select,.paper-tools button,.sheet-layout-tools button,.view-menu>summary{font-size:12px;min-height:32px;border:1px solid var(--control);border-radius:5px;background:#fff;color:#46563e;padding:6px 8px;white-space:nowrap}.paper-tools select{max-width:158px;min-width:0}.paper-tools #fitPaper{margin-left:0;font-size:12px;padding:6px 8px}.paper-tools #fitA4{display:none}.paper-tools #artTool{display:none}.canvas-fit-line{display:flex;align-items:center;gap:8px;width:100%;font-size:11px;color:#4f6344;line-height:1.4}.canvas-fit-line #canvasFitStatus{font-size:11px;color:#4b6439;white-space:normal}.canvas-fit-line #canvasFitStatus.overflows{color:#963c20}.auto-fit-result{color:#4d5e42;font-size:11px;min-width:0}.auto-fit-result[hidden]{display:none}.view-menu{position:relative;margin:0!important;padding:0!important;border:0!important}.view-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:5px}.view-menu>summary::-webkit-details-marker{display:none}.view-menu .canvas-options{position:absolute;right:0;top:39px;z-index:9;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:190px;padding:14px;background:#fff;border:1px solid var(--control);border-radius:6px;font-size:13px;color:#46563e;box-shadow:0 6px 20px #28331c14}.view-menu .canvas-options label{font-size:13px;display:flex;align-items:center;gap:8px;min-height:24px}.view-menu .canvas-options input{width:16px;height:16px;accent-color:#51683e}.sheet-layout-tools{border:0;padding:0;gap:6px;display:flex;flex-wrap:wrap}.sheet-layout-tools #layoutTool{font-size:12px;min-height:32px}.sheet-layout-tools #layoutTool[aria-pressed=true]{background:#465d36;color:white;border-color:#465d36}#layoutActions{gap:6px}#layoutCount{font-size:12px;color:#4c5f40}#layoutFill{color:#405632;background:#edf2e7}.canvas{height:auto!important;min-height:0;max-height:100%;position:relative;background:#edf0e8;overflow:hidden}.canvas #drawing{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0}.canvas-note,.canvas-gesture-hint{display:none}.canvas-bottom{bottom:10px;padding:0 12px}.scale-note{display:none}.zoom{height:32px!important}.zoom span{font-size:12px;color:#46563e}.zoom button{width:30px;height:30px}.legend{font-size:11px;color:#526149;padding:8px 12px;gap:12px;min-height:30px}.legend>span{font-size:11px}.legend label{display:none}.legend .dimension{display:none}.dimension-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:0;padding-top:8px;border-top:1px solid var(--line);min-height:0}.dimension-summary div{display:flex;flex-direction:column;gap:3px;min-width:0}.dimension-summary div:last-child{grid-column:auto}.dimension-summary span{font-size:11px;color:#596451}.dimension-summary b{font-size:12px;font-weight:550;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dimension-summary small{display:none}.dimension-summary small.warning{color:#963c20}
.library{display:flex;flex-direction:column;padding:18px 12px 12px;min-height:0;overflow:hidden}.library .section-head{margin-bottom:12px}.section-head h2{font-size:16px}.section-head>span,#savedCount{font-size:11px;color:#596451}.library .search{margin-bottom:12px;min-height:36px}.library .search input{font-size:13px}.search kbd{font-size:11px;color:#596451}.library .categories{gap:4px;margin-bottom:12px;flex-wrap:wrap;height:auto}.library .categories button{font-size:11px;padding:5px 7px;min-height:28px;color:#526149}.library .categories button.selected{color:white;background:#465d36}.list-heading{font-size:11px;color:#596451;margin-bottom:10px}.list-heading select{font-size:11px;color:#596451}.library #templates{display:grid!important;grid-template-columns:1fr;align-content:start;grid-auto-rows:max-content;gap:6px;flex:1!important;min-height:0;overflow:auto!important;padding:2px;scrollbar-width:thin}.library .template{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;padding:7px;min-height:65px;min-width:0;flex-shrink:0}.library .template .thumb{grid-row:1/3;width:42px;height:46px;background:transparent}.library .template svg{width:38px;height:42px}.library .template strong{font-size:12px;font-weight:550;line-height:1.3;padding:2px 5px;align-self:end}.library .template small{font-size:11px;line-height:1.25;color:#596451;padding:1px 5px;align-self:start}.template.selected{border-color:#ad4723;outline-color:#ad4723}.template.selected:after{display:none}
.settings{display:grid;grid-template-areas:'heading' 'preview' 'tabs' 'content' 'validation';grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100%;min-height:0;min-width:0;overflow:hidden;padding:18px 16px 14px;border-left:1px solid var(--line)}.settings-title{grid-area:heading}.settings-title h2{font-size:16px}.inspector-tabs{grid-area:tabs;display:flex;gap:2px;border-bottom:1px solid var(--line);margin:12px 0}.inspector-tabs button{flex:1;min-width:0;padding:10px 2px;min-height:38px;font-size:12px;color:#596451;border-bottom:2px solid transparent}.inspector-tabs button[aria-selected=true]{border-bottom-color:#465d36;color:#293d20;font-weight:650}.settings-scroll{grid-area:content;height:100%;min-height:0;overflow:auto!important;padding:0 5px 10px 0;margin:0 -5px 0 0;scrollbar-width:thin;scrollbar-gutter:stable;overscroll-behavior:contain}.inspector-panel[hidden],.inspector-subpage[hidden]{display:none!important}.inspector-panel{min-width:0}.inspector-subtabs{display:flex;gap:4px;padding:3px;background:#f0f2ec;border-radius:5px;margin-bottom:16px}.inspector-subtabs button{flex:1;min-height:32px;padding:6px;font-size:12px;color:#526149;border:1px solid transparent;border-radius:3px}.inspector-subtabs button[aria-pressed=true]{background:#fff;border-color:#d9e0d0;color:#293d20}.settings details{padding:0;border:0;margin:0 0 18px}.settings details>summary{display:none!important}.settings h3,.setting-label h3{font-size:13px;color:#34462a}.settings .setting-label{margin:0 0 12px}.field{font-size:12px;color:#526149;margin-bottom:14px}.field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}.field-grid>.field{min-width:0}.field>div{height:38px;margin-top:7px;border-color:var(--control)}.field input{font-size:14px;padding:9px;color:#293325;font-variant-numeric:tabular-nums}.field .unit-label,.field>div>span{font-size:11px;color:#596451}.field>input,.field select,#flapShapes .field select{display:block;width:100%;min-height:38px;background:#fff;color:#293325;font-size:13px;border:1px solid var(--control);border-radius:5px;padding:8px;margin:7px 0 0}.field-hint,.inspector-intro{font-size:11px;line-height:1.6;color:#596451;margin:0 0 14px}.unit-toggle button{font-size:12px;min-width:30px;min-height:28px}.size-tools{font-size:12px;gap:10px;margin:0 0 16px;color:#526149}.size-tools input{width:15px;height:15px}.size-tools button{font-size:12px;min-height:30px}.scale-control{font-size:12px;margin:16px 0;color:#526149}.scale-control>div{height:34px;border-color:var(--control)}.scale-control input{font-size:13px;width:65px}.scale-control span{font-size:11px;color:#596451}.scale-control button{font-size:12px;min-width:50px}.presets button{font-size:12px;min-height:32px}.preset-label{font-size:12px;color:#526149}.custom-preset-row{gap:7px;margin-bottom:14px}.custom-preset-row select,.custom-preset-row button{font-size:12px;min-height:36px;border-color:var(--control)}#flapShapes{padding:0;margin:0;border:0}.settings-file-tools button{font-size:12px;min-height:36px}.settings .art-mode button,.settings .art-source button{font-size:12px;min-height:34px}.settings .art-drop{padding:10px}.settings .art-drop b{font-size:12px}.settings .art-drop span{font-size:11px;color:#596451}.settings .art-drop button,.settings #copyGlobal,.settings .art-actions button{font-size:12px;min-height:32px}.settings .art-adjust{font-size:12px;color:#526149}.settings .art-adjust input[type=number]{font-size:13px}.settings .art-adjust>div>span{font-size:11px;color:#596451}.settings .art-color-entry{min-height:42px}.settings .art-color-entry label,.settings #artHex{font-size:12px;color:#526149}.settings .art-local{display:none}.settings .art-swatches button{width:27px;height:27px}.settings #layoutMessage{font-size:12px;line-height:1.5;color:#405632;background:#edf2e7;margin-bottom:14px;padding:9px}.settings #layoutMessage.layout-warning{color:#963c20;background:#fff0e8}.layout-checkbox{font-size:12px;color:#526149;line-height:1.4;margin-bottom:14px}.layout-checkbox input{width:15px;height:15px}.settings #layoutOne{font-size:12px;min-height:34px;margin-top:10px;color:#526149}.inspector-intro,#sheetLayoutPanel>.field-hint{display:none}#validation{grid-area:validation;font-size:12px;max-height:85px;margin:8px 0 0;color:#963c20}.settings-scroll.can-scroll{border-bottom:1px solid var(--control)}.settings-overflow-note{grid-area:content;align-self:end;justify-self:end;pointer-events:none;z-index:5;padding:4px 7px;background:#edf2e7;color:#405632;border-radius:3px;font-size:11px}.settings-overflow-note[hidden]{display:none}
.export-menu{position:relative;margin-left:0}.export-menu>summary{list-style:none;cursor:pointer;background:#ad4723;color:white;font-size:13px;font-weight:600;border-radius:5px;min-height:36px;padding:9px 14px;display:flex;align-items:center;gap:7px}.export-menu>summary::-webkit-details-marker{display:none}.export-menu[open]>summary{background:#923b1c}.export-popover{position:absolute;right:0;top:44px;z-index:30;width:290px;border:1px solid var(--control);border-radius:7px;background:white;padding:16px;box-shadow:0 8px 30px #29332520}.export-popover>h3{font-size:15px;margin:0 0 8px}.export-popover>p{font-size:12px;line-height:1.5;color:#596451;margin:0 0 14px}.export{margin:0;padding:0;border:0}.export-label,.export p{display:none}.download-row{height:40px;margin:0 0 8px;background:#ad4723}.download-row button,.download-row button span,.download-row select{font-size:13px}.print{font-size:13px;min-height:38px;margin:0;padding:8px}.workspace-switch{display:none}.mini-preview{grid-area:preview;display:none}.fold-icon{width:17px;height:17px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mini-preview svg{width:100%;height:100%;display:block}.zoom #zoomLabel{min-width:38px}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #526f3b;outline-offset:2px}button:disabled{opacity:.6}#toast{font-size:13px}#directEditor label,#directUnit{font-size:12px}#directValue{font-size:14px}
@media(min-width:701px) and (max-width:1100px){body{grid-template-rows:56px 40px minmax(0,1fr)}header{padding:0 14px}.brand span{display:none}.workspace-switch{display:flex;gap:8px;padding:3px 12px}.workspace-switch button{font-size:12px;min-height:32px;padding:5px 12px;border-radius:4px}.workspace-switch button.selected{background:#e8eee0;color:#34462a}.workspace-switch [data-view=settings]{display:none}.workspace{grid-template-columns:minmax(0,1fr) 320px}.workspace>.library{display:none}.workspace>main,.workspace>.settings{display:grid}.workspace>.settings{grid-column:2}.workspace>main{grid-column:1}body[data-view=library] .workspace{grid-template-columns:1fr}body[data-view=library] .library{display:flex;grid-column:1}body[data-view=library] main,body[data-view=library] .settings{display:none}.library #templates{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:12px;gap:9px}.settings{padding:16px 12px}.title-line h1{font-size:18px}.dimension-summary{grid-template-columns:1fr 1fr}.dimension-summary div:last-child{display:none}.paper-tools select{max-width:135px}.fit span{display:none}header nav #browse{display:none}.canvas-bar{padding:0 9px}.tabs{gap:10px}}
@media(max-width:700px){body{grid-template-rows:54px 40px minmax(0,1fr)}header{padding:0 12px;gap:12px}.brand{font-size:25px}.brand span,header nav #browse,header .help{display:none}header nav{margin-left:auto}header nav button{font-size:12px}.export-menu>summary{font-size:12px;padding:8px 10px;min-height:34px}.export-popover{width:min(290px,calc(100vw - 24px));right:0}.workspace-switch{display:flex;padding:3px 10px;gap:4px}.workspace-switch button{flex:1;font-size:12px;min-height:32px;padding:5px;border-radius:4px}.workspace-switch button.selected{color:#34462a;background:#e8eee0;font-weight:600}.workspace{display:block!important;position:relative;margin:0 8px 8px;max-height:calc(100% - 8px)}.workspace>main,.workspace>.settings,.workspace>.library{display:none;height:100%;width:100%;min-height:0;max-height:100%;grid-column:auto;grid-row:auto}body[data-view=canvas] main{display:grid}body[data-view=settings] .settings{display:grid}body[data-view=library] .library{display:flex}main{padding:10px;gap:8px}.title-line h1{font-size:18px}.canvas-bar{height:40px;min-height:40px;padding:0 8px}.tabs{gap:10px}.canvas-actions{gap:3px}.tabs button,.tabs button span{font-size:12px}.canvas-actions .fit span{display:none}.canvas-tools{padding:7px 8px;gap:6px}.paper-tools{gap:5px}.paper-tools select{max-width:135px}.paper-tools button,.sheet-layout-tools button,.view-menu>summary{font-size:12px;padding:5px 7px;min-height:32px}.paper-tools #fitPaper{display:none}.canvas-fit-line{font-size:11px;line-height:1.3;gap:6px}.auto-fit-result{display:none}.legend{gap:10px;padding:7px 9px}.dimension-summary span{font-size:11px}.dimension-summary b{font-size:12px}.settings{border:0;padding:12px}.settings-title h2{font-size:15px}.inspector-tabs{margin:8px 0 12px}.mini-preview{display:flex;height:112px;position:relative;gap:10px;align-items:center;margin-top:10px;background:#edf0e8;border:1px solid var(--line);border-radius:5px;padding:7px}.mini-preview .mini-paper{flex:0 0 88px;height:96px;min-width:0}.mini-preview .mini-meta{flex:1;min-width:0;font-size:12px;color:#46563e;line-height:1.5}.mini-preview .mini-meta strong{font-size:12px;display:block;font-weight:550}.mini-preview button{font-size:12px;color:#34462a;text-decoration:underline;text-underline-offset:3px;min-height:30px}.settings .field{margin-bottom:12px}.settings .field-hint{font-size:11px}.settings .field input{font-size:14px}.settings .art-drop img{max-width:40px;max-height:40px}.settings .inspector-subtabs{margin-bottom:12px}.library #templates{grid-template-columns:1fr 1fr}.library .template{grid-template-columns:38px minmax(0,1fr)}.library .template .thumb{width:36px}.library .template svg{width:34px}.view-menu .canvas-options{right:0}#directEditor{width:155px}.canvas-options label{min-height:28px}}
@media(max-height:650px){body{grid-template-rows:50px minmax(0,1fr)}.workspace{max-height:calc(100% - 8px);margin-bottom:8px}main{padding:10px 12px;gap:7px}.title-line h1{font-size:18px}.canvas-bar{height:38px;min-height:38px}.canvas-tools{padding:6px 8px;gap:5px}.settings{padding:12px}.inspector-tabs{margin:7px 0}.inspector-subtabs{margin-bottom:12px}.settings .field-hint{display:none}.settings .field{margin-bottom:10px}.settings .field>div{height:36px;margin-top:5px}.settings .field select,#flapShapes .field select{min-height:36px;margin-top:5px}.settings .size-tools{margin-bottom:10px}.settings .scale-control{margin:10px 0}.library .template{min-height:58px;padding:5px}.library .template small{display:none}.library .template strong{grid-row:1/3;align-self:center}.settings #layoutMessage{padding:7px;margin-bottom:9px}.settings .layout-checkbox{margin-bottom:8px}.legend{padding:6px 10px}.dimension-summary{padding-top:6px}.mini-preview{height:90px}.mini-preview .mini-paper{height:76px}.mini-preview .mini-meta{font-size:11px}}
@media(max-height:650px) and (max-width:1100px){body{grid-template-rows:50px 38px minmax(0,1fr)}.workspace-switch{min-height:38px;padding-top:3px;padding-bottom:3px}}
}
@media print{.workspace-switch,.inspector-tabs,.inspector-subtabs,.mini-preview,.export-menu,.view-menu,.auto-fit-result{display:none!important}}
@media screen{.view-menu>summary,.export-menu>summary{margin:0!important;justify-content:center}.view-menu>summary:after,.export-menu>summary:after{content:none!important}.export-menu{margin:0!important;padding:0!important;border:0!important}.canvas-bottom{justify-content:flex-end}.legend>span:has(.dimension){display:none}header nav{margin-top:0;margin-bottom:0}header nav button.active:after{bottom:5px}.mini-meta #miniFit{display:block;font-size:11px;color:#405632}.mini-meta #miniFit:empty{display:none}#save.is-saved .fold-icon{fill:#e8eee1}.inspector-subtabs{box-shadow:none}}
@media screen{input::placeholder{color:#65705d;opacity:1}.print{display:flex;align-items:center;justify-content:center;gap:7px}.settings #artEmpty,.settings #artEditHint{color:#596451}.settings #artPreview{border-color:#d3dbca}}
@media screen{.canvas-bar{gap:8px}.canvas-actions{margin-left:auto}.arrange-button{font-size:12px;min-height:30px;border:1px solid var(--control);padding:5px 8px;border-radius:4px;color:#46563e;white-space:nowrap}.arrange-button[aria-pressed=true]{background:#465d36;color:#fff;border-color:#465d36}.sheet-layout-tools:has(#layoutActions[hidden]){display:none}.canvas-tools .paper-tools #fitPaper{font-size:12px}}
@media screen and (max-width:700px){.canvas-bar{gap:5px}.canvas-bar .tabs{gap:8px}.canvas-actions>button:not(.fit){width:26px;height:28px;padding:4px}.canvas-actions .fit{width:26px;justify-content:center}.tabs .fold-icon{display:none}.arrange-button{padding:4px 7px}.canvas-tools .paper-tools{flex:1}.canvas-tools .paper-tools select{max-width:135px}}
@media screen{#sheetLayoutPanel .field>div>span{font-size:11px;color:#596451}}
@media screen{.settings details>h3{font-size:13px;font-weight:600;margin:0 0 12px;color:#34462a}}
/* Core copy/rotate actions stay visible before entering sheet-layout mode. */
@media screen{.sheet-layout-tools{width:100%;display:flex!important;gap:6px;border-top:1px solid var(--line);padding-top:7px}.sheet-layout-tools #layoutActions{display:flex;gap:6px;align-items:center}.sheet-layout-tools button{min-height:32px;font-size:12px}.sheet-layout-tools #layoutTool{margin-right:2px}#layoutCount{font-size:11px;white-space:nowrap}.paper-tools #artTool{display:inline-flex;align-items:center;font-size:12px;min-height:32px}}
@media screen and (max-width:700px){.sheet-layout-tools{gap:5px}.sheet-layout-tools #layoutActions{gap:5px;flex-wrap:wrap}.sheet-layout-tools button{padding:5px 7px}.sheet-layout-tools #layoutTool{width:auto}#layoutCount{display:none}.paper-tools #artTool{display:none}}
@media screen{.paper-tools .view-menu{margin-left:auto!important}}
/* Arrange advertises the tools it reveals, including on touch screens. */
@media screen{.sheet-layout-tools{position:relative}.sheet-layout-tools #layoutActions[hidden]{display:none!important}.arrange-entry{display:flex;align-items:center;gap:9px;position:relative}.arrange-hint{font-size:12px;line-height:1.4;color:#526149}.arrange-entry.is-active .arrange-hint{display:none}#arrangeTooltip{position:absolute;left:0;top:calc(100% + 8px);z-index:15;width:280px;max-width:calc(100vw - 58px);padding:10px 12px;border:1px solid #c9d1c1;border-radius:5px;background:#fff;color:#34462a;font-size:12px;line-height:1.6;visibility:hidden;opacity:0;pointer-events:none}.arrange-entry:hover #arrangeTooltip,.arrange-entry:focus-within #arrangeTooltip{visibility:visible;opacity:1}.sheet-layout-tools:has(#layoutActions[hidden]){display:flex!important}}
@media print{.arrange-entry{display:none!important}}
/* Canvas-first workspace: arrangement tools live in the inspector. */
@media screen{
.workspace{grid-template-columns:190px minmax(0,1fr) 330px}main{padding:12px;gap:9px}.editor{grid-template-rows:auto minmax(0,1fr) auto}.title-row{display:flex;gap:9px;align-items:center;min-width:0}.title-row>div:first-child{min-width:0}.title-line h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px}.title-row .canvas-actions{flex-shrink:0;margin-left:auto;gap:5px}.title-row #save{flex-shrink:0}.settings{padding:16px 12px 12px}.inspector-tabs{gap:0}.inspector-tabs button{padding:10px 1px;font-size:12px}.library{padding:16px 10px 10px}.library .template{grid-template-columns:38px minmax(0,1fr);padding:6px}.library .template .thumb{width:36px}.library .template svg{width:34px}.library .template strong{padding-left:4px;font-size:12px}.library .template small{padding-left:4px;font-size:11px}.settings #panel-arrange #arrangeHelp{display:block;font-size:12px;line-height:1.5;margin-bottom:13px;color:#526149}#panel-arrange #layoutActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}#panel-arrange #layoutCount{display:block;grid-column:1/-1;color:#526149;font-size:12px;margin-bottom:2px}#panel-arrange #layoutActions button{border:1px solid var(--control);border-radius:5px;background:#fff;min-height:36px;padding:8px;font-size:13px;color:#46563e}#panel-arrange #layoutFill{background:#eaf0e2}#panel-arrange #layoutDelete{color:#96441f}#panel-arrange #layoutTool{display:block;margin-top:10px;font-size:12px;min-height:34px;padding:7px 10px;background:#fff;color:#46563e;border:1px solid var(--control)}#panel-arrange #layoutOne{margin:8px 0 0;font-size:12px;min-height:34px}#panel-arrange #sheetLayoutPanel{margin-bottom:8px}
}
@media screen and (min-width:701px) and (max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.title-line h1{font-size:18px}.title-row .canvas-actions .fit span{display:none}}
@media screen and (max-width:700px){main{padding:10px;gap:8px}.title-line h1{font-size:18px}.title-row{gap:6px}.title-row .canvas-actions{gap:3px}.title-row .canvas-actions>button:not(.fit){width:26px;height:28px}.title-row .canvas-actions .fit{width:26px;justify-content:center}.title-row .canvas-actions .fit span{display:none}.settings{padding:12px}.inspector-tabs button{font-size:12px;padding:9px 1px}.mini-preview{height:100px}.mini-preview .mini-paper{height:84px}.library .template{grid-template-columns:36px minmax(0,1fr)}}
@media screen and (max-height:650px){main{padding:9px 10px;gap:7px}.title-line h1{font-size:18px}}
@media screen{#panel-arrange #layoutCount{display:none}#panel-arrange #layoutActions{margin-bottom:12px}#panel-arrange #arrangeHelp{margin-bottom:10px}#panel-arrange #layoutMessage{font-size:12px;line-height:1.4;padding:7px 9px;margin-bottom:10px}#panel-arrange #layoutTool[hidden]{display:none!important}#panel-arrange .field{margin-bottom:10px}#panel-arrange .field>div{height:36px;margin-top:5px}#panel-arrange .field select{min-height:36px;margin-top:5px}#panel-arrange .layout-checkbox{margin-bottom:8px}#panel-arrange #layoutOne{margin-top:5px}}