:root{--bg:#f6f6f2;--surface:#fff;--surface-muted:#edede7;--ink:#151515;--ink-soft:#404040;--muted:#737373;--line:#d7d7cf;--line-strong:#1f2937;--primary:#1f2937;--primary-ink:#fff;--danger:#b42318;--warning:#c2410c;--success:#127a42;--scrollbar-track:#edede7;--scrollbar-thumb:#1f2937;--scrollbar-thumb-hover:#111827;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font:14px/1.45 var(--font-sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:0;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{background:var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{color:inherit}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);border-radius:0;outline:none}input,select{height:36px;padding:0 10px}input[type=color]{height:38px;padding:3px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:0;font-weight:650}#root{min-height:100svh}.button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-ink);cursor:pointer;white-space:nowrap;--button-bg:var(--surface);--button-border:var(--line-strong);--button-hover-bg:var(--surface-muted);--button-ink:var(--ink);border-radius:0;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--button-hover-bg)}.button:disabled{cursor:not-allowed;opacity:.45}.button--md{min-height:36px;padding:0 12px}.button--sm{min-height:32px;padding:0 10px;font-size:12px}.button--icon-only{width:36px;min-width:36px;padding:0}.button--sm.button--icon-only{width:32px;min-width:32px;padding:0}.button--full-width{width:100%}.button--solid{--button-bg:var(--button-border);--button-hover-bg:var(--button-border-hover);--button-ink:#fff}.button--outline{--button-bg:var(--surface)}.button--dashed{--button-bg:var(--surface);border-style:dashed}.button--ghost{--button-bg:transparent;--button-border:var(--line);--button-hover-bg:var(--surface-muted)}.button--neutral{--button-border:var(--line-strong);--button-border-hover:#111827;--button-ink:var(--ink)}.button--danger{--button-border:var(--danger);--button-border-hover:#8f1d14;--button-hover-bg:#fff5f3;--button-ink:var(--danger)}.button--warning{--button-border:var(--warning);--button-border-hover:#9a3412;--button-hover-bg:#fff7ed;--button-ink:var(--warning)}.button--success{--button-border:var(--success);--button-border-hover:#0f6537;--button-hover-bg:#f0fdf4;--button-ink:var(--success)}.button--solid.button--neutral{--button-bg:var(--primary);--button-border:var(--primary);--button-hover-bg:#111827;--button-ink:#fff}.button--solid.button--danger,.button--solid.button--warning,.button--solid.button--success{--button-bg:var(--button-border);--button-hover-bg:var(--button-border-hover);--button-ink:#fff}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.button-row .button{width:100%}.panel{border:1px solid var(--line);background:var(--surface);border-radius:0}.panel__header{border-bottom:1px solid var(--line);gap:4px;padding:16px;display:grid}.panel__header--with-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.panel__title{gap:4px;min-width:0;display:grid}.panel__actions{justify-content:end;gap:8px;display:flex}.panel__header h2{font-size:16px}.panel__header p,.muted-text,.message,.field__hint{color:var(--muted)}.panel>:not(.panel__header){padding:16px}.field{min-width:0;color:var(--ink);gap:6px;display:grid}.field__label{color:var(--ink-soft);font-size:12px}.field__hint{font-size:12px}.select{min-width:0;position:relative}.select__trigger{border:1px solid var(--line);background:var(--surface);width:100%;height:36px;color:var(--ink);cursor:pointer;text-align:left;border-radius:0;grid-template-columns:minmax(0,1fr) 16px;align-items:center;padding:0 10px;display:grid}.select__trigger:hover:not(:disabled),.select__trigger[aria-expanded=true]{border-color:var(--line-strong);background:var(--surface-muted)}.select__trigger:disabled{cursor:not-allowed;opacity:.45}.select__value,.select__placeholder{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select__placeholder{color:var(--muted)}.select__chevron{border-right:1px solid var(--ink-soft);border-bottom:1px solid var(--ink-soft);justify-self:end;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.select__menu{z-index:40;border:1px solid var(--line-strong);background:var(--surface);max-height:240px;position:absolute;top:calc(100% - 1px);left:0;right:0;overflow:auto;box-shadow:0 8px 18px #0f172a1f}.select__option{border:0;border-bottom:1px solid var(--line);background:var(--surface);width:100%;min-height:34px;color:var(--ink-soft);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:0;padding:0 10px;display:block;overflow:hidden}.select__option:last-child{border-bottom:0}.select__option--highlighted,.select__option:hover{color:var(--ink);background:#f3f4f6}.select__option--selected{color:var(--ink);box-shadow:inset 2px 0 0 var(--primary)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid--single{grid-template-columns:1fr}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.select-action-field{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;display:grid}.check-field{border:1px solid var(--line);min-height:34px;color:var(--ink-soft);align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.check-field input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);border-radius:0;padding:0}.radio-group{width:100%;display:flex}.radio-group__option{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink-soft);cursor:pointer;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.radio-group__option+.radio-group__option{margin-left:-1px}.radio-group__option:hover:not(:disabled),.radio-group__option--active{z-index:1;border-color:var(--line-strong);color:var(--ink);background:#f3f4f6;position:relative}.radio-group__option:disabled{cursor:not-allowed;opacity:.45}.radio-group__icon{justify-content:center;align-items:center;display:inline-flex}.toggle-group{width:max-content;max-width:100%;display:flex}.toggle-group__button{border:1px solid var(--line);background:var(--surface);width:38px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.toggle-group__button+.toggle-group__button{margin-left:-1px}.toggle-group__button:hover:not(:disabled),.toggle-group__button--active{z-index:1;border-color:var(--line-strong);color:var(--ink);background:#f3f4f6;position:relative}.toggle-group__button--active{box-shadow:inset 0 -2px 0 var(--primary)}.toggle-group__button:disabled{cursor:not-allowed;opacity:.45}.range-field{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:10px;display:grid}.range-field input[type=range]{appearance:none;cursor:pointer;height:24px;accent-color:var(--primary);background:0 0;border:0;padding:0}.range-field input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);height:2px}.range-field input[type=range]::-webkit-slider-thumb{border:1px solid var(--line-strong);appearance:none;background:var(--surface);border-radius:0;width:12px;height:20px;margin-top:-9px}.range-field input[type=range]::-moz-range-track{background:var(--line-strong);height:2px}.range-field input[type=range]::-moz-range-thumb{border:1px solid var(--line-strong);background:var(--surface);border-radius:0;width:12px;height:20px}.range-field__value{border:1px solid var(--line);background:var(--surface);width:100%;min-height:28px;color:var(--ink-soft);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:0;justify-content:end;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.range-field__value:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-muted);color:var(--ink)}.range-field__value:disabled{cursor:default;opacity:.62}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.message{border:1px solid var(--line);background:var(--surface);padding:10px 12px}.message--error{border-color:var(--danger);color:var(--danger)}.toast-viewport{z-index:1000;pointer-events:none;width:min(420px,100vw - 32px);display:grid;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);text-align:center;padding:10px 12px;font-size:13px;animation:.16s ease-out toast-in;box-shadow:0 8px 24px #0f172a1a}.toast--success{border-color:var(--success);color:var(--success)}.toast--error{border-color:var(--danger);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{z-index:1200;background:#15151547;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--line-strong);background:var(--surface);width:min(440px,100%);display:grid;box-shadow:0 16px 48px #0f172a2e}.confirm-dialog--warning{border-color:var(--warning)}.confirm-dialog--danger{border-color:var(--danger)}.confirm-dialog__header{border-bottom:1px solid var(--line);gap:6px;padding:16px;display:grid}.confirm-dialog__eyebrow{color:var(--muted);font-size:12px}.confirm-dialog--warning .confirm-dialog__eyebrow{color:var(--warning)}.confirm-dialog--danger .confirm-dialog__eyebrow{color:var(--danger)}.confirm-dialog__header h2{font-size:17px}.confirm-dialog__body{color:var(--ink-soft);gap:8px;padding:16px;display:grid}.confirm-dialog__copy{gap:6px;display:grid}.confirm-dialog__actions{justify-content:end;gap:8px;padding:12px 16px 16px;display:flex}.guide-dialog-overlay{z-index:1100;background:#15151538;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.guide-dialog{border:1px solid var(--line-strong);background:var(--surface);border-radius:0;width:min(420px,100%);display:grid;box-shadow:0 16px 48px #0f172a24}.guide-dialog__header{border-bottom:1px solid var(--line);gap:6px;padding:16px;display:grid}.guide-dialog__eyebrow{color:var(--muted);font-size:12px}.guide-dialog__header h2{font-size:17px}.guide-dialog__body{gap:12px;padding:16px;display:grid}.guide-dialog__preview{border:1px solid var(--line);background:var(--surface-muted);color:var(--ink-soft);gap:4px;padding:10px;font-size:12px;display:grid}.guide-dialog__preview span:first-child{color:var(--ink);font-weight:650}.guide-dialog__actions{justify-content:end;gap:8px;padding:12px 16px 16px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.library-view{min-height:100svh}.library-hero{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:32px;min-height:390px;padding:48px;display:grid}.library-hero__copy{max-width:760px}.library-hero h1{max-width:720px;margin:8px 0 14px;font-size:48px;line-height:1.1}.library-hero__lead{max-width:720px;color:var(--ink-soft);font-size:16px}.library-hero__points{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.library-hero__points span{border:1px solid var(--line);background:var(--surface-muted);color:var(--ink-soft);padding:6px 9px;font-size:12px}.library-hero__preview{min-width:0}.print-board{border:1px solid var(--line-strong);background:var(--surface-muted);box-shadow:10px 10px 0 var(--line)}.print-board__bar,.print-board__meta{color:var(--ink-soft);justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;display:flex}.print-board__bar{border-bottom:1px solid var(--line);background:var(--surface)}.print-board__meta{border-top:1px solid var(--line)}.print-board__spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.print-page{border:1px solid var(--line-strong);background:var(--surface);min-height:220px;position:relative;overflow:hidden}.print-page:before{border:1px dashed var(--line);content:"";position:absolute;inset:10px}.print-page__guide{background:#1f293742;position:absolute}.print-page__guide--x{height:1px;top:50%;left:0;right:0}.print-page__guide--y{width:1px;top:0;bottom:0;left:50%}.print-photo,.print-text-line{border:1px solid var(--line-strong);background:linear-gradient(135deg, #1f293714 25%, transparent 25%), linear-gradient(315deg, #1f293714 25%, transparent 25%), var(--surface-muted);position:absolute}.print-photo--large{width:62%;height:46%;top:28px;left:22px}.print-photo--small{width:44%;height:34%;bottom:24px;right:22px}.print-photo--top{height:36%;top:24px;left:22px;right:22px}.print-photo--bottom{height:36%;bottom:24px;left:22px;right:22px}.print-text-line{border-color:var(--line);background:var(--line-strong);width:42%;height:8px;bottom:72px;left:22px}.print-text-line--short{width:30%;bottom:52px}.landing-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1180px;margin:24px auto 0;padding:0 24px;display:grid}.landing-feature{border:1px solid var(--line);background:var(--surface);gap:8px;padding:18px;display:grid}.landing-feature+.landing-feature{margin-left:-1px}.landing-feature strong{color:var(--ink)}.landing-feature span{color:var(--ink-soft);font-size:13px}.library-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;max-width:1180px;margin:0 auto;padding:24px;display:grid}.preset-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.preset-card{border:1px solid var(--line);background:var(--surface);min-height:72px;color:var(--ink);cursor:pointer;text-align:left;border-radius:0;gap:4px;padding:10px;display:grid}.preset-card span,.album-card__content span,.page-thumb small{color:var(--muted);font-size:12px}.preset-card--active{border-color:var(--line-strong);background:#f3f4f6}.album-create-panel .button--full-width{margin-top:16px}.mobile-editor-note{border:1px solid var(--line);background:var(--surface-muted);color:var(--ink-soft);margin-top:16px;padding:10px 12px;font-size:12px}.album-list-panel .panel__header{border-bottom:1px solid var(--line)}.album-list-tools{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.empty-state{border:1px dashed var(--line);color:var(--muted);gap:4px;padding:24px;display:grid}.empty-state strong{color:var(--ink)}.album-list{gap:10px;display:grid}.album-card{grid-template-columns:minmax(0,1fr) 36px 36px;align-items:stretch;gap:8px;display:grid}.album-card--readonly{grid-template-columns:minmax(0,1fr) 36px}.album-card__main{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);cursor:pointer;text-align:left;border-radius:0;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:0;display:grid}.album-card__main:hover:not(.album-card__main--readonly){border-color:var(--line-strong)}.album-card__main--readonly{cursor:default}.album-card__cover{border-right:1px solid var(--line);background:linear-gradient(90deg, transparent 49%, #d9d9d9 50%, transparent 51%), var(--surface-muted);justify-content:center;align-items:center;min-height:86px;display:flex;overflow:hidden}.album-card__cover--filled{background:var(--surface-muted)}.album-card__cover-image{object-fit:contain;width:100%;height:100%;display:block}.album-card__content{align-content:center;gap:4px;min-width:0;padding:10px 10px 10px 0;display:grid}.album-card__content strong,.album-card__content span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workbench{flex-direction:column;min-height:100svh;display:flex}.workbench__topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 16px;display:flex}.workbench__title,.workbench__actions{align-items:center;gap:12px;min-width:0;display:flex}.album-title{gap:2px;min-width:0;display:grid}.album-title-button,.album-title-input{width:min(34vw,520px);max-width:34vw;min-height:28px;color:var(--ink);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:650;line-height:1.25;overflow:hidden}.album-title-button{cursor:text;text-align:left;background:0 0;border:0;padding:0;display:block}.album-title-button:hover{color:var(--ink-soft)}.album-title-input{border-color:var(--line-strong);height:30px;padding:0 6px}.workbench__actions{flex-wrap:wrap;justify-content:end}.save-state{border:1px solid var(--line);min-height:28px;color:var(--muted);align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.save-state--saving{border-color:var(--warning);color:var(--warning)}.save-state--saved{border-color:var(--success);color:var(--success)}.save-state--error{border-color:var(--danger);color:var(--danger)}.workbench__body{flex:1;grid-template-columns:210px minmax(0,1fr) 320px;min-height:0;display:grid}.page-rail,.inspector{background:var(--surface);min-height:0;overflow:auto}.page-rail{border-right:1px solid var(--line);flex-direction:column;gap:12px;padding:14px;display:flex}.page-rail__header{justify-content:space-between;align-items:center;display:flex}.page-list{gap:8px;display:grid}.page-list-item{position:relative}.guide-list{gap:8px;display:grid}.guide-card{border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1fr) 36px;align-items:start;gap:8px;padding:10px;display:grid}.guide-card:hover,.guide-card--highlighted{border-color:var(--line-strong);background:#f3f4f6}.guide-card>div{gap:4px;min-width:0;display:grid}.guide-card span{color:var(--muted);font-size:12px}.empty-state--compact{padding:14px;font-size:12px}.page-thumb{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:0;gap:8px;width:100%;min-height:132px;padding:10px;display:grid}.page-thumb:hover,.page-thumb--active{border-color:var(--line-strong);background:#f3f4f6}.page-thumb__actions{z-index:2;opacity:0;pointer-events:none;gap:4px;display:grid;position:absolute;top:8px;right:8px}.page-list-item:hover .page-thumb__actions,.page-list-item:focus-within .page-thumb__actions{opacity:1;pointer-events:auto}.page-thumb__actions .button{background:#ffffffeb}.page-thumb__preview{border:1px solid var(--line);background:#eeeeea;justify-content:center;align-items:center;width:100%;height:98px;display:flex;overflow:hidden}.page-thumb__paper{border:1px solid var(--line-strong);background:#fff;display:block;position:relative;overflow:hidden}.page-thumb__photo{object-fit:cover;transform-origin:50%;background:#d8d8d2;border:1px solid #1118272e;display:block;position:absolute;overflow:hidden}.page-thumb__photo--placeholder{background-color:#d8d8d2;background-image:linear-gradient(135deg,#11182714 25%,#0000 25%),linear-gradient(315deg,#11182714 25%,#0000 25%),none;background-position:0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.page-thumb__text{text-align:center;transform-origin:50%;white-space:pre-wrap;background:#ffffffb8;border:1px solid #11182729;justify-content:center;align-items:center;line-height:1.2;display:flex;position:absolute;overflow:hidden}.page-thumb__meta{gap:2px;display:grid}.canvas-shell{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--bg);background-position:12px 12px,12px 12px,0 0;background-size:24px 24px,24px 24px,auto;flex-direction:column;justify-content:stretch;align-items:center;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden}.viewport-board{cursor:grab;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.viewport-board--panning{cursor:grabbing}.viewport-board--dragging-image{cursor:copy}.viewport-board--dragging-image:before{z-index:6;border:1px solid var(--primary);content:"";pointer-events:none;background:#1118270a;position:absolute;inset:14px}.image-drop-hint{z-index:7;border:1px solid var(--primary);background:var(--ink);color:var(--surface);opacity:0;pointer-events:none;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;line-height:1;transition:opacity .12s,transform .12s;display:inline-flex;position:absolute;top:20px;left:50%;transform:translate(-50%)translateY(-6px)}.viewport-board--dragging-image .image-drop-hint{opacity:1;transform:translate(-50%)}.paper-transform{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.stage-frame{box-sizing:content-box;border:1px solid var(--line-strong);background:var(--surface);position:relative;box-shadow:0 12px 32px #0f172a14}.canvas-tools{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px;display:flex}.canvas-tools .button{min-height:30px}.canvas-tools span{border:1px solid var(--line);background:var(--surface);align-items:center;min-height:30px;padding:0 8px;display:inline-flex}.canvas-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px;font-size:12px;display:flex}.canvas-meta span{border:1px solid var(--line);background:var(--surface);padding:4px 8px}.inspector{border-left:1px solid var(--line);align-content:start;gap:12px;padding:14px;display:grid}.workbench-empty{text-align:center;place-content:center;gap:14px;min-height:100svh;display:grid}@media (width<=1100px){.workbench__body{grid-template-columns:180px minmax(0,1fr)}.inspector{border-top:1px solid var(--line);border-left:0;grid-column:1/-1}}@media (width<=820px){.library-hero{grid-template-columns:1fr;gap:22px;min-height:auto;padding:28px 18px}.library-hero h1{font-size:30px}.print-board{box-shadow:6px 6px 0 var(--line)}.print-board__spread{gap:10px;padding:12px}.print-page{min-height:160px}.landing-section{grid-template-columns:1fr;margin-top:16px;padding:0 16px}.landing-feature+.landing-feature{margin-top:-1px;margin-left:0}.library-grid{grid-template-columns:1fr;padding:16px}.preset-list,.form-grid,.inline-fields{grid-template-columns:1fr}.workbench__topbar,.workbench__title{flex-direction:column;align-items:stretch}.workbench__actions{justify-content:start}.album-title-button,.album-title-input{width:100%;max-width:100%}.workbench__body{grid-template-columns:1fr}.page-rail{border-bottom:1px solid var(--line)}.page-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.canvas-shell{justify-content:start}}