.works-dialog{width:100%;max-width:min(540px,calc(100% - 32px));max-height:min(90vh,calc(100% - 32px));max-height:min(90dvh,calc(100% - 32px));margin:auto;padding:var(--sp-6);overflow-y:auto;background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);animation:ui-pop-in var(--dur-base) var(--ease-out)}.works-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-theme=light] .works-dialog::backdrop{background:#14142859}.artwork-detail{max-width:min(880px,calc(100% - 32px))}.works-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5)}.works-dialog-title{margin:0;min-width:0;font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere}.works-dialog-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.works-dialog-close:hover{background:var(--bg-hover);color:var(--text-main)}.works-dialog-close:disabled{opacity:.4;cursor:not-allowed}.works-dialog .lp-btn{height:42px;padding:0 var(--sp-5);font-size:var(--fs-base)}.works-tag{display:inline-block;padding:2px var(--sp-3);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-muted);font-size:var(--fs-xs);font-weight:500;white-space:nowrap}.artwork-save-form{display:flex;flex-direction:column;gap:var(--sp-4)}.save-file-picker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:clamp(24px,5vw,40px) clamp(16px,3vw,24px);border:1px dashed var(--border-strong);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:border-color var(--dur-base),background var(--dur-base)}.save-file-picker:hover,.save-file-picker.drag-over{border-color:var(--primary)}.save-file-picker.drag-over{background:rgb(var(--primary-rgb) / .06)}.save-file-picker:focus-within{outline:2px solid var(--primary);outline-offset:2px}.save-file-picker input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}.save-file-icon{font-size:36px;color:var(--primary)}.save-file-text{font-size:var(--fs-base);color:var(--text-main);word-break:keep-all;overflow-wrap:anywhere}.save-file-sub{font-size:var(--fs-sm);color:var(--text-faint)}.save-preview{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.save-preview img,.artwork-detail-image{--checker-a: var(--bg-card);--checker-b: color-mix(in srgb, var(--text-main) 6%, var(--bg-card));background-color:var(--checker-a);background-image:linear-gradient(45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-b) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.save-preview img{max-width:100%;max-height:240px;object-fit:contain;image-rendering:pixelated;border:1px solid var(--border);border-radius:var(--radius-md)}.save-preview-change{display:flex;align-items:center;gap:var(--sp-1);height:32px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast)}.save-preview-change:hover:not(:disabled){color:var(--text-main);border-color:var(--border-strong)}.save-preview-change .material-symbols-outlined{font-size:var(--fs-md)}.save-field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;font-size:var(--fs-sm);color:var(--text-muted)}.save-field input,.save-field select,.save-field textarea{width:100%;min-width:0;min-height:40px;padding:var(--sp-2) var(--sp-3);background:var(--bg-card);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--fs-base);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.save-field input:focus,.save-field select:focus,.save-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.save-field textarea{resize:vertical;min-height:64px}.save-field select{cursor:pointer}.save-field-row{display:flex;align-items:flex-end;gap:var(--sp-4)}.save-field-row .save-field{flex:1}.save-file-info{padding-bottom:var(--sp-3);font-size:var(--fs-sm);color:var(--text-faint);white-space:nowrap}.works-form-error{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;min-width:0;color:var(--danger);font-size:var(--fs-sm);word-break:keep-all;overflow-wrap:anywhere}.works-form-error .material-symbols-outlined{flex-shrink:0;font-size:var(--fs-lg)}.works-inline-error{display:block;margin-top:var(--sp-2);color:var(--danger);font-size:var(--fs-xs);word-break:keep-all;overflow-wrap:anywhere}.works-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-1)}.save-success{display:flex;flex-direction:column;align-items:center;padding:var(--sp-5) var(--sp-2) var(--sp-2);text-align:center}.save-success-icon{margin-bottom:var(--sp-3);font-size:48px;color:var(--secondary)}.save-success h3{margin:0 0 var(--sp-2);font-size:var(--fs-xl);font-weight:700}.save-success p{margin:0 0 var(--sp-6);font-size:var(--fs-base);line-height:1.7;color:var(--text-muted);word-break:keep-all;overflow-wrap:anywhere}.artwork-detail-image{display:flex;align-items:center;justify-content:center;min-height:240px;height:min(52dvh,520px);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md)}.artwork-detail-image img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.artwork-detail-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-6);padding:var(--sp-5) 0 var(--sp-4)}.artwork-detail-desc{display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--sp-2);min-width:0}.artwork-detail-desc p{flex:1 1 100%;margin:var(--sp-2) 0 0;font-size:var(--fs-base);line-height:1.7;color:var(--text-muted);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.artwork-detail-meta{display:grid;grid-template-columns:auto auto;gap:var(--sp-2) var(--sp-5);align-content:start;margin:0;font-size:var(--fs-sm)}.artwork-detail-meta div{display:contents}.artwork-detail-meta dt{color:var(--text-faint)}.artwork-detail-meta dd{margin:0;color:var(--text-main);white-space:nowrap}.artwork-detail-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-4)}.artwork-detail-footer .works-form-error{flex:1 1 100%}.artwork-delete-btn{margin-right:auto}.works-dialog .artwork-delete-btn:not(:disabled){color:var(--danger)}.works-dialog .artwork-delete-btn:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.sprite-cloud-save{width:100%;margin-bottom:var(--sp-2)}@media(pointer:coarse){.works-dialog-close{width:40px;height:40px}.save-preview-change{height:40px}}@media(max-width:599px){.works-dialog{padding:var(--sp-5);max-width:calc(100% - 20px);max-height:calc(100% - 20px)}.save-file-picker{padding:var(--sp-8) var(--sp-4)}.save-field-row{flex-direction:column;align-items:stretch}.save-file-info{padding-bottom:0}.works-dialog-actions .lp-btn{flex:1}.artwork-detail-body{grid-template-columns:1fr}.artwork-detail-image{height:auto;max-height:50dvh}}