.art-import{display:grid;gap:14px;min-width:0;color:var(--text-primary);font-size:var(--type-control)}.art-import h2{margin:0;font-size:var(--type-title-sm,20px)}.dm-modal--create:has(.art-import){width:min(700px,calc(100vw - 32px));max-width:700px}.art-import-source-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.art-import p{margin:0;line-height:1.55}.art-import-hint{color:var(--text-secondary)}.art-import-drop{display:grid;gap:8px;padding:22px 16px;min-height:100px;width:100%;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-canvas);color:var(--text-primary);font:inherit;cursor:pointer;overflow-wrap:anywhere}.art-import-drop span{color:var(--text-secondary)}.art-import summary{cursor:pointer;min-height:44px;display:list-item;align-content:center}.art-import textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:120px;margin-top:8px;padding:12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-canvas);font:14px/1.5 var(--font-mono,monospace)}.art-import button:focus-visible,.art-import summary:focus-visible,.art-import textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.art-import button{min-height:44px}.art-import-notice,.art-import-report{padding:14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-raised)}.art-import-notice p,.art-import-report p{margin-top:8px}.art-import-error{color:var(--danger)}.art-import-report ul{padding-left:20px;margin:10px 0;overflow-wrap:anywhere}.art-import-preview{border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:clip}.art-import-preview-tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border-strong)}.art-import-preview-tools strong{margin-right:auto}.art-import-preview-placeholder{padding:24px 16px;display:grid;gap:16px;justify-items:start;background:var(--bg-canvas)}.art-import-frame{width:100%;height:360px;margin-inline:auto;background:var(--bg-canvas)}.art-import-frame--phone{max-width:390px}.art-import-frame iframe{width:100%;height:100%;border:0;display:block}.art-import-preview>.art-import-hint{padding:10px 12px}.art-import .btn[aria-pressed=true]{background:var(--accent-subtle);color:var(--text-primary)}@media (max-width:639px){.dm-modal--create:has(.art-import){width:100%;max-width:100%}.art-import-frame{height:320px}.art-import-drop{padding:16px 12px}}.mobile-comment-sheet{max-height:min(80dvh,calc(var(--app-vh, 100dvh) - 8px))}.mobile-comment-sheet .asheet__body{display:flex;flex-direction:column;overflow:hidden}.mcs-title{flex:0 0 auto;margin:0;padding:0 32px 12px 4px;font-size:var(--type-body);line-height:1.4;color:var(--text-primary)}.mcs-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}.mcs-content .icp-quote{margin:0 4px 12px}.mcs-content .cr-thread-quote{max-height:64px;overflow:auto;overscroll-behavior:contain;padding:8px 10px;color:var(--text-primary);background:var(--accent-subtle);border-radius:var(--radius-sm);overflow-wrap:anywhere}.mcs-content .icp-scroll{max-height:none;overflow:visible}.mcs-footer{flex:0 0 auto;min-width:0}.mcs-footer .cr-reply-input{width:100%;padding:8px 4px 4px;border-top:0}.mcs-footer .cr-reply-input .cr-input-backdrop,.mcs-footer .cr-reply-input textarea{font-size:var(--text-md)}.mcs-footer .cr-reply-input textarea{min-height:64px}.mcs-footer .cr-reply-send{min-width:44px;min-height:44px;padding:10px}.mcs-footer .cr-reply-send:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mcs-cancel{display:flex;justify-content:flex-end;padding:4px}.mcs-cancel button{min-width:44px;min-height:44px}