:root{--merge-color-primary:#e5322d;--merge-color-primary-hover:#c92420;--merge-color-title:#292b32;--merge-color-text:#33353d;--merge-color-muted:#6f717b;--merge-color-border:#dedfe5;--merge-color-page:#f5f5fa;--merge-color-surface:#fff;--merge-color-notice:#224d68;--merge-color-notice-background:#e8f6ff;--merge-page-desktop-min-height:calc(100dvh - var(--navbar-height-desktop,76px) - 18px);--merge-page-desktop-background:var(--merge-color-page);--merge-layout-desktop-sidebar-width:330px;--merge-layout-desktop-border-color:#dedfe5;--merge-canvas-desktop-padding:56px 84px 44px;--merge-canvas-desktop-min-height:510px;--merge-card-desktop-width:210px;--merge-card-desktop-height:278px;--merge-card-desktop-gap:18px;--merge-card-desktop-padding:12px;--merge-card-desktop-radius:12px;--merge-card-desktop-border-width:1px;--merge-card-desktop-border-color:#ececf1;--merge-card-desktop-background:#fff;--merge-card-desktop-shadow:0 8px 24px #1c1e2614;--merge-card-desktop-hover-shadow:0 12px 30px #1c1e261f;--merge-card-desktop-name-size:13px;--merge-card-desktop-name-gap:11px;--merge-action-desktop-size:29px;--merge-action-desktop-top:7px;--merge-action-desktop-right:7px;--merge-action-desktop-radius:6px;--merge-action-desktop-container-radius:8px;--merge-source-desktop-size:46px;--merge-source-desktop-gap:9px;--merge-source-desktop-right:18px;--merge-source-desktop-count-size:25px;--merge-source-desktop-radius:50%;--merge-sidebar-desktop-padding:22px;--merge-sidebar-desktop-title-size:28px;--merge-sidebar-desktop-background:#fff;--merge-sidebar-desktop-notice-padding:15px;--merge-sidebar-desktop-notice-gap:12px;--merge-sidebar-desktop-notice-radius:10px;--merge-sidebar-desktop-button-height:64px;--merge-sidebar-desktop-button-size:18px;--merge-sidebar-desktop-button-radius:11px;--merge-page-tablet-min-height:calc(100dvh - var(--navbar-height-tablet,74px));--merge-layout-tablet-sidebar-width:280px;--merge-canvas-tablet-padding:38px 70px 34px 28px;--merge-canvas-tablet-min-height:500px;--merge-card-tablet-width:180px;--merge-card-tablet-height:245px;--merge-card-tablet-gap:14px;--merge-card-tablet-padding:10px;--merge-card-tablet-name-size:12px;--merge-action-tablet-size:28px;--merge-source-tablet-size:42px;--merge-source-tablet-gap:8px;--merge-source-tablet-right:14px;--merge-sidebar-tablet-padding:18px;--merge-sidebar-tablet-title-size:25px;--merge-sidebar-tablet-button-height:56px;--merge-sidebar-tablet-button-size:17px;--merge-page-mobile-min-height:calc(100dvh - var(--navbar-height-mobile,62px));--merge-canvas-mobile-padding:18px 12px 22px;--merge-card-mobile-width:min(100%, 148px);--merge-card-mobile-height:205px;--merge-card-mobile-gap:10px;--merge-card-mobile-padding:8px;--merge-card-mobile-name-size:11px;--merge-action-mobile-size:27px;--merge-source-mobile-size:40px;--merge-source-mobile-gap:7px;--merge-sidebar-mobile-padding:13px;--merge-sidebar-mobile-title-size:21px;--merge-sidebar-mobile-button-height:48px;--merge-sidebar-mobile-button-size:15px;--merge-page-min-height:var(--merge-page-desktop-min-height);--merge-layout-sidebar-width:var(--merge-layout-desktop-sidebar-width);--merge-canvas-padding:var(--merge-canvas-desktop-padding);--merge-canvas-min-height:var(--merge-canvas-desktop-min-height);--merge-card-width:var(--merge-card-desktop-width);--merge-card-height:var(--merge-card-desktop-height);--merge-card-gap:var(--merge-card-desktop-gap);--merge-card-padding:var(--merge-card-desktop-padding);--merge-card-name-size:var(--merge-card-desktop-name-size);--merge-action-size:var(--merge-action-desktop-size);--merge-source-size:var(--merge-source-desktop-size);--merge-source-gap:var(--merge-source-desktop-gap);--merge-source-right:var(--merge-source-desktop-right);--merge-sidebar-padding:var(--merge-sidebar-desktop-padding);--merge-sidebar-title-size:var(--merge-sidebar-desktop-title-size);--merge-sidebar-button-height:var(--merge-sidebar-desktop-button-height);--merge-sidebar-button-size:var(--merge-sidebar-desktop-button-size)}.merge-arrange-page{min-height:var(--merge-page-min-height);background:var(--merge-page-desktop-background);overflow:hidden}.merge-arrange{grid-template-columns:minmax(0, 1fr) var(--merge-layout-sidebar-width);min-height:var(--merge-canvas-min-height);background:var(--merge-color-page);flex:1;display:grid}.merge-arrange__canvas{min-width:0;min-height:var(--merge-canvas-min-height);padding:var(--merge-canvas-padding);position:relative;overflow:auto}.merge-arrange__cards{justify-content:center;align-items:flex-start;gap:var(--merge-card-gap);flex-wrap:wrap;display:flex}.merge-arrange-card{flex:0 0 var(--merge-card-width);width:var(--merge-card-width);height:var(--merge-card-height);padding:var(--merge-card-padding);cursor:grab;background:var(--merge-card-desktop-background);border:var(--merge-card-desktop-border-width) solid var(--merge-card-desktop-border-color);border-radius:var(--merge-card-desktop-radius);box-shadow:var(--merge-card-desktop-shadow);flex-direction:column;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.merge-arrange-card:hover{box-shadow:var(--merge-card-desktop-hover-shadow);border-color:#e5322d6b;transform:translateY(-2px)}.merge-arrange-card:active{cursor:grabbing}.merge-arrange-card__preview{flex:1;width:100%;min-height:0}.merge-arrange-card__name{margin:var(--merge-card-desktop-name-gap) 2px 0;color:var(--merge-color-text);font-size:var(--merge-card-name-size);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:650;line-height:1.3;overflow:hidden}.merge-arrange-card__actions{z-index:2;top:var(--merge-action-desktop-top);right:var(--merge-action-desktop-right);border:1px solid var(--merge-color-border);border-radius:var(--merge-action-desktop-container-radius);background:#fffffff5;gap:0;padding:2px;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 13px #191a201f}.merge-arrange-card__action{width:var(--merge-action-size);height:var(--merge-action-size);color:#60616b;cursor:pointer;border-radius:var(--merge-action-desktop-radius);background:0 0;border:0;place-items:center;padding:0;transition:color .15s,background .15s,transform .15s;display:grid}.merge-arrange-card__action:hover{color:#fff;background:var(--merge-color-primary);transform:translateY(-1px)}.merge-arrange-card__action--remove:hover{background:var(--merge-color-primary-hover)}.merge-arrange-card__action:focus-visible{color:#fff;background:var(--merge-color-primary);outline-offset:-3px;outline:2px solid #fff}.merge-arrange__sources{z-index:3;top:50%;right:var(--merge-source-right);align-items:center;gap:var(--merge-source-gap);flex-direction:column;display:flex;position:absolute;transform:translateY(-50%)}.merge-arrange__source{width:var(--merge-source-size);height:var(--merge-source-size);color:#fff;cursor:pointer;background:var(--merge-color-primary);border-radius:var(--merge-source-desktop-radius);border:0;place-items:center;padding:0;transition:background .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 7px 17px #e5322d3b}.merge-arrange__source:hover{background:var(--merge-color-primary-hover);transform:translateY(-2px);box-shadow:0 10px 22px #e5322d4d}.merge-arrange__source--primary{width:calc(var(--merge-source-size) + 8px);height:calc(var(--merge-source-size) + 8px)}.merge-arrange__source--sort{color:var(--merge-color-primary);background:#fff;border:1px solid #e5322d59}.merge-arrange__source--sort:hover{color:#fff;background:var(--merge-color-primary);border-color:var(--merge-color-primary)}.merge-arrange__source svg{width:52%;height:52%}.merge-arrange__count{z-index:4;min-width:var(--merge-source-desktop-count-size);height:var(--merge-source-desktop-count-size);color:#fff;background:#25262d;border:2px solid #fff;border-radius:999px;place-items:center;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-7px;right:1px}.merge-arrange__sources--mobile{display:none}.merge-arrange__sidebar{min-height:0;padding:var(--merge-sidebar-padding);background:var(--merge-sidebar-desktop-background);border-left:1px solid var(--merge-layout-desktop-border-color);flex-direction:column;display:flex}.merge-arrange__sidebar h1{color:var(--merge-color-title);font-size:var(--merge-sidebar-title-size);text-align:center;border-bottom:1px solid #e3e4e9;margin:0;padding-bottom:17px;line-height:1.2}.merge-arrange__notice{align-items:flex-start;gap:var(--merge-sidebar-desktop-notice-gap);padding:var(--merge-sidebar-desktop-notice-padding);color:var(--merge-color-notice);background:var(--merge-color-notice-background);border-radius:var(--merge-sidebar-desktop-notice-radius);grid-template-columns:auto minmax(0,1fr);margin-top:18px;display:grid}.merge-arrange__notice svg{flex:none}.merge-arrange__notice p{margin:0;font-size:13px;line-height:1.5}.merge-arrange__error{margin:14px 0 0}.merge-arrange__merge-button{width:100%;min-height:var(--merge-sidebar-button-height);color:#fff;cursor:pointer;background:var(--merge-color-primary);border:1px solid var(--merge-color-primary);border-radius:var(--merge-sidebar-desktop-button-radius);font-size:var(--merge-sidebar-button-size);margin-top:auto;padding:0 20px;font-weight:800;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 10px 22px #e5322d33}.merge-arrange__merge-button:hover:not(:disabled){background:var(--merge-color-primary-hover);border-color:var(--merge-color-primary-hover);transform:translateY(-1px);box-shadow:0 13px 27px #e5322d42}.merge-arrange__merge-button:disabled{color:#9698a1;cursor:not-allowed;box-shadow:none;background:#ececf0;border-color:#dedfe4}@media (min-width:621px) and (max-width:900px){:root{--merge-page-min-height:var(--merge-page-tablet-min-height);--merge-layout-sidebar-width:var(--merge-layout-tablet-sidebar-width);--merge-canvas-padding:var(--merge-canvas-tablet-padding);--merge-canvas-min-height:var(--merge-canvas-tablet-min-height);--merge-card-width:var(--merge-card-tablet-width);--merge-card-height:var(--merge-card-tablet-height);--merge-card-gap:var(--merge-card-tablet-gap);--merge-card-padding:var(--merge-card-tablet-padding);--merge-card-name-size:var(--merge-card-tablet-name-size);--merge-action-size:var(--merge-action-tablet-size);--merge-source-size:var(--merge-source-tablet-size);--merge-source-gap:var(--merge-source-tablet-gap);--merge-source-right:var(--merge-source-tablet-right);--merge-sidebar-padding:var(--merge-sidebar-tablet-padding);--merge-sidebar-title-size:var(--merge-sidebar-tablet-title-size);--merge-sidebar-button-height:var(--merge-sidebar-tablet-button-height);--merge-sidebar-button-size:var(--merge-sidebar-tablet-button-size)}}@media (max-width:620px){:root{--merge-page-min-height:var(--merge-page-mobile-min-height);--merge-canvas-padding:var(--merge-canvas-mobile-padding);--merge-card-width:var(--merge-card-mobile-width);--merge-card-height:var(--merge-card-mobile-height);--merge-card-gap:var(--merge-card-mobile-gap);--merge-card-padding:var(--merge-card-mobile-padding);--merge-card-name-size:var(--merge-card-mobile-name-size);--merge-action-size:var(--merge-action-mobile-size);--merge-source-size:var(--merge-source-mobile-size);--merge-source-gap:var(--merge-source-mobile-gap);--merge-sidebar-padding:var(--merge-sidebar-mobile-padding);--merge-sidebar-title-size:var(--merge-sidebar-mobile-title-size);--merge-sidebar-button-height:var(--merge-sidebar-mobile-button-height);--merge-sidebar-button-size:var(--merge-sidebar-mobile-button-size)}.merge-arrange-page{overflow:visible}.merge-arrange{min-height:var(--merge-page-min-height);flex-direction:column;display:flex}.merge-arrange__canvas{min-height:0}.merge-arrange__cards{justify-content:center}.merge-arrange__sources--desktop{display:none}.merge-arrange__sources--mobile{z-index:1;grid-template-columns:repeat(6, var(--merge-source-size));justify-content:center;align-items:center;gap:var(--merge-source-gap);border:1px solid var(--merge-color-border);background:#fff;border-radius:12px;width:100%;margin-top:10px;padding:10px 8px;display:grid;position:relative;top:auto;bottom:auto;right:auto;transform:none;box-shadow:0 7px 18px #191a2014}.merge-arrange__sources--mobile .merge-arrange__source{width:var(--merge-source-size);height:var(--merge-source-size);color:var(--merge-color-primary);box-shadow:none;background:#fff;border:1px solid #e5322d47}.merge-arrange__sources--mobile .merge-arrange__source:hover,.merge-arrange__sources--mobile .merge-arrange__source:active{color:#fff;background:var(--merge-color-primary);border-color:var(--merge-color-primary);transform:translateY(-1px)}.merge-arrange__sources--mobile .merge-arrange__source--primary{color:#fff;background:var(--merge-color-primary);border-color:var(--merge-color-primary)}.merge-arrange__sources--mobile .merge-arrange__source--sort{color:var(--merge-color-primary);background:#fff}.merge-arrange__sources--mobile .merge-arrange__count{top:-8px;left:8px;right:auto}.merge-arrange__sidebar{z-index:10;padding:var(--merge-sidebar-padding);border-top:1px solid var(--merge-layout-desktop-border-color);border-left:0;position:relative;bottom:auto;box-shadow:0 -9px 24px #191a2014}.merge-arrange__sidebar h1,.merge-arrange__notice{display:none}.merge-arrange__merge-button{min-height:var(--merge-sidebar-button-height);margin-top:0}}@media (prefers-reduced-motion:reduce){.merge-arrange-card,.merge-arrange-card__action,.merge-arrange__source,.merge-arrange__merge-button{transition:none}}