.sketch-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#193346;background:#eef3f5;z-index:1001;overflow:hidden;font:14px/1.4 system-ui,-apple-system,sans-serif}
.sketch-dialog[open]{display:flex;flex-direction:column}.sketch-dialog::backdrop{background:#0b1928bb}
.sketch-dialog button,.sketch-dialog select,.sketch-dialog input{font:inherit;box-sizing:border-box}.sketch-dialog button{min-height:42px;padding:8px 12px;border:1px solid #c9d6dc;background:white;color:#193346;border-radius:7px;cursor:pointer;white-space:nowrap}.sketch-dialog button:disabled{opacity:.45;cursor:default}.sketch-dialog button[aria-pressed=true]{background:#176f7b;color:white;border-color:#176f7b}
.sketch-head{display:flex;gap:10px;align-items:center;padding:10px 14px;background:#102c40;color:white;padding-top:max(10px,env(safe-area-inset-top));flex-shrink:0}.sketch-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:70px}.sketch-head select{max-width:250px;padding:9px;border-radius:6px;background:#f7fafb;color:#193346;border:0}.sketch-head button{background:#1a4054;color:white;border-color:#517082}
.sketch-tools{display:flex;gap:6px;align-items:center;padding:8px 12px;overflow:auto;flex-shrink:0;border-bottom:1px solid #cfdbdf;background:#f8fafb;scrollbar-width:thin}.sketch-tools .sketch-divider{width:1px;height:25px;background:#c9d6dc;flex:0 0 1px;margin:0 3px}.sketch-tools label{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:12px;padding:0 6px}.sketch-tools input{width:17px;height:17px}
.sketch-viewport{position:relative;flex:1;min-height:100px;overflow:hidden}.sketch-canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.sketch-zoom{position:absolute;right:12px;bottom:12px;display:flex;gap:5px;background:#f8fafbee;padding:5px;border-radius:9px;box-shadow:0 2px 12px #18334418}.sketch-zoom button{min-width:43px;padding:6px 10px}.sketch-hint{position:absolute;top:12px;left:12px;max-width:calc(100% - 44px);padding:7px 10px;background:#ffffffeb;color:#506777;border-radius:6px;font-size:12px;pointer-events:none;box-shadow:0 1px 6px #1730400c}
.sketch-capture{position:absolute;left:12px;bottom:12px;display:flex;gap:5px;background:#f8fafbee;padding:5px;border-radius:9px;box-shadow:0 2px 12px #18334418}.sketch-capture:empty{display:none}.sketch-capture button{min-width:58px;padding:6px 10px}
.sketch-inspector{border-top:1px solid #c7d4da;background:white;padding:9px 14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-height:27vh;overflow:auto;flex-shrink:0}.sketch-inspector[hidden]{display:none}.sketch-inspector label{display:flex;align-items:center;gap:7px;font-size:12px}.sketch-inspector input[type=text]{width:190px;min-height:40px;padding:8px;border:1px solid #c2d1d8;border-radius:6px}.sketch-inspector select{min-height:40px;padding:6px;border:1px solid #c2d1d8;border-radius:6px;max-width:210px}.sketch-inspector small{color:#637887;font-size:11px}.sketch-inspector .sketch-danger{color:#a24238;margin-left:auto}.sketch-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px;padding-bottom:max(6px,env(safe-area-inset-bottom));color:#627885;background:#f3f7f8;font-size:11px;flex-shrink:0}.sketch-bottom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sketch-subdialog{border:1px solid #cbd8de;border-radius:12px;padding:20px;width:min(430px,calc(100vw - 36px));box-sizing:border-box;color:#193346;background:#f8fafb;font:14px/1.5 system-ui;max-height:85dvh;overflow:auto}.sketch-subdialog::backdrop{background:#0e243b88}.sketch-subdialog h3{margin:0 0 12px}.sketch-subdialog label{display:block;margin:10px 0;font-size:12px}.sketch-subdialog input,.sketch-subdialog select{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #c6d5dc;border-radius:6px;background:white;font:14px system-ui}.sketch-subdialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.sketch-subdialog button{min-height:42px;background:white;border:1px solid #bacdd4;border-radius:6px;padding:8px 14px;color:#193346;cursor:pointer}.sketch-subdialog p{font-size:12px;color:#5e7480}.sketch-primary{background:#176f7b!important;color:white!important;border-color:#176f7b!important}
@media(max-width:600px){.sketch-head{padding:8px;gap:6px}.sketch-head strong{font-size:12px;max-width:100px}.sketch-head select{width:122px;font-size:12px;min-height:40px}.sketch-head button{padding:6px 9px;font-size:12px}.sketch-tools{padding:6px;gap:4px}.sketch-tools button{font-size:12px;padding:6px 10px}.sketch-inspector{padding:7px 9px;gap:6px}.sketch-inspector input[type=text]{width:145px}.sketch-inspector select{max-width:150px;font-size:12px}.sketch-inspector button{font-size:12px;padding:6px 9px}.sketch-bottom{font-size:10px;padding-left:9px;padding-right:9px}.sketch-hint{font-size:11px;left:8px;top:8px}.sketch-zoom{right:8px;bottom:8px}}