.quick-merge-page{min-height:100vh;padding:20px 14px;background:linear-gradient(180deg,#f8fbff,#eef3ff);display:flex;justify-content:center;align-items:center}.quick-merge-card{width:min(100%,860px);background:#fff;border-radius:18px;padding:24px 18px;box-shadow:0 10px 28px #0c1f431a;border:1px solid #e8edf8}.quick-merge-card h1{margin:0;color:#152748;font-size:1.55rem}.subtitle{margin:8px 0 18px;color:#4c5c7f;line-height:1.4}.file-picker{width:100%;display:block;box-sizing:border-box;text-align:center;background:#e7efff;color:#1b3d7a;font-weight:600;border-radius:12px;padding:12px;margin-bottom:10px;cursor:pointer}#quick-merge-input{width:100%;margin-bottom:12px}.file-count{margin:12px 0 14px;color:#263754;font-weight:500}.scale-row{display:grid;grid-template-columns:86px 1fr 54px;align-items:center;gap:10px;margin-bottom:14px}.scale-row label{color:#31496e;font-weight:700;font-size:.9rem}.scale-row input[type=range]{width:100%}.scale-row span{text-align:right;color:#1f355a;font-weight:700}.date-row{display:flex;gap:10px;margin-bottom:14px}.date-row input{flex:1;border:1px solid #d2dcec;border-radius:10px;padding:10px;font-size:.95rem}.compose-preview{position:relative;width:min(100%,560px);margin:0 auto;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;border:1px solid #ccd8ed;background:linear-gradient(45deg,#1f2937 25%,transparent 25%),linear-gradient(-45deg,#1f2937 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1f2937 75%),linear-gradient(-45deg,transparent 75%,#1f2937 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;container-type:inline-size}.compose-layer{position:absolute;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.compose-layer.selected{outline:2px solid #22c55e;outline-offset:1px}.compose-layer:active{cursor:grabbing}.text-layer{font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.empty-tip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#e5e7eb;font-weight:600;text-align:center;margin:0}.actions{display:flex;gap:10px}.layer-order-actions{margin-bottom:12px}.merge-button{flex:1;border:none;border-radius:12px;padding:14px 12px;background:#0c7b58;color:#fff;font-size:1rem;font-weight:700;cursor:pointer}.merge-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{border:1px solid #c5d4ed;border-radius:12px;padding:11px 12px;background:#f6f9ff;color:#25457f;font-weight:700;cursor:pointer}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.error-text{margin-top:12px;color:#b3261e;font-weight:600}.hint{margin:14px 0 0;font-size:.92rem;color:#5a6b8e;line-height:1.4}.legacy-link{display:inline-block;margin-top:12px;color:#205cc6;text-decoration:none;font-weight:600}@media (max-width: 420px){.quick-merge-card{padding:20px 14px}.quick-merge-card h1{font-size:1.35rem}.actions,.date-row{flex-direction:column}}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}html,body,#root{height:100%}.app{min-height:100vh;padding:20px;max-width:1200px;margin:0 auto}.btn-primary,.btn-secondary,.btn-danger,.btn-back{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-back{background-color:transparent;color:#007bff;padding:0;font-size:16px}.btn-back:hover{color:#0056b3}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b32635}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.page-header h1{font-size:28px;color:#333;flex:1}.loading,.error{text-align:center;padding:20px;border-radius:4px}.loading{color:#666}.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state p{font-size:18px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:20px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:16px}}