#dp-open{font-weight:700;letter-spacing:1px;color:#4264c8;background:#eef2ff;border-color:#d4dffc;padding:9px 11px}.dp-dialog{border:1px solid #dce5f1;border-radius:20px;padding:0;width:min(760px,calc(100vw - 24px));max-height:90dvh;color:#24445c;box-shadow:0 20px 90px #1c3b6638;background:#fff}.dp-dialog::backdrop{background:#17344e60;backdrop-filter:blur(3px)}.dp-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5edf6}.dp-head strong{font-size:18px}.dp-head small{display:block;color:#879db0;font-size:11px;margin-top:4px}.dp-head button{padding:6px 11px}.dp-body{padding:18px 22px;overflow:auto;max-height:calc(90dvh - 88px)}.dp-tabs,.dp-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.dp-tabs{margin-bottom:16px}.dp-primary{background:#ebf2ff;color:#315ac4;border-color:#bfd1f8}.dp-actions{margin-top:14px}.dp-hint,.dp-meta{font-size:12px;color:#7b92a6;line-height:1.7}.dp-status{font-size:13px;color:#5779ae;min-height:22px;white-space:pre-wrap}.dp-preview{display:block;max-width:100%;max-height:300px;object-fit:contain;margin:15px auto;border:1px solid #e6ecf2;border-radius:8px;background:#fff}.dp-body label{display:block;font-size:12px;color:#6c849c;margin:12px 0 6px}.dp-body textarea{display:block;width:100%;min-height:72px;resize:vertical;border:1px solid #d7e2ef;border-radius:10px;padding:12px;font:inherit;color:#31536c}.dp-answer{white-space:pre-wrap;font-size:15px;line-height:1.95;overflow-wrap:anywhere;margin-top:20px;padding-top:18px;border-top:1px solid #e4edf5;color:#263c50}.dp-answer .katex{white-space:normal;font-size:1.12em}.dp-answer .katex-display{overflow-x:auto;overflow-y:hidden;padding:12px 3px;margin:6px 0}.dp-empty{padding:30px 16px;text-align:center;color:#92a4b5;background:#f6f9fd;border:1px dashed #dbe5ee;border-radius:14px;font-size:13px}.dp-record{display:flex;width:100%;align-items:center;gap:13px;text-align:left;margin:9px 0;padding:12px}.dp-record img{width:76px;height:60px;object-fit:contain;border:1px solid #e2eaf3;background:white;border-radius:6px}.dp-record span{flex:1;min-width:0}.dp-record strong,.dp-record small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-record strong{font-size:13px;font-weight:500}.dp-record small{font-size:11px;color:#8198ac;margin-top:6px}.dp-record em{font-size:11px;font-style:normal;color:#5576a7}.dp-crop{position:fixed;inset:0;z-index:1000;background:#e5ecf3;display:flex;flex-direction:column}.dp-crop-stage{position:relative;min-height:0;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:crosshair}.dp-crop-stage canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;background:white}.dp-crop-box{position:absolute;border:2px solid #3e86ee;background:#568eef12;box-shadow:0 0 0 9999px #10273f55;pointer-events:none}.dp-crop-bar{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px;background:white;border-top:1px solid #d8e4f0;font-size:13px;flex-shrink:0}.dp-crop-bar span{color:#6c859e}.dp-dialog select{padding:8px;border:1px solid #d8e4ef;border-radius:8px;color:#51728c}.dp-warning{color:#b27435}.dp-body button:disabled{opacity:.5}.dp-crop[hidden]{display:none}
@media(max-width:760px){.dp-head,.dp-body{padding:14px}.dp-crop-bar{gap:7px;padding:10px 8px}.dp-crop-bar span{font-size:11px;flex:1}.dp-dialog{max-height:94dvh}.dp-body{max-height:calc(94dvh - 78px)}.timing-panel{gap:8px}#dp-open{padding:8px}.dp-answer{font-size:14px}.dp-record img{width:55px}}
@media(max-width:410px){.timing-panel{gap:5px}.timing-panel .elapsed-block output{min-width:46px}.timing-panel .clock-block time,.timing-panel .elapsed-block output{font-size:14px}.timing-panel .timer-actions button,#dp-open{padding:7px 6px}.timing-panel #timer-history summary{padding:6px}}
.dp-dialog{overflow:hidden}.dp-dialog[open]{display:flex;flex-direction:column}.dp-head{flex-shrink:0}.dp-dialog .dp-body{min-height:0;max-height:none;flex:1}