.drawing-host{--bg:#1b191a;--surface:#232122;--surface-2:#2a2829;--ivory:#f3f0e7;--ivory-soft:#f3f0e79e;--line:#f3f0e724;--line-strong:#f3f0e752;--accent:#cf6b4e;--ease:cubic-bezier(.22, 1, .36, 1);background:var(--bg);color:var(--ivory);flex-direction:column;display:flex;position:relative;overflow:hidden}.drawing-stage{flex:1;min-height:0;position:relative;overflow:hidden}.drawing-host:fullscreen{justify-content:center;align-items:center}.draw-canvas{z-index:3;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:absolute;inset:0}.drawing-stage.is-drawing .draw-canvas{pointer-events:auto;cursor:crosshair}.draw-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.draw-fullscreen-toggle{z-index:8;border:1px solid var(--line-strong);width:36px;height:36px;color:var(--ivory);cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);background:#0f0e0eb3;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.draw-fullscreen-toggle:hover{background:var(--surface-2);border-color:var(--accent);color:var(--ivory)}.draw-fullscreen-toggle .mdi{width:20px;height:20px;display:block}.draw-fullscreen-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawing-host .btn{border:1.5px solid var(--ivory);cursor:pointer;color:var(--ivory);transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease);background:0 0;border-radius:0;justify-content:center;align-items:center;padding:13px 26px;font-size:.9rem;font-weight:600;display:inline-flex}.drawing-host .btn:hover{transform:translateY(-2px)}.drawing-host .btn--sm{padding:9px 18px;font-size:.82rem}.drawing-host .btn--solid{background:var(--ivory);color:var(--bg)}.drawing-host .btn--solid:hover{background:#e5e1d4}.drawing-host .btn--line:hover{background:var(--ivory);color:var(--bg)}.draw-toolbar{z-index:6;background:var(--bg);border-top:1px solid var(--line);pointer-events:auto;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative}.draw-toolbar .draw-tool{background:var(--bg);border-color:var(--bg);color:var(--ivory);padding:0}.draw-toolbar .draw-tool:hover{background:var(--surface-2);border-color:var(--bg);color:var(--ivory)}.draw-toolbar .draw-tool.is-active{background:var(--ivory);border-color:var(--ivory);color:var(--bg)}.draw-tool .mdi{flex-shrink:0;width:18px;height:18px;display:block}.draw-tool{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.draw-tool--color{position:relative;overflow:hidden}.draw-toolbar .draw-tool--color{background:var(--swatch,var(--ivory));border-color:var(--surface-2)}.draw-toolbar .draw-tool--color:hover{background:var(--swatch,var(--ivory));border-color:var(--surface-2);filter:brightness(1.12)}.draw-tool--color input[type=color]{opacity:0;cursor:pointer;pointer-events:none;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.draw-color-picker{z-index:60;background:var(--surface);-webkit-user-select:none;user-select:none;border:1px solid #fff;border-radius:8px;flex-direction:column;gap:10px;width:260px;max-height:calc(100vh - 16px);padding:12px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.draw-color-picker[hidden]{display:none}.draw-color-picker__body{align-items:stretch;gap:10px;display:flex}.draw-color-picker__square-wrap,.draw-color-picker__hue-wrap{touch-action:none;border-radius:4px;position:relative;overflow:hidden}.draw-color-picker__square-wrap{flex:1;min-width:0}.draw-color-picker__square,.draw-color-picker__hue{cursor:crosshair;width:100%;height:100%;display:block}.draw-color-picker__square{min-height:150px}.draw-color-picker__hue-wrap{flex-shrink:0;width:20px}.draw-color-picker__cursor{pointer-events:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #0009}.draw-color-picker__cursor--square{border-radius:50%;width:14px;height:14px;top:0;left:0;transform:translate(-50%,-50%)}.draw-color-picker__cursor--hue{border-radius:4px;width:calc(100% + 6px);height:8px;top:0;left:-3px;transform:translateY(-50%)}.draw-color-picker__preview{border:1px solid var(--line-strong);border-radius:4px;height:26px}.draw-color-picker__swatches{grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:6px;display:grid}.draw-color-picker__swatch{aspect-ratio:1;border:1px solid var(--line-strong);cursor:pointer;border-radius:4px;min-width:28px;max-width:100%;min-height:28px;padding:0;position:relative}.draw-color-picker__swatch:hover{border-color:#fff}.draw-color-picker__remove{color:#fff;opacity:0;width:15px;height:15px;transition:opacity .15s var(--ease);background:#0f0e0eeb;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.draw-color-picker__swatch:hover .draw-color-picker__remove,.draw-color-picker__swatch:focus-visible .draw-color-picker__remove{opacity:1}.draw-color-picker__empty{text-align:center;color:var(--ivory-soft);opacity:.7;grid-column:1/-1;margin:2px 0;font-size:.72rem}@media (hover:none){.draw-color-picker__remove{opacity:1}}.draw-settings,.draw-diagnostics{z-index:7;border:1px solid var(--line-strong);backdrop-filter:blur(8px);background:#0f0e0ee0;flex-direction:column;gap:10px;width:220px;max-height:calc(100% - 28px);padding:16px;display:flex;position:absolute;overflow-y:auto}.draw-settings[hidden],.draw-diagnostics[hidden]{display:none}.draw-settings__row{color:var(--ivory-soft);justify-content:space-between;align-items:center;gap:10px;margin:0;font-size:.78rem;font-weight:600;display:flex}.draw-settings__row span{flex-shrink:0}.draw-settings__row--slider{flex-wrap:wrap;row-gap:2px}.draw-settings__row--slider>span:first-child{flex-basis:100%}.draw-settings__row input[type=range]{cursor:pointer;min-width:0;accent-color:var(--accent);flex:1}.draw-settings__row--select select{min-width:0;color:var(--ivory);background:var(--surface-2);border:1px solid var(--line-strong);cursor:pointer;flex:1;padding:6px 8px;font-size:.78rem;font-weight:600}.draw-settings__row--select select:focus{border-color:var(--accent);outline:none}.draw-settings__row--check input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.draw-settings__row--color input[type=color]{border:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;border-radius:4px;width:36px;height:24px;padding:0}.draw-settings__row--color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.draw-settings__row--color input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.draw-settings__val{text-align:right;font-variant-numeric:tabular-nums;min-width:2.4em;color:var(--ivory-soft);opacity:.7;flex-shrink:0;font-size:.72rem}.draw-settings__section{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:8px;padding-top:8px;display:flex}.draw-settings__section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ivory-soft);opacity:.6;margin-bottom:4px;font-size:.68rem;font-weight:700;display:block}.draw-settings__row.is-disabled,.draw-settings__section.is-disabled{opacity:.4;pointer-events:none}select[hidden]{display:none!important}.draw-texture-picker{min-width:0;font:inherit;color:var(--ivory);background:var(--surface-2);border:1px solid var(--line-strong);cursor:pointer;flex:1;align-items:center;gap:8px;padding:3px 8px;font-size:.78rem;font-weight:600;display:flex}.draw-texture-picker:hover{border-color:var(--accent)}.draw-texture-picker:focus-visible{border-color:var(--accent);outline:none}.draw-texture-picker__thumb{border:1px solid var(--line);background:repeating-conic-gradient(#2a2829 0 25%, #1b191a 0 50%) 0 0 / 8px 8px;flex-shrink:0;width:26px;height:20px;display:block}.draw-settings__row .draw-texture-picker__label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:auto;min-width:0;overflow:hidden}.draw-texture-picker__chevron{color:var(--ivory-soft);width:14px;height:14px;display:block}.draw-texture-gallery{z-index:30;backdrop-filter:blur(3px);background:#0a09099e;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.draw-texture-gallery--fixed{position:fixed}.draw-texture-gallery__panel{background:var(--surface);border:1px solid var(--line-strong);flex-direction:column;width:min(560px,100%);max-height:100%;display:flex;box-shadow:0 24px 60px #00000073}.draw-texture-gallery__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.draw-texture-gallery__title{text-transform:uppercase;letter-spacing:.06em;color:var(--ivory-soft);font-size:.8rem;font-weight:700}.draw-texture-gallery__close{color:var(--ivory-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.draw-texture-gallery__close .mdi{width:16px;height:16px;display:block}.draw-texture-gallery__close:hover{color:var(--ivory)}.draw-texture-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:16px;display:grid;overflow-y:auto}.draw-texture-gallery__item{color:var(--ivory-soft);font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:6px;font-size:.68rem;font-weight:600;display:flex}.draw-texture-gallery__item:hover{border-color:var(--line-strong)}.draw-texture-gallery__item.is-selected{border-color:var(--accent);color:var(--ivory)}.draw-texture-gallery__swatch{border:1px solid var(--line);background:repeating-conic-gradient(#2a2829 0 25%, #1b191a 0 50%) 0 0 / 10px 10px;width:100%;display:block}.draw-texture-gallery__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.draw-texture-gallery__empty{text-align:center;color:var(--ivory-soft);padding:24px 16px;font-size:.8rem}.draw-preset-chip{z-index:8;border:1px solid var(--accent);color:var(--ivory);-webkit-user-select:none;user-select:none;background:#0f0e0eeb;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.76rem;font-weight:600;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.draw-preset-chip[hidden]{display:none}.draw-preset-chip__icon{color:var(--accent);width:15px;height:15px;display:block}.draw-preset-chip__btn{background:var(--accent);color:var(--bg);font:inherit;cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:700}.draw-preset-chip__btn--ghost{border:1px solid var(--line-strong);color:var(--ivory-soft);background:0 0}.draw-preset-chip__btn:hover{filter:brightness(1.1)}.draw-brush-library{z-index:40;backdrop-filter:blur(3px);background:#0a0909a8;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.draw-brush-library--fixed{position:fixed}.draw-brush-library__panel{background:var(--surface);border:1px solid var(--line-strong);flex-direction:column;width:min(720px,100%);max-height:100%;display:flex;box-shadow:0 24px 60px #00000073}.draw-brush-library__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.draw-brush-library__title{text-transform:uppercase;letter-spacing:.06em;color:var(--ivory-soft);font-size:.8rem;font-weight:700}.draw-brush-library__close{color:var(--ivory-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.draw-brush-library__close .mdi{width:16px;height:16px;display:block}.draw-brush-library__close:hover{color:var(--ivory)}.draw-brush-library__signedout{text-align:center;color:var(--ivory);padding:40px 24px;font-size:.86rem}.draw-brush-library__hint{color:var(--ivory-soft);margin:8px 0 0;font-size:.74rem}.draw-brush-library__layout{grid-template-columns:190px 1fr;min-height:320px;display:grid}.draw-brush-library__cats{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:12px;display:flex;overflow-y:auto}.draw-brush-library__cat{width:100%;color:var(--ivory-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:.76rem;font-weight:600;display:flex}.draw-brush-library__cat:hover,.draw-brush-library__cat.is-active{background:var(--surface-2);color:var(--ivory)}.draw-brush-library__catname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.draw-brush-library__catcount{color:var(--ivory-soft);opacity:.7;flex-shrink:0;font-size:.66rem}.draw-brush-library__newcat{border:1px dashed var(--line-strong);color:var(--ivory-soft);font:inherit;cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;font-size:.74rem;font-weight:600;display:flex}.draw-brush-library__newcat:hover{border-color:var(--accent);color:var(--ivory)}.draw-brush-library__newcat .mdi,.draw-brush-library__newpreset .mdi{flex-shrink:0;width:14px;height:14px;display:block}.draw-brush-library__grid{flex-direction:column;min-width:0;display:flex;overflow:hidden}.draw-brush-library__gridhead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.draw-brush-library__gridtitle{color:var(--ivory);font-size:.78rem;font-weight:700}.draw-brush-library__gridhead-actions{align-items:center;gap:8px;display:flex}.draw-brush-library__headact{border:1px solid var(--line-strong);color:var(--ivory-soft);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:6px 10px;font-size:.7rem;font-weight:600}.draw-brush-library__headact:hover{border-color:var(--accent);color:var(--ivory)}.draw-brush-library__headact--danger:hover{border-color:var(--accent);color:var(--accent)}.draw-brush-library__newpreset{background:var(--accent);color:var(--bg);font:inherit;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:700;display:flex}.draw-brush-library__newpreset:hover{filter:brightness(1.1)}.draw-brush-library__items{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:16px;display:grid;overflow-y:auto}.draw-brush-library__card{background:var(--surface-2);cursor:pointer;border:2px solid #0000;border-radius:6px;flex-direction:column;align-items:stretch;gap:6px;padding:8px;display:flex;position:relative}.draw-brush-library__card:hover{border-color:var(--line-strong)}.draw-brush-library__card.is-active{border-color:var(--accent)}.draw-brush-library__card.is-dragging{opacity:.45}.draw-brush-library__cat.is-droptarget{background:var(--accent);color:var(--bg)}.draw-brush-library__cat.is-droptarget .draw-brush-library__catcount{color:var(--bg)}.draw-brush-library__swatch{border:1px solid var(--line);border-radius:3px;width:100%;height:auto;display:block}.draw-brush-library__name{text-overflow:ellipsis;white-space:nowrap;color:var(--ivory);font-size:.7rem;font-weight:600;overflow:hidden}.draw-brush-library__more{width:24px;height:24px;color:var(--ivory);cursor:pointer;opacity:0;background:#0f0e0eb3;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.draw-brush-library__more .mdi{width:16px;height:16px;display:block}.draw-brush-library__card:hover .draw-brush-library__more{opacity:1}.draw-brush-library__menu{z-index:5;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;flex-direction:column;min-width:120px;padding:4px;display:flex;position:absolute;top:40px;right:8px;box-shadow:0 12px 32px #00000080}.draw-brush-library__menu[hidden]{display:none}.draw-brush-library__menu button{color:var(--ivory-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:.74rem}.draw-brush-library__menu button:hover{background:var(--surface-2);color:var(--ivory)}.draw-brush-library__empty{text-align:center;color:var(--ivory-soft);padding:32px 16px;font-size:.78rem}.draw-brush-library__prompt{z-index:50;background:#0a090999;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.draw-brush-library__promptpanel{background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;flex-direction:column;gap:12px;width:min(320px,100% - 32px);padding:16px;display:flex;box-shadow:0 24px 60px #00000080}.draw-brush-library__prompttitle{color:var(--ivory);font-size:.82rem;font-weight:700}.draw-brush-library__promptinput{width:100%;font:inherit;color:var(--ivory);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:4px;padding:8px 10px;font-size:.8rem}.draw-brush-library__promptinput:focus{border-color:var(--accent);outline:none}.draw-brush-library__promptbtns{justify-content:flex-end;gap:8px;display:flex}.draw-brush-library__promptmenu{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.draw-brush-library__promptmenu button{color:var(--ivory-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:7px 10px;font-size:.78rem}.draw-brush-library__promptmenu button:hover{background:var(--surface-2);color:var(--ivory)}.draw-brush-library__promptbtn{background:var(--accent);color:var(--bg);font:inherit;cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:.72rem;font-weight:700}.draw-brush-library__promptbtn--ghost{border:1px solid var(--line-strong);color:var(--ivory-soft);background:0 0}.draw-brush-library__promptbtn:hover{filter:brightness(1.1)}.draw-diagnostics{gap:12px;width:300px;top:0;right:0}.draw-diagnostics__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.draw-diagnostics__title{letter-spacing:.08em;text-transform:uppercase;color:var(--ivory-soft);font-size:.72rem;font-weight:700}.draw-diagnostics__group{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border-top:1px solid var(--line-strong);margin-top:2px;padding-top:10px;font-size:.66rem;font-weight:700}.draw-diagnostics__group:first-of-type{border-top:none;padding-top:0}.draw-diagnostics__action{border:1px solid var(--line-strong);color:var(--ivory-soft);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:.72rem;font-weight:600}.draw-diagnostics__action:hover{border-color:var(--accent);color:var(--ivory)}.draw-diagnostics__hint{color:var(--ivory-soft);margin:0;font-size:.72rem;line-height:1.45}