/* Standalone drawing workspace. Loaded after the shared stylesheet. */
.drawing-page{background:#f8f1e4!important}
.drawing-page .drawing-workspace{display:grid!important;grid-template-rows:auto minmax(320px,1fr) auto!important;gap:12px!important;height:100%!important;min-height:0!important}
.drawing-page .draw-head{grid-row:1;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:54px;padding:0 5px!important}
.drawing-page .draw-main{grid-row:2;display:block!important;width:100%!important;height:100%!important;min-height:320px!important}
.drawing-page .canvas-stage{position:relative!important;display:block!important;width:100%!important;height:100%!important;min-height:320px!important;padding:0!important;border:3px solid #d9cdbc!important;border-radius:22px!important;background:#fff!important;box-shadow:inset 0 0 0 8px #fffaf2,0 9px 24px rgba(62,48,28,.12)!important;overflow:hidden!important}
.drawing-page .canvas-stage:before{content:""!important;position:absolute!important;inset:8px!important;border-radius:14px!important;background:#fffdf9 radial-gradient(#ded8ce 1.2px,transparent 1.2px) 0 0/24px 24px!important}
.drawing-page .canvas-stage canvas{position:absolute!important;z-index:2!important;inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;border-radius:14px!important;touch-action:none!important}
.drawing-page .draw-canvas-label{position:absolute;z-index:3;top:18px;left:20px;padding:7px 10px;border-radius:10px;background:rgba(255,250,240,.9);color:#766b5d;font-size:12px;font-weight:850;pointer-events:none}
.drawing-page .draw-controls{grid-row:3;position:static!important;display:grid!important;grid-template-columns:auto minmax(300px,1fr) auto!important;align-items:center!important;gap:16px!important;margin:0!important;padding:12px 14px!important;background:#fff!important;border:2px solid #e4d9c9!important;border-radius:20px!important}
.drawing-page .draw-main-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
.drawing-page .draw-colors{display:block!important;min-width:0!important}.drawing-page .draw-colors .palette{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important}
.drawing-page .draw-secondary{display:flex!important;position:static!important;align-items:center!important;gap:8px!important}
@media(max-width:900px){
 .drawing-page .drawing-workspace{grid-template-rows:auto minmax(260px,1fr) auto!important;gap:8px!important}
 .drawing-page .draw-main,.drawing-page .canvas-stage{min-height:260px!important}
 .drawing-page .draw-controls{grid-template-columns:1fr!important;gap:9px!important}.drawing-page .draw-colors{grid-row:1!important}.drawing-page .draw-main-tools{grid-row:2!important}.drawing-page .draw-secondary{grid-row:3!important;display:grid!important;grid-template-columns:1fr 1fr!important}.drawing-page .draw-secondary .draw-save{grid-column:1/-1!important}
}
@media(max-width:560px){
 .drawing-page .drawing-workspace{grid-template-rows:auto minmax(230px,1fr) auto!important}.drawing-page .draw-main,.drawing-page .canvas-stage{min-height:230px!important}
 .drawing-page .draw-head{min-height:46px}.drawing-page .draw-controls{padding:10px!important}.drawing-page .draw-canvas-label{top:15px;left:16px}
}