.media-library .media-draw { min-height:44px; padding:9px 14px; border:2px solid #b29bca; border-radius:7px; color:#69468c; background:#f5edff; font-family:inherit; font-size:16px; font-weight:700; line-height:1.3; }
.media-library .media-draw:disabled { opacity:.55; }
.drawing-pad-dialog { width:min(980px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); overflow:auto; padding:22px; border:1px solid #c7bba6; border-radius:10px; color:#244766; background:#fffdf6 url('/assets/textures/paper-grain.png'); box-shadow:0 18px 60px #18354c55; font:16px/1.4 Pretendard,Arial,sans-serif; }
.drawing-pad-dialog::backdrop { background:#19374b80; }
.drawing-pad-dialog button,.drawing-pad-dialog select,.drawing-pad-dialog input { font:inherit; }
.drawing-pad-dialog button { min-height:44px; padding:8px 13px; border:1px solid #aab8c2; border-radius:7px; color:#244766; background:#fff; font-weight:700; cursor:pointer; }
.drawing-pad-dialog button[aria-pressed=true] { border-color:#3974ae; background:#e9f3ff; color:#1b5689; box-shadow:inset 0 0 0 1px #3974ae; }
.drawing-pad-dialog button:disabled,.drawing-pad-dialog button[aria-disabled=true] { opacity:.45; cursor:default; }
.drawing-pad-dialog :focus-visible { outline:3px solid #155fa8; outline-offset:3px; }
.drawing-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.drawing-heading p { margin:0; font-size:12px; font-weight:800; letter-spacing:.08em; color:#726b5d; }
.drawing-heading h2 { margin:3px 0 0; font-size:28px; line-height:1.2; }
.drawing-heading>button { min-width:44px; padding:3px; font-size:25px; }
.drawing-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:18px; }
.drawing-tools,.drawing-history { display:flex; flex-wrap:wrap; gap:6px; }
.drawing-options { display:flex; flex-wrap:wrap; align-items:end; gap:12px 18px; margin:13px 0; }
.drawing-colors { display:flex; flex-wrap:wrap; gap:4px; margin-right:auto; }
.drawing-pad-dialog .drawing-colors button { min-width:44px; width:44px; padding:7px; border-color:transparent; background:transparent; }
.drawing-colors button span { display:block; width:26px; height:26px; border-radius:50%; background:var(--paint-color); box-shadow:inset 0 0 0 1px #0002; }
.drawing-pad-dialog .drawing-colors button[aria-pressed=true] { border-color:#3974ae; background:#e9f3ff; }
.drawing-select { display:grid; gap:4px; font-size:14px; font-weight:700; }
.drawing-select select { height:44px; padding:8px 28px 8px 10px; border:1px solid #aab8c2; border-radius:6px; color:#244766; background:#fff; }
.drawing-stamps { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:12px; }
.drawing-stamps>span:first-child { margin-right:5px; font-weight:700; }
.drawing-stamp-hint { margin-left:6px; color:#647581; font-size:14px; }
.drawing-surface { position:relative; width:min(100%,800px); margin:0 auto; border:1px solid #b9b5a8; border-radius:4px; box-shadow:0 3px 0 #d9d1bd; background-color:#fff; background-image:linear-gradient(45deg,#e5e8e8 25%,transparent 25%),linear-gradient(-45deg,#e5e8e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e8e8 75%),linear-gradient(-45deg,transparent 75%,#e5e8e8 75%); background-size:20px 20px; background-position:0 0,0 10px,10px -10px,-10px 0; }
.drawing-surface canvas { display:block; width:100%; height:auto; aspect-ratio:8 / 5; touch-action:none; cursor:crosshair; border-radius:4px; }
.drawing-cursor { display:none; position:absolute; width:18px; height:18px; border:2px solid #172d43; outline:2px solid white; border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; }
.drawing-cursor::after { content:'+'; position:absolute; inset:-5px; display:grid; place-items:center; font:700 18px/1 Arial,sans-serif; color:#172d43; }
.drawing-surface canvas:focus-visible+.drawing-cursor,.drawing-surface canvas.keyboard-drawing:focus+.drawing-cursor { display:block; }
.drawing-help { margin:11px 0 6px; color:#627281; font-size:13px; }
.drawing-status { min-height:1.4em; margin:0 0 14px; font-weight:600; }
.drawing-footer { display:flex; flex-wrap:wrap; gap:14px; align-items:end; justify-content:space-between; }
.drawing-footer>label { display:grid; gap:5px; font-weight:700; font-size:14px; }
.drawing-footer input { width:230px; max-width:100%; height:44px; padding:9px 12px; border:1px solid #aab8c2; border-radius:6px; color:#244766; background:#fff; }
.drawing-actions { display:flex; flex-wrap:wrap; gap:10px; }
.drawing-pad-dialog .primary { color:white; background:#217b53; border-color:#155b3d; box-shadow:0 2px 0 #155b3d; }
.drawing-pad-dialog [hidden] { display:none!important; }
@media(max-width:600px){.drawing-pad-dialog{padding:16px}.drawing-heading h2{font-size:25px}.drawing-toolbar{gap:8px}.drawing-history{width:100%}.drawing-options{gap:10px}.drawing-colors{width:100%}.drawing-stamp-hint{width:100%;margin-left:0}.drawing-footer>label,.drawing-footer input,.drawing-actions{width:100%}.drawing-actions button{flex:1}.drawing-status{font-size:14px}.drawing-help{font-size:12px}}