.drawing-canvas-container{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.02);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.drawing-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.drawing-toolbar{position:fixed;bottom:var(--space-lg);left:50%;transform:translateX(-50%);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-base);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-lg);z-index:10000;max-width:90vw;flex-wrap:wrap;justify-content:center}.drawing-toolbar__info{display:flex;flex-direction:column;gap:.25rem}.drawing-toolbar__label{font-size:16px;font-weight:600;color:var(--color-text)}.drawing-toolbar__hint{font-size:12px;color:var(--color-text-secondary);font-style:italic}.drawing-toolbar__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.drawing-toolbar__btn{padding:.6em 1.2em;border-radius:var(--radius-base);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:2px solid var(--color-border);background:#fff;color:var(--color-text);white-space:nowrap}.drawing-toolbar__btn--secondary:hover{background:var(--color-bg-alt)}.drawing-toolbar__btn--close{border-color:#f44;color:#f44}.drawing-toolbar__btn--close:hover{background:#f44;color:#fff}.drawing-toolbar__btn--primary{background:linear-gradient(135deg,#ffe45c,#59e2c0);border-color:transparent;color:#000;font-weight:700}.template-selector{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 8px 32px rgba(0,0,0,.15);z-index:10001;max-width:90vw;max-height:60vh;overflow-y:auto}.template-selector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-base);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border)}.template-selector__header h3{font-size:18px;font-weight:700;margin:0;color:var(--color-text)}.template-selector__close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition-base)}.template-selector__close:hover{background:var(--color-bg-alt);color:var(--color-text)}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--space-sm);gap:var(--space-sm)}.drawing-template-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-base);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;font-family:inherit}.drawing-template-card:hover{border-color:var(--color-accent)}.drawing-template-card.active{background:linear-gradient(135deg,#ffe45c,#59e2c0);border-color:transparent}.drawing-template-icon{font-size:32px;line-height:1}.drawing-template-name{font-size:13px;font-weight:600;text-align:center;color:var(--color-text)}@media (max-width:768px){.drawing-toolbar{bottom:var(--space-base);padding:var(--space-sm);gap:var(--space-sm)}.drawing-toolbar__info{width:100%;text-align:center}.drawing-toolbar__actions{width:100%;justify-content:center}.drawing-toolbar__btn{font-size:12px;padding:.5em 1em}.template-selector{bottom:100px;max-height:70vh}.template-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.drawing-template-card{padding:var(--space-sm)}.drawing-template-icon{font-size:24px}.drawing-template-name{font-size:11px}}