:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#f6f7f9}.paint-canvas{box-sizing:border-box;background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.paint-canvas--circle canvas,.paint-canvas--rectangle canvas,.paint-canvas--square canvas,.paint-canvas--line canvas,.paint-canvas--triangle canvas,.paint-canvas--ellipse canvas,.paint-canvas--roundedRectangle canvas,.paint-canvas--diamond canvas,.paint-canvas--arrow canvas,.paint-canvas--pencil canvas,.paint-canvas--brush canvas{cursor:crosshair}.paint-canvas--text canvas{cursor:text}.paint-canvas--fill canvas{cursor:cell}.paint-canvas--eyedropper canvas{cursor:copy}.paint-canvas--eraser canvas{cursor:not-allowed}.paint-canvas__hint{color:#9aa3b2;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-control{flex-direction:column;gap:.3rem;max-width:640px;display:flex}.voice-control__row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.voice-control__text-form{flex:1;align-items:center;gap:.4rem;min-width:220px;display:flex}.voice-control__text-input{color:#1f2430;border:1px solid #e2e5ea;border-radius:6px;flex:1;min-width:0;padding:.4rem .6rem;font-size:.82rem}.voice-control__text-input:disabled{opacity:.6;cursor:not-allowed;background:#f6f7f9}.voice-control__text-form button{color:#1f2430;cursor:pointer;background:#f6f7f9;border:1px solid #e2e5ea;border-radius:6px;padding:.4rem .7rem;font-size:.82rem;font-weight:500}.voice-control__text-form button:disabled{opacity:.4;cursor:not-allowed}.voice-control__button{color:#fff;cursor:pointer;white-space:nowrap;background:#1f2430;border:1px solid #e2e5ea;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;font-weight:500;transition:background-color .15s}.voice-control__button:hover{background:#2b3242}.voice-control__button--listening{background:#d64545}.voice-control__button--listening:hover{background:#c23c3c}.voice-control__button--error{background:#1f2430}.voice-control__status{color:#5a6272;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex;overflow:hidden}.voice-control__spinner{border:2px solid #d8dbe2;border-top-color:#5a6272;border-radius:50%;flex-shrink:0;width:.8rem;height:.8rem;animation:.7s linear infinite voice-control-spin}@keyframes voice-control-spin{to{transform:rotate(360deg)}}.voice-control__error{color:#c23c3c;margin:0;font-size:.76rem}.voice-control__transcript{color:#5a6272;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;font-style:italic;overflow:hidden}.voice-control__debug{color:#8890a0;font-size:.72rem}.voice-control__debug summary{cursor:pointer;-webkit-user-select:none;user-select:none}.voice-control__debug ul{flex-direction:column;gap:.2rem;max-height:140px;margin:.3rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.voice-control__debug li{background:#f3f5f8;border-radius:4px;flex-direction:column;padding:.25rem .4rem;font-family:SFMono-Regular,ui-monospace,Menlo,monospace;display:flex}.voice-control__debug li strong{color:#3a4050}.voice-control__debug li span{color:#8890a0;word-break:break-all}.toolbar{background:#f6f7f9;border-bottom:1px solid #e2e5ea;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .9rem;display:flex}.toolbar__group{align-items:center;gap:.3rem;display:flex}.toolbar__expand-toggle{display:none}.toolbar__divider{background:#e2e5ea;align-self:stretch;width:1px;margin:.15rem 0}.toolbar button{color:#1f2430;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:.4rem .6rem;font-size:.82rem;font-weight:500;transition:background-color .12s,border-color .12s}.toolbar button:hover:not(:disabled){background:#fff;border-color:#e2e5ea}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar__icon-btn{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.05rem;display:inline-flex}.toolbar__icon-btn.is-active{color:#2f6fed;background:#e6f0ff;border-color:#a9c8ff}.toolbar__group--colors{gap:.55rem}.toolbar__palette{grid-template-columns:repeat(6,18px);grid-auto-rows:18px;gap:3px;display:grid}.toolbar__swatch{border:1px solid #0000001f;border-radius:4px;width:18px;height:18px;padding:0}.toolbar__swatch:hover{transform:scale(1.12)}.toolbar__active-colors{align-items:center;gap:.4rem;display:flex}.toolbar__color-stack{background:0 0;border:none;width:30px;height:30px;padding:0;position:relative}.toolbar__color-primary,.toolbar__color-secondary{border:1px solid #0000002e;border-radius:5px;width:20px;height:20px;position:absolute}.toolbar__color-primary{z-index:1;top:0;left:0}.toolbar__color-secondary{bottom:0;right:0}.toolbar__color-input{cursor:pointer;background:0 0;border:1px solid #e2e5ea;border-radius:6px;width:26px;height:26px;padding:0}.toolbar__select{color:#1f2430;background:#fff;border:1px solid #e2e5ea;border-radius:6px;padding:.35rem .4rem;font-size:.8rem}.toolbar__opacity{color:#6b7280;align-items:center;gap:.3rem;font-size:.9rem;display:flex}.toolbar__opacity input[type=range]{accent-color:#2f6fed;width:70px}.toolbar__zoom-level{text-align:center;color:#4b5563;min-width:3.2rem;font-size:.78rem;font-weight:600}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:30;background:#1f2430;border-radius:5px;padding:.3rem .55rem;font-size:.68rem;font-weight:500;line-height:1.3;transition:opacity 80ms,transform 80ms;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(-2px)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (width<=900px){.toolbar{justify-content:center;gap:.4rem;padding:.4rem 2.4rem .4rem .6rem;position:relative}.toolbar:not(.toolbar--expanded) .toolbar__group:not(.toolbar__group--primary),.toolbar:not(.toolbar--expanded) .toolbar__divider{display:none}.toolbar__expand-toggle{color:#1f2430;cursor:pointer;background:#fff;border:1px solid #e2e5ea;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.7rem;display:inline-flex;position:absolute;top:.4rem;right:.6rem}.toolbar__expand-toggle:hover{background:#eceff2}.toolbar__group{flex-wrap:wrap;justify-content:center}.toolbar button:not(.toolbar__icon-btn){padding:.35rem .45rem;font-size:.76rem}.toolbar__icon-btn{width:30px;height:30px}}.status-bar{color:#5a6272;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.status-bar__dot{background:#33c481;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #33c48126}.status-bar__divider{color:#d3d8e0}.status-bar__engine{letter-spacing:.04em;color:#2f6fed;background:#e6f0ff;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:700}.action-history{flex-direction:column;gap:.5rem;min-height:0;display:flex}.action-history__title{letter-spacing:.04em;text-transform:uppercase;color:#8890a0;margin:0;font-size:.75rem;font-weight:600}.action-history__empty{color:#9aa3b2;margin:0;font-size:.82rem}.action-history__list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.action-history__list li{color:#3a4050;background:#f3f5f8;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .55rem;font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:.78rem;display:flex}.action-history__source{letter-spacing:.03em;border-radius:4px;flex-shrink:0;padding:.1rem .35rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.62rem;font-weight:700}.action-history__source--manual{color:#5a6272;background:#e2e5ea}.action-history__source--ai_voice{color:#2f6fed;background:#e6f0ff}.help-panel__trigger{color:#1f2430;cursor:pointer;background:#f6f7f9;border:1px solid #e2e5ea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;font-weight:700;line-height:1;display:inline-flex}.help-panel__trigger:hover{background:#eceff2}.help-panel__overlay{z-index:1000;background:#0f121966;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.help-panel__modal{color:#1f2430;background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:85vh;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;box-shadow:0 12px 40px #0f121940}.help-panel__header{background:#fff;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-top:.25rem;display:flex;position:sticky;top:-1.25rem}.help-panel__header h2{margin:0;font-size:1.1rem}.help-panel__close{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:.15rem .4rem;font-size:1.4rem;line-height:1}.help-panel__close:hover{color:#1f2430}.help-panel__section{border-top:1px solid #e2e5ea;margin-top:1rem;padding-top:1rem}.help-panel__section:first-of-type{border-top:none;margin-top:.5rem;padding-top:0}.help-panel__section h3{margin:0 0 .35rem;font-size:.9rem}.help-panel__hint{color:#6b7280;margin:0 0 .5rem;font-size:.78rem}.help-panel__chips{flex-wrap:wrap;gap:.4rem;display:flex}.help-panel__chip{background:#f6f7f9;border:1px solid #e2e5ea;border-radius:999px;padding:.2rem .65rem;font-size:.78rem}.help-panel__composites{flex-direction:column;gap:.4rem;display:flex}.help-panel__composite{align-items:baseline;gap:.5rem;font-size:.8rem;display:flex}.help-panel__composite-name{text-transform:capitalize;min-width:4.5rem;font-weight:600}.help-panel__composite-parts{color:#6b7280}.help-panel__commands{flex-direction:column;gap:.45rem;display:flex}.help-panel__command{flex-direction:column;gap:.1rem;font-size:.8rem;display:flex}.help-panel__command-title{font-weight:600}.help-panel__command-examples{color:#6b7280;font-size:.76rem}.app{color:#1f2430;background:#f6f7f9;flex-direction:column;width:100%;height:100dvh;display:flex;overflow-x:hidden}.app__header{background:#fff;border-bottom:1px solid #e2e5ea;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.app__title{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.app__header-right{align-items:center;gap:.75rem;display:flex}.app__main{flex:1;min-height:0;display:flex}.app__canvas-area{flex:1;min-width:0;height:100%;padding:1rem}.app__canvas-area .paint-canvas{border:1px solid #e2e5ea;border-radius:12px;height:100%}.app__sidebar{border-left:1px solid #e2e5ea;flex-shrink:0;width:220px;margin-left:0;padding:1rem 1rem 1rem 0}.app__footer{background:#fff;border-top:1px solid #e2e5ea;flex-wrap:wrap;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}@media (width<=720px){.app__main{flex-direction:column}.app__sidebar{border-top:1px solid #e2e5ea;border-left:none;width:auto;max-height:160px;padding:1rem}.app__footer{flex-direction:column;align-items:stretch}}