.ink-dialog{width:min(1220px,98vw);max-width:1220px;height:min(980px,96dvh);max-height:96dvh;padding:0;border:0;border-radius:17px;background:#f3f6f9;color:#172b40;box-shadow:0 28px 80px rgba(10,25,45,.38)}
.ink-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.ink-dialog::backdrop{background:rgba(12,27,44,.55)}
.ink-head{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:17px 23px;color:white;background:linear-gradient(115deg,#17365d,#0f6b78);flex:none}
.ink-head small{font-size:11px;letter-spacing:.08em;font-weight:700}.ink-head h2{margin:3px 0 2px;font-size:21px;color:white}.ink-head p{margin:0;color:#d4e6ee;font-size:13px}.ink-close{width:43px;height:43px;border:1px solid #ffffff80;border-radius:9px;color:white;background:#ffffff27;font-size:27px;cursor:pointer}
.ink-content{min-height:0;flex:1;overflow:auto;padding:20px 24px 26px;overscroll-behavior:contain}.ink-loading,.ink-empty{padding:30px;border:1px dashed #c9d6e2;border-radius:10px;text-align:center;color:#526174}
.ink-list-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.ink-list-intro p{max-width:690px;margin:0;color:#526174}.ink-list{display:grid;gap:9px}.ink-list-item{display:flex;align-items:center;gap:9px;padding:13px 15px;border:1px solid #d0dce8;border-radius:11px;background:#fff}.ink-list-item>div{display:grid;gap:4px;flex:1;min-width:0}.ink-list-item strong{overflow-wrap:anywhere}.ink-list-item small{color:#637487}.ink-list-item .btn{flex:none}
.ink-tools{display:grid;gap:12px;margin-bottom:16px;padding:14px 17px;border:1px solid #d4e0e9;border-radius:12px;background:#fff}.ink-tools>label{display:grid;gap:5px;font-size:12px;font-weight:700}.ink-tools input:not([type=color]):not([type=range]),.ink-tools select{min-height:39px;padding:7px 10px;border:1px solid #bed0de;border-radius:7px;background:#fff;color:#172b40}.ink-tool-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ink-tool-row button{min-height:39px;padding:6px 11px;border:1px solid #bcd0df;border-radius:7px;background:#f7fafc;color:#18334f;cursor:pointer}.ink-tool-row button.active{background:#0f6b78;color:white;border-color:#0f6b78}.ink-tool-row label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650}.ink-tool-row input[type=color]{width:35px;height:34px;border:0;padding:0;background:none}.ink-tool-row input[type=range]{width:90px}.ink-tool-row strong{font-size:13px;white-space:nowrap}
.ink-paper{width:100%;box-sizing:border-box;margin:0 auto;border:1px solid #cedae5;box-shadow:0 8px 22px #203e5c1c;background:white}.ink-canvas{display:block;width:100%;height:auto;aspect-ratio:1000/1414;touch-action:none;cursor:crosshair}.ink-text-label{display:grid;gap:6px;width:min(100%,760px);margin:16px auto 0;font-size:13px;font-weight:700}.ink-text{min-height:85px;padding:11px;border:1px solid #bdcddd;border-radius:9px;background:#fff;color:#172b40;resize:vertical;font:inherit}
.ink-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding:13px 20px;border-top:1px solid #d5e1e9;background:#fff;flex:none}.ink-status{flex:1;min-width:145px;color:#53677d;font-size:12px}.ink-status.error{color:#a21f2e;font-weight:700}
.ink-dialog button:disabled,.ink-dialog input:disabled,.ink-dialog textarea:disabled{opacity:.6;cursor:not-allowed}
.ink-view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ink-view-tab{min-height:42px;padding:8px 16px;border:1px solid #aabfce;border-radius:9px;background:#fff;color:#17365d;font:inherit;font-weight:700;cursor:pointer}.ink-view-tab[aria-selected="true"]{background:#0f6b78;border-color:#0f6b78;color:#fff;box-shadow:0 2px 7px #0f6b7833}.ink-view-tab:focus-visible{outline:3px solid #f3ad36;outline-offset:2px}.ink-drawing-tools[hidden],.ink-background-control[hidden],.ink-paper[hidden],.ink-rich-section[hidden]{display:none}
.dialog-head .ink-launch{font-size:21px;background:#ffffff2e;color:white;border:1px solid #ffffff77}
.dialog-head .ink-launch:hover{background:#ffffff55}
@media(max-width:700px){.ink-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.ink-content{padding:12px}.ink-list-intro,.ink-list-item{align-items:stretch;flex-direction:column}.ink-tool-row{gap:6px}.ink-tool-row button{padding:6px 8px}.ink-footer{padding:9px 12px}.ink-footer>.btn{flex:1 1 110px}}