.drawing-box-card{background:#fff7ed;border-color:#fed7aa;color:#172033;container-type:size;overflow:visible!important}
.drawing-box-card.is-minimized .drawing-box-widget,.drawing-box-card.is-minimized .js-widget-resize-handle,.drawing-box-card.is-minimized .js-widget-drag-handle{display:none!important}
.drawing-box-card.is-minimized .js-minimized-label{color:#7c2d12!important}
.drawing-box-card .js-widget-ctrl{z-index:50}
.drawing-box-card .js-widget-drag-handle{position:absolute;border:0;background:transparent;opacity:0;margin:0;padding:0;z-index:40;cursor:grab;touch-action:none;user-select:none}
.drawing-box-card .drawing-box-drag-edge-top{top:0;left:0;right:0;height:28px;border-radius:1.8rem 1.8rem 0 0}
.drawing-box-card .drawing-box-drag-edge-left{top:28px;bottom:28px;left:0;width:22px}
.drawing-box-card .drawing-box-drag-edge-right{top:28px;bottom:48px;right:0;width:22px}
.drawing-box-card .drawing-box-drag-edge-bottom{left:0;right:48px;bottom:0;height:22px;border-radius:0 0 0 1.8rem}
.drawing-box-card .js-widget-resize-handle{display:block;opacity:1;width:48px;height:48px;right:0;bottom:0;z-index:48;background:transparent;touch-action:none}
.drawing-box-card .js-widget-resize-handle::after{width:16px;height:16px;right:7px;bottom:7px;border-right:4px solid #f97316;border-bottom:4px solid #f97316}
.drawing-box-widget{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;font-family:system-ui,-apple-system,sans-serif}
.drawing-box-widget *{box-sizing:border-box}
.drawing-box-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.drawing-box-header h2{margin:0;font-size:clamp(18px,3cqw,28px);font-weight:900;color:#9a3412}
.drawing-box-header p{margin:2px 0 0;font-size:12px;font-weight:700;color:#64748b}
.drawing-box-gear{width:40px;height:40px;border:0;border-radius:999px;background:#ffedd5;color:#9a3412;font-size:21px;font-weight:900;cursor:pointer;touch-action:manipulation}
.drawing-box-settings{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:9px;border:1px solid #fed7aa;border-radius:16px;background:#fff;flex:none}
.drawing-box-widget.settings-closed .drawing-box-settings{display:none}
.drawing-box-widget.settings-closed{gap:0}
.drawing-box-widget.settings-closed .drawing-box-header{position:absolute;top:8px;right:8px;z-index:5}
.drawing-box-widget.settings-closed .drawing-box-header>div{display:none}
.drawing-box-widget.settings-closed .drawing-box-gear{background:rgba(255,237,213,.94);box-shadow:0 4px 14px rgba(15,23,42,.16)}
.drawing-box-paper-options,.drawing-box-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.drawing-box-settings button,.drawing-box-tools label{min-height:38px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#7c2d12;padding:7px 12px;font-size:12px;font-weight:900;cursor:pointer;touch-action:manipulation}
.drawing-box-settings button.is-active{background:#f97316;color:#fff;border-color:#f97316}
.drawing-box-paper-options button{display:grid;place-items:center;width:58px;height:46px;min-height:46px;padding:5px;border-radius:12px;background:#fff}
.drawing-box-paper-preview{display:block;width:42px;height:32px;border:1px solid #cbd5e1;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px rgba(15,23,42,.1)}
.drawing-box-paper-options button.is-active .drawing-box-paper-preview{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.72)}
.drawing-box-paper-preview.preview-grid{background-image:linear-gradient(#94a3b8 1px,transparent 1px),linear-gradient(90deg,#94a3b8 1px,transparent 1px);background-size:8px 8px}
.drawing-box-paper-preview.preview-large-grid{background-image:linear-gradient(#64748b 1px,transparent 1px),linear-gradient(90deg,#64748b 1px,transparent 1px);background-size:16px 16px}
.drawing-box-paper-preview.preview-lined-upper{background-image:linear-gradient(to right,transparent 0,transparent 8px,#ef4444 8px,#ef4444 10px,transparent 10px),repeating-linear-gradient(to bottom,transparent 0,transparent 7px,#94a3b8 8px,#94a3b8 9px)}
.drawing-box-paper-preview.preview-lined-lower{background-image:linear-gradient(to right,transparent 0,transparent 8px,#ef4444 8px,#ef4444 10px,transparent 10px),repeating-linear-gradient(to bottom,transparent 0,transparent 5px,#60a5fa 6px,#60a5fa 7px,transparent 7px,transparent 11px,#94a3b8 12px,#94a3b8 13px,transparent 13px,transparent 17px,#60a5fa 18px,#60a5fa 19px)}
.drawing-box-tools label{display:inline-flex;align-items:center;gap:7px}
.drawing-box-color{width:28px;height:25px;border:0;padding:0;background:none}
.drawing-box-size{width:92px}
.drawing-box-paper{position:relative;flex:1;min-height:180px;overflow:hidden;border:2px solid #fdba74;border-radius:18px;background-color:#fff;box-shadow:inset 0 1px 8px rgba(15,23,42,.06)}
.drawing-box-paper[data-paper-style=grid]{background-image:linear-gradient(#cbd5e1 1px,transparent 1px),linear-gradient(90deg,#cbd5e1 1px,transparent 1px);background-size:28px 28px}
.drawing-box-paper[data-paper-style=large_grid]{background-image:linear-gradient(#cbd5e1 1px,transparent 1px),linear-gradient(90deg,#cbd5e1 1px,transparent 1px);background-size:56px 56px}
.drawing-box-paper[data-paper-style=lined_upper]{background-image:linear-gradient(to right,transparent 0,transparent 54px,#ef4444 54px,#ef4444 56px,transparent 56px),repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#94a3b8 38px,#94a3b8 39px)}
.drawing-box-paper[data-paper-style=lined_lower]{background-image:linear-gradient(to right,transparent 0,transparent 58px,#ef4444 58px,#ef4444 60px,transparent 60px),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#60a5fa 32px,#60a5fa 34px,transparent 34px,transparent 49px,#94a3b8 50px,#94a3b8 51px,transparent 51px,transparent 66px,#60a5fa 67px,#60a5fa 69px)}
.drawing-box-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
body.is-compact .drawing-box-header p{display:none}
body.is-compact .drawing-box-widget{gap:6px}
body.is-compact .drawing-box-settings{padding:6px}
@media(max-width:650px){.drawing-box-settings{max-height:145px;overflow:auto}.drawing-box-settings button,.drawing-box-tools label{min-height:42px}}