.tool{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.tool-start{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=1000px){.tool-start{gap:var(--space-10);grid-template-columns:minmax(0,1fr) minmax(0,500px)}}.start-drop .dropzone{border-radius:var(--radius-xl);background:var(--surface);align-content:center;min-height:300px;box-shadow:0 8px 24px #26231f0f}.make-cards{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.make-cards-title{margin-bottom:var(--space-1);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0;font-size:.8125rem;font-weight:700}.make-card{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--make-border);background:var(--make-bg);--make-bg:#fff6f1;--make-border:#ebd8cc;display:grid}.make-card.is-zine{--make-bg:#f0f5f3;--make-border:#d2e1da}@media (prefers-color-scheme:dark){.make-card{--make-bg:#2a221e;--make-border:#45352c}.make-card.is-zine{--make-bg:#1f2925;--make-border:#31443b}}.make-card.is-checked{box-shadow:0 0 0 2px var(--accent);border-color:#0000}.make-card-head{align-items:center;gap:var(--space-3);cursor:pointer;display:flex;position:relative}.make-card-head input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.make-card-head:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius)}.make-card-icon{border-radius:var(--radius);background:var(--surface);border:1px solid var(--make-border);width:44px;height:44px;color:var(--accent);flex:none;place-items:center;display:grid}.make-card-text{gap:2px;display:grid}.make-card-text strong{font-family:var(--font-display);font-size:1.0625rem}.make-card-text small{color:var(--text-muted);font-size:.875rem}.make-card ol.fold-steps{padding:var(--space-2) 0 0;background:0 0;margin:0}.make-card ol.fold-steps img{mix-blend-mode:multiply;max-width:96px}.make-card ol.fold-steps-zine img{max-width:68px}@media (prefers-color-scheme:dark){.make-card ol.fold-steps{padding:var(--space-3);border-radius:var(--radius);background:#fefefd}}.workspace{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=1000px){.workspace{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 400px}}.stage{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);border-radius:var(--radius-xl);background:var(--stage);box-shadow:inset 0 0 0 1px var(--stage-border);min-width:0;display:grid}@media (width<=640px){.stage{padding:var(--space-3);border-radius:var(--radius-lg)}}.stage-notice{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--stage-border);margin:0;font-size:.9375rem;display:flex}.stage-notice-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.stage-notice-text{flex:1}.fold-strip{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--stage-border);display:grid}.fold-strip-title{margin:0;font-size:1rem}.stage ol.fold-steps{color:var(--text);background:0 0;margin:0;padding:0}.stage ol.fold-steps img{mix-blend-mode:multiply;max-width:104px}.stage ol.fold-steps-zine{--fold-cols:9}.stage ol.fold-steps-zine img{max-width:76px}@media (width<=760px){.stage ol.fold-steps-zine{--fold-cols:5}}@media (prefers-color-scheme:dark){.stage ol.fold-steps{padding:var(--space-3);border-radius:var(--radius);color:#33373d;background:#fefefd}}.panel{gap:var(--space-4);min-width:0;display:grid}.panel-label{margin-bottom:var(--space-2);font-family:var(--font-display);padding:0;font-size:1rem;font-weight:700}.panel-note{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);margin:0;font-size:.9375rem}.chip-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.chip{position:relative}.chip input{opacity:0;margin:0;position:absolute;inset:0}.chip>span{min-height:52px;padding:var(--space-1) var(--space-1);border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--border);cursor:pointer;text-align:center;align-content:center;justify-items:center;gap:0;line-height:1.25;display:grid}.chip strong{font-size:.9375rem}.chip small{color:var(--text-muted);font-size:.75rem}.chip input:checked+span{background:var(--text);box-shadow:0 0 0 1px var(--text);color:var(--surface)}.chip input:checked+span small{color:color-mix(in srgb, var(--surface) 80%, transparent)}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.chip-select select{height:100%;min-height:52px;padding:0 var(--space-2);border-radius:var(--radius);cursor:pointer;font-size:.9375rem;font-weight:600}.chip-select.is-checked select{background:var(--text);color:var(--surface);border-color:var(--text)}.printer-test{color:var(--accent-text);justify-self:start;font-size:.9375rem}.result-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 0 0 1px var(--border), var(--shadow-card);overflow:hidden}.result-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--success-bg);border-bottom:1px solid var(--success-border);color:var(--success-text);display:flex}.result-num{min-width:1ch;font-family:var(--font-display);flex:none;font-size:2rem;font-weight:700;line-height:1}.rows{padding:0 var(--space-4);margin:0;list-style:none}.row+.row{border-top:1px solid var(--border-soft)}.row-button{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) 0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-size:.9375rem;display:flex}.row-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.row-dot{background:var(--border);border-radius:50%;flex:none;width:8px;height:8px}.row-dot.is-flagged{background:var(--accent)}.row-text{flex:1;min-width:0}.row-action{color:var(--accent-text);flex:none;font-size:.875rem;font-weight:700}.row-button:hover .row-action{text-decoration:underline}.row-body{gap:var(--space-3);padding:0 0 var(--space-4) calc(8px + var(--space-3));display:grid}.row-legend{margin-bottom:var(--space-1);color:var(--text-muted);padding:0;font-size:.8125rem;font-weight:600}.row-body .segmented{border-radius:var(--radius);background:var(--surface-2);gap:2px;padding:3px}.row-body .segmented span{min-height:36px;padding:var(--space-1) var(--space-3);border:0;border-radius:8px;font-size:.875rem}.row-body .segmented input:checked+span{background:var(--text);color:var(--surface)}.field-inline{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto}.field-inline select,.field-inline input[type=number]{width:9rem;min-height:40px}.print-note{color:var(--text-muted);margin:0;font-size:.875rem}.guide-button{width:100%}.pv-blank-move{min-height:32px;padding:0 var(--space-3);background:var(--accent-tint);color:var(--accent-text);font:inherit;cursor:pointer;border:0;border-radius:999px;font-size:.8125rem;font-weight:600}.pv-blank-move:hover{text-decoration:underline}.pv-blank-move:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-files .dropzone{border-radius:var(--radius-lg);background:var(--surface);text-align:left;border-style:solid;border-width:1px;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch}.tool-files .dropzone .file-list{max-width:none}.tool-files .dropzone-note{grid-column:1/-1;font-size:.875rem}@media (width<=640px){.tool-files .dropzone{grid-template-columns:minmax(0,1fr)}}.dropzone{justify-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text);background:var(--bg);display:grid}.dropzone>svg{color:var(--accent)}.start-drop .dropzone label.button{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.start-drop .dropzone label.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.dropzone-title{font-family:var(--font-display)}.dropzone.is-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.dropzone-title{margin:0;font-size:1.125rem;font-weight:600}.dropzone-file{overflow-wrap:anywhere;margin:0}.dropzone label.button:focus-within{box-shadow:var(--focus-ring);border-color:var(--accent)}.dropzone-note{align-items:center;gap:var(--space-2);margin:0;font-size:.9375rem;display:inline-flex}.settings{gap:var(--space-3);display:grid}.field{gap:var(--space-1);border:0;min-width:0;margin:0;padding:0;display:grid}.field>label,.field>legend{margin-bottom:0;padding:0;font-weight:600}select,input[type=number]{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:44px;padding:var(--space-2) var(--space-3);max-width:100%}select{width:100%;min-width:0}input[type=number]{width:8rem}select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.segmented{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;margin:0;position:absolute;inset:0}.segmented span{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;display:inline-flex}.segmented input:checked+span{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));font-weight:600}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.check{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.hint{margin:0;font-size:.875rem}.summary{margin:0;font-size:.9375rem;font-weight:600;line-height:1.4}.notice{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--bg);border-left:4px solid}.notice.warning{color:var(--warning)}.notice.error{color:var(--error)}.download{width:100%;font-size:1.0625rem}.print-tips p:last-child{margin-bottom:0}.printer-pick{margin-bottom:var(--space-3)}.print-steps{margin:0 0 var(--space-3);padding-left:1.5em}.print-steps li+li{margin-top:var(--space-1)}.print-tips-heading{margin:var(--space-4) 0 0;font-size:1rem}@media (width<=640px){.download-bar{z-index:5;padding:var(--space-3) 0;background:var(--surface);position:sticky;bottom:0}}.drop-overlay{z-index:50;padding:var(--space-6);background:color-mix(in srgb, var(--bg) 82%, transparent);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay p{padding:var(--space-8) var(--space-10);border:3px dashed var(--accent);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:center;margin:0;font-size:1.25rem;font-weight:700}.file-list{gap:var(--space-2);counter-reset:file;width:100%;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.file-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;counter-increment:file;display:flex}.file-name{overflow-wrap:anywhere;min-width:0}.file-list:has(.file-item+.file-item) .file-name:before{content:counter(file) ". ";font-variant-numeric:tabular-nums;color:var(--text-muted)}.file-actions{gap:var(--space-1);flex:none;display:inline-flex}.icon-button{border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--border);color:var(--text)}.icon-button:disabled{opacity:.35;cursor:default}.dropzone-note svg{flex:none}@media (width<=640px){.dropzone{padding:var(--space-5) var(--space-3)}}.preview{gap:var(--space-3);display:grid}.pv-empty{margin:0 0 var(--space-4)}.pv-switch{justify-self:start}.pv-switch .segmented{background:var(--stage-2);border-radius:999px;gap:2px;padding:3px}.pv-switch .segmented span{min-height:36px;padding:var(--space-1) var(--space-4);border:0;border-radius:999px;font-size:.9375rem;font-weight:600}.pv-switch .segmented input:checked+span{background:var(--surface);box-shadow:0 1px 2px #1e283729}.pv-page{aspect-ratio:var(--pv-ratio,396 / 612);background:#fff;position:relative;overflow:hidden;container-type:size}.pv-page img{object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pv-page img.is-fill{object-fit:cover}.pv-page img.is-rotated{width:100cqh;height:100cqw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-90deg)}.pv-page.is-loading{background:linear-gradient(90deg,#f3f1ec,#fbfaf7,#f3f1ec)}.pv-page.is-blank{align-content:center;place-items:center;gap:var(--space-2);color:#8a8f98;background:#fff;font-size:.875rem;display:grid}.pv-page.is-blank span{opacity:.8}.pv-page.is-none{background:0 0}.pv-reading{gap:var(--space-3);grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.pv-desk{width:100%;padding:var(--space-6) var(--space-6);border-radius:var(--radius-lg);background:#d2a874 url(/images/desk.webp) 50%/cover no-repeat;justify-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #0000001f}@media (width<=520px){.pv-desk{padding:var(--space-6) var(--space-3);background-image:url(/images/desk-small.webp)}}.pv-book{perspective:2000px;touch-action:pan-y;cursor:pointer;border-radius:4px;width:min(100%,420px);position:relative}.pv-book:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.pv-spread{grid-template-columns:1fr 1fr;display:grid}.pv-spread .pv-page:not(.is-none),.pv-leaf-face .pv-page{box-shadow:0 1px 2px #00000040,0 8px 18px #00000047}.pv-spread .pv-page:not(.is-none):first-child:after,.pv-spread .pv-page:not(.is-none):last-child:after{content:"";pointer-events:none;width:8%;position:absolute;top:0;bottom:0}.pv-spread .pv-page:first-child:after{background:linear-gradient(270deg,#0000001f,#0000);right:0}.pv-spread .pv-page:last-child:after{background:linear-gradient(90deg,#0000001f,#0000);left:0}.pv-leaf{width:50%;height:100%;transform-style:preserve-3d;animation-duration:.45s;animation-timing-function:cubic-bezier(.45,.05,.35,1);animation-fill-mode:forwards;position:absolute;top:0}.pv-leaf.is-right{transform-origin:0;animation-name:pv-turn-left;left:50%}.pv-leaf.is-left{transform-origin:100%;animation-name:pv-turn-right;left:0}.pv-leaf-face{backface-visibility:hidden;position:absolute;inset:0}.pv-leaf-face.is-back{transform:rotateY(180deg)}@keyframes pv-turn-left{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes pv-turn-right{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.pv-leaf{animation:none}}.pv-controls{justify-content:center;align-items:center;gap:var(--space-2);width:min(100%,640px);display:flex}.pv-controls.is-rtl{flex-direction:row-reverse}.pv-label{margin:0 var(--space-2);text-align:center;min-width:9em;font-weight:600}.pv-controls .button{border-color:var(--stage-border)}.pv-nav{gap:var(--space-1)}.pv-jump{padding-inline:var(--space-3)}.pv-nav svg{flex-shrink:0}@media (width<=420px){.pv-nav{padding-inline:var(--space-3)}.pv-label{flex:1;min-width:0;margin:0}.pv-nav-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.pv-sheets{gap:var(--space-6);max-height:720px;padding:0;padding-right:var(--space-2);margin:0;list-style:none;display:grid;overflow-y:auto}.pv-sheet-title{margin:0 0 var(--space-2);font-size:1rem}.pv-sides{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.pv-side{gap:var(--space-2);margin:0;display:grid}.pv-side-paper{border:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid;box-shadow:0 1px 3px #0000001f}.pv-side-paper .pv-page+.pv-page{border-left:1px dashed #c9c5bc}.pv-side figcaption{color:var(--text-muted);font-size:.875rem}.dropzone.has-files{padding:var(--space-3)}.dropzone.has-files>svg{display:none}.download-bar{gap:var(--space-2);flex-wrap:wrap;display:flex}.download-bar .download{border-radius:14px;flex:100%;width:auto;min-height:52px;font-size:1.0625rem}.download-bar .button-primary{box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 28%, transparent)}.button-small{min-height:36px;padding:var(--space-1) var(--space-3);font-size:.9375rem}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.wizard{width:min(640px, calc(100vw - 2 * var(--space-4)));max-height:min(860px, calc(100dvh - 2 * var(--space-4)));border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:0;box-shadow:0 20px 60px #00000040}.wizard[open]{flex-direction:column;display:flex}.wizard::backdrop{background:#14161a73}.wz-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);display:flex}.wz-head h2{margin:0;font-size:1.25rem}.wz-progress{margin-left:auto;font-size:.875rem}.wz-body{padding:var(--space-6);overflow-y:auto}.wz-body>:first-child{margin-top:0}.wz-question{margin:var(--space-5) 0 var(--space-3);font-size:1.125rem}.wz-question:focus{outline:none}.wz-label{margin:var(--space-4) 0 var(--space-2);font-weight:600}.wz-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.wz-choice.is-pressed{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.wz-tip{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.wz-tip p{margin:0}.wz-settings,.wz-steps{gap:var(--space-2);margin:0;padding-left:1.25em;display:grid}.wz-more{margin-top:var(--space-3)}.wz-more summary{cursor:pointer;color:var(--accent);font-weight:600}.wz-more ul{gap:var(--space-2);padding-left:1.25em;display:grid}.wz-row{margin:var(--space-3) 0}.wz-small{margin:var(--space-3) 0 0;font-size:.875rem}.wz-nav{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}kbd{font:inherit;border:1px solid var(--border);background:var(--bg);border-radius:4px;padding:0 .3em;font-size:.875em}.diagram{width:100%;max-width:360px;height:auto;margin:var(--space-3) auto;color:var(--text-muted);display:block}.dg-paper{fill:#fff;stroke:currentColor;stroke-width:1.5px}.dg-accent{color:var(--accent)}.dg-muted{color:var(--text-muted)}ol.fold-steps{--fold-cols:4;justify-content:center;gap:var(--space-3) var(--space-2);margin:var(--space-3) 0;padding:var(--space-3);color:#33373d;background:#fefefd;border-radius:12px;flex-wrap:wrap;list-style:none;display:flex}ol.fold-steps-zine{--fold-cols:5}ol.fold-steps>li{flex:0 0 calc((100% - (var(--fold-cols) - 1) * var(--space-2)) / var(--fold-cols));text-align:center;min-width:0;margin:0;font-size:.8125rem;line-height:1.3}ol.fold-steps>li+li{margin-top:0}ol.fold-steps img{width:100%;height:auto;margin:0 auto var(--space-1);display:block}@media (width<=600px){ol.fold-steps{--fold-cols:2}ol.fold-steps-zine{--fold-cols:3}}.dg-arrow{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.dg-text{fill:var(--text-muted);font-family:inherit;font-size:11px}.mode-tabs{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mode-tabs label{position:relative}.mode-tabs input{opacity:0;margin:0;position:absolute;inset:0}.mode-tabs span{justify-content:center;align-items:center;gap:var(--space-2);height:100%;min-height:46px;padding:var(--space-2) var(--space-3);background:var(--surface);box-shadow:0 0 0 1px var(--border);text-align:center;cursor:pointer;border-radius:12px;line-height:1.25;display:flex}.mode-tabs strong{font-size:.9375rem;font-weight:600}.mode-icon{width:26px;height:20px;color:var(--accent);flex:none}.mode-tabs input:checked+span{background:var(--accent-tint);box-shadow:0 0 0 2px var(--accent)}.mode-tabs input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.dropzone-sub{margin:0;font-size:.9375rem}.file-item{justify-content:flex-start}.file-item .file-name{flex:1}.file-item.is-dragging{border-color:var(--accent);z-index:1;position:relative;box-shadow:0 4px 14px #0000002e}.drag-handle{width:24px;height:36px;margin-left:calc(-1 * var(--space-1));color:var(--text-muted);cursor:grab;touch-action:none;flex:none;place-items:center;display:inline-grid}.file-item.is-dragging .drag-handle{cursor:grabbing}.file-thumb{background:#f3f1ec;border-radius:4px;flex:none;width:36px;height:36px;overflow:hidden}.file-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pv-zine-sheet{margin:0}.pv-zine-grid{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(100%,640px);margin:0 auto;display:grid;box-shadow:0 1px 2px #0003,0 6px 16px #00000029}.pv-zine-panel{outline-offset:-.5px;outline:1px dashed #c9c5bc;position:relative}.pv-zine-panel.is-upside-down .pv-page{transform:rotate(180deg)}.pv-zine-num{background:color-mix(in srgb, var(--accent) 92%, transparent);min-width:1.5em;color:var(--accent-contrast);text-align:center;border-radius:4px;padding:0 4px;font-size:.75rem;font-weight:700;position:absolute;bottom:4px;right:4px}.pv-zine-sheet figcaption{margin-top:var(--space-2);text-align:center;font-size:.875rem}@media (width<=520px){.file-item{gap:var(--space-1) var(--space-2);grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"handle thumb name""handle thumb actions";display:grid}.file-item .drag-handle{grid-area:handle}.file-item .file-thumb{grid-area:thumb;align-self:center}.file-item .file-name{grid-area:name}.file-item .file-actions{grid-area:actions}.file-item:not(:has(.drag-handle)){grid-template-columns:auto minmax(0,1fr);grid-template-areas:"thumb name""thumb actions"}}