.drawing-view{box-sizing:border-box;height:100%;min-height:0;color:var(--text-1);background:var(--surface-deep);font:var(--t-ui);flex-direction:column;padding-block-start:64px;display:flex}.drawing-view[dir=rtl]{letter-spacing:0;font-family:IBM Plex Sans Arabic,sans-serif;font-size:15.5px;line-height:1.7}.drawing-view .res-head{flex-wrap:wrap;flex-shrink:0;gap:12px;padding:14px 20px}.drawing-view .res-title{font-size:24px}.drawing-options{border-block:1px solid var(--hairline-strong);background:var(--surface-deep);flex-wrap:wrap;align-items:center;gap:12px;min-height:52px;padding:7px 14px;display:flex}.drawing-active-tool{min-width:60px;font-weight:600}.drawing-options .drawing-field{align-items:center;gap:8px;width:auto;min-width:175px;margin:0;display:flex}.drawing-options .drawing-field input{width:85px;min-width:0}.drawing-options .drawing-field output{font:12px var(--font-mono)}.drawing-view input[type=color]{border:1px solid var(--hairline-strong);cursor:pointer;background:0 0;border-radius:5px;width:32px;height:30px;padding:2px}.drawing-view input[type=range]{accent-color:var(--accent)}.drawing-workspace{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.drawing-tools{border-inline-end:1px solid var(--hairline-strong);scrollbar-width:none;flex-direction:column;flex-shrink:0;gap:3px;width:66px;padding:8px 5px;display:flex;overflow-y:auto}.drawing-tools::-webkit-scrollbar{display:none}.drawing-tools button{min-height:50px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex}.drawing-tools button>span{font:24px/1.1 var(--font-ui)}.drawing-tools button small{font-size:10px;line-height:1.6}.drawing-view button[aria-pressed=true],.drawing-layer.selected{background:var(--accent-soft);color:var(--text-1)}.drawing-tools button:hover,.drawing-inspector button:hover{background-color:var(--fill-3)}.drawing-view :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawing-stage{touch-action:none;isolation:isolate;cursor:crosshair;background-color:#777;background-image:repeating-conic-gradient(#777 0% 25%,#858585 0% 50%);background-size:20px 20px;flex:1;min-width:0;position:relative;overflow:hidden}.drawing-stage.tool-select{cursor:default}.drawing-stage.tool-brush,.drawing-stage.tool-eraser,.drawing-stage.tool-highlighter,.drawing-stage.tool-laser{cursor:none}.drawing-pixels,.drawing-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.drawing-overlay{z-index:2}.drawing-decorations{pointer-events:none;z-index:3;direction:ltr;position:absolute;inset:0}.drawing-frame-edge{outline:1px solid #494949;position:absolute}.drawing-frame-edge.selected{outline:1px solid #333}.drawing-frame-edge>span{color:#fff;white-space:nowrap;background:#373737;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;inset-block-end:calc(100% + 8px)}.drawing-selection{border:1.5px solid #007aff;outline:1px solid #fff;position:absolute}.drawing-transform-handles{pointer-events:none;z-index:4;direction:ltr;position:absolute;inset:0}.drawing-transform-grip{pointer-events:auto;touch-action:none;cursor:move;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.drawing-transform-grip>span{background:#fff;border:1.5px solid #007aff;width:9px;height:9px;box-shadow:0 0 0 1px #fff}.drawing-transform-grip.is-rotation{cursor:grab}.drawing-transform-grip.is-rotation>span{border-radius:50%}.drawing-transform-grip:focus-visible{outline-offset:-3px;border-radius:4px;outline:2px solid #007aff}.drawing-brush-cursor{border:1px solid #fff;border-radius:50%;outline:1px solid #333;position:absolute;transform:translate(-50%,-50%)}.drawing-panel{flex-shrink:0;min-width:min(240px,100% - 100px);max-width:calc(100% - 100px);position:relative}.drawing-panel-resize{inset-inline-start:-5px;z-index:6;cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0}.drawing-panel-resize:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.drawing-inspector{box-sizing:border-box;border-inline-start:1px solid var(--hairline-strong);background:var(--surface-deep);width:100%;min-width:0;height:100%;padding:12px;overflow:auto}.drawing-tabs{border-block-end:1px solid var(--hairline-strong);flex-wrap:wrap;margin-block-end:14px;display:flex}.drawing-tabs button{border-radius:5px 5px 0 0;flex:1;padding:9px 4px}.drawing-layer{border-radius:6px;align-items:center;margin-block:5px;padding:5px;display:flex}.drawing-layer>button:first-child{text-align:start;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:7px 4px;overflow:hidden}.drawing-field{color:var(--text-2);grid-template-columns:1fr;gap:5px;margin-block:14px;display:grid}.drawing-field>:is(input:not([type=range]):not([type=color]),select,textarea){width:100%;min-height:32px;color:var(--text-1);background:var(--surface-2);border:1px solid var(--hairline-strong);font:inherit;border-radius:6px;padding:5px 8px}.drawing-field textarea{resize:vertical}.drawing-field output{font:12px var(--font-mono);text-align:end;color:var(--text-2)}.drawing-selection-modes{flex-wrap:wrap;gap:2px;display:flex}.drawing-selection-modes>button{flex:1;padding-inline:5px}.drawing-selection-help{color:var(--text-2);margin-block:8px;font-size:12.5px;line-height:1.7}.drawing-view[dir=rtl] .drawing-selection-help{font-size:14px}.drawing-pixel-selection-controls [role=alert]{color:var(--red)}.drawing-check{color:var(--text-2);align-items:center;gap:8px;margin-block:15px;display:flex}.drawing-frame-row{border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;margin-block:5px;padding:9px;display:flex}.drawing-frame-row small{font:11px/1.7 var(--font-mono);color:var(--text-2)}.drawing-footer{border-block-start:1px solid var(--hairline-strong);min-height:32px;color:var(--text-2);flex-shrink:0;align-items:center;gap:18px;padding:4px 14px;font-size:11px;display:flex}.drawing-footer button{font-family:var(--font-mono);padding:3px 7px}.drawing-footer span:last-child{margin-inline-start:auto}.drawing-error{color:var(--red);background:var(--red-soft);align-items:center;gap:12px;padding:10px 14px;display:flex}.drawing-error span{flex:1}.drawing-text-input{background:var(--surface-2);border:1px solid var(--hairline-strong);width:100%;min-height:150px;color:var(--text-1);border-radius:8px;padding:12px;font:18px/1.8 IBM Plex Sans Arabic,sans-serif}.drawing-section-name{margin-block-start:20px;font-weight:600}.drawing-region-outline{position:absolute;inset:0}.drawing-effect,.drawing-version{border-block-end:1px solid var(--hairline-strong);padding-block:10px}.drawing-version{flex-direction:column;gap:6px;display:flex}.drawing-version small{color:var(--text-2)}.drawing-export-options{flex-wrap:wrap;gap:16px;margin-block-end:16px;display:flex}.drawing-export-options label{font:var(--t-small);align-items:center;gap:8px;display:flex}.drawing-export-options :is(select,input[type=number]){border:1px solid var(--hairline-strong);background:var(--surface-2);color:var(--text-1);border-radius:6px;padding:7px}.drawing-export-options input[type=number]{width:70px}.drawing-export-preview{background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0/16px 16px;place-items:center;min-height:180px;max-height:45vh;display:grid;overflow:auto}.drawing-export-preview img{object-fit:contain;max-width:100%;max-height:45vh}.drawing-export-size{font:12px var(--font-mono);color:var(--text-2);margin-block-start:10px}.drawing-export-error{color:var(--red)}.drawing-brush-picker,.drawing-colors{align-items:center;display:flex;position:relative}.drawing-brush-trigger,.drawing-palette-trigger{border:1px solid var(--hairline-strong);color:var(--text-1);background:var(--surface-2);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:32px;padding:7px 9px;display:flex}.drawing-brush-menu,.drawing-color-menu{z-index:30;background:var(--surface-raised);color:var(--text-1);border:1px solid var(--hairline-strong);border-radius:12px;padding:6px;position:absolute;inset-block-start:calc(100% + 7px);inset-inline-start:0;box-shadow:0 6px 18px #0000002e}.drawing-brush-menu{width:290px;max-height:min(540px,65vh);overflow-y:auto}.drawing-brush-menu>button{text-align:start;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px;display:flex}.drawing-brush-menu>button[aria-selected=true]{background:var(--fill-3);box-shadow:inset -3px 0 var(--accent)}.drawing-brush-menu>button:hover{background:var(--fill-2)}.drawing-stroke-preview{width:120px;height:34px;color:var(--text-1);flex-shrink:0}.drawing-palette-trigger{background:0 0;border:0;padding:5px}.drawing-color-menu{width:250px;padding:12px}.drawing-color-swatches{grid-template-columns:repeat(6,1fr);gap:7px;margin-block:8px;display:grid}.drawing-color-swatches button{border:1px solid var(--hairline-strong);border-radius:5px;width:30px;height:30px}.drawing-color-swatches button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.drawing-color-menu label{justify-content:space-between;align-items:center;gap:8px;margin-block:9px;display:flex}.drawing-color-menu input:not([type=color]){width:110px;min-width:0;color:var(--text-1);background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:5px;padding:5px}.drawing-rgb{gap:5px;display:flex}.drawing-rgb label{flex-direction:column;flex:1;min-width:0}.drawing-color-menu .drawing-rgb input{width:100%}.drawing-swap-colors{background:var(--fill-2);border-radius:6px;width:100%;padding:7px}.drawing-experiment{border-block-end:1px solid var(--hairline-strong);flex-direction:column;gap:8px;padding-block:16px;display:flex}.drawing-experiment small{color:var(--text-2)}.drawing-experiment select,.drawing-compare-controls select,.drawing-difference select{border:1px solid var(--hairline-strong);background:var(--surface-2);color:var(--text-1);border-radius:6px;padding:6px}.drawing-compare-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-block-end:12px;display:flex}.drawing-compare{grid-template-columns:1fr 1fr;gap:12px;height:min(46vh,440px);display:grid}.drawing-compare-side{flex-direction:column;min-width:0;display:flex;overflow:hidden}.drawing-compare-side>strong{font:var(--t-small);background:var(--surface-2);flex-shrink:0;padding:5px 8px}.drawing-compare-canvas{touch-action:none;cursor:grab;direction:ltr;background:#888;flex:1;min-height:0;position:relative;overflow:hidden}.drawing-compare-canvas>canvas{width:100%;height:100%;position:absolute;inset:0}.drawing-compare-mark{pointer-events:none;border:2px solid #eb9925;position:absolute}.drawing-compare.is-wipe{display:block;position:relative}.drawing-compare.is-wipe .drawing-compare-side{position:absolute;inset:0}.drawing-wipe-slider{width:100%;margin-block:12px}.drawing-differences{max-height:26vh;padding-block-start:10px;overflow:auto}.drawing-difference{border-block-end:1px solid var(--hairline-strong);grid-template-columns:1fr auto;gap:6px 12px;padding:9px;display:grid}.drawing-difference>label{align-items:center;gap:8px;display:flex}.drawing-difference small{color:var(--text-2);overflow-wrap:anywhere;grid-column:1}.drawing-difference select{grid-area:1/2/span 2;max-width:260px}.drawing-difference.has-conflict{border-inline-start:3px solid var(--yellow)}@media (width<=750px){.drawing-difference{grid-template-columns:1fr}.drawing-difference select{grid-area:auto/1;max-width:100%}}.drawing-step{border-block-end:1px solid var(--hairline-strong);padding-block:14px}.drawing-library-search{gap:5px;margin-block:12px;display:grid}.drawing-library :is(input:not([type=checkbox]),select){border:1px solid var(--hairline-strong);background:var(--surface-2);min-width:0;color:var(--text-1);border-radius:6px;padding:7px}.drawing-library-filters{grid-template-columns:1fr 1fr;gap:6px;margin-block-end:12px;display:grid}.drawing-library-row{border-block-end:1px solid var(--hairline-strong);text-align:start;flex-direction:column;align-items:stretch;gap:5px;width:100%;padding:12px 4px;display:flex}.drawing-library-row:hover{background:var(--surface-2)}.drawing-library-row :is(span,small){color:var(--text-2);overflow-wrap:anywhere}.drawing-library-linked{border-block:1px solid var(--hairline-strong);padding-block:10px}.drawing-library-preview{direction:ltr;background:#888;height:240px;position:relative;overflow:hidden}.drawing-library-preview canvas{width:100%;height:100%;position:absolute;inset:0}.drawing-embed{border:1px solid var(--hairline-strong);border-radius:8px;margin-block:16px;padding:12px}.drawing-embed.is-selected{outline:2px solid var(--accent)}.drawing-embed .drawing-step-actions{align-items:center}.drawing-embed small{color:var(--text-2)}.drawing-references .drawing-step>.btn{justify-content:flex-start;width:100%;margin-block:5px;display:flex}.drawing-step>label.drawing-check{align-items:center;gap:8px;display:flex}.drawing-step>label.drawing-check input{width:auto}.drawing-step>label{color:var(--text-2);gap:5px;margin-block:10px;display:grid}.drawing-step :is(input,textarea,select),.drawing-presentation select{background:var(--surface-2);width:100%;color:var(--text-1);border:1px solid var(--hairline-strong);border-radius:6px;padding:7px}.drawing-step-actions{flex-wrap:wrap;gap:6px;margin-block:12px;display:flex}.drawing-live-toolbar,.drawing-live-peer{align-items:center;gap:6px;display:flex}.drawing-live-toolbar{border-block-end:1px solid var(--hairline-strong);flex-wrap:wrap;padding:6px 12px}.drawing-gesture-state{color:var(--text-2);background:var(--surface-deep);border-block-end:1px solid var(--hairline-strong);padding:5px 12px}.drawing-reservations{color:var(--text-2);flex-wrap:wrap;gap:8px;padding:5px 12px;display:flex}.drawing-reservations>span{align-items:center;gap:4px;font-size:12px;display:inline-flex}.drawing-view[dir=rtl] .drawing-reservations>span{font-size:14px}.drawing-live-toolbar>span[role=status]{color:var(--text-2);font-size:12px}.drawing-live-peer .btn{text-overflow:ellipsis;max-width:160px;overflow:hidden}.drawing-peer-cursor{white-space:nowrap;align-items:flex-start;gap:2px;display:flex;position:absolute;transform:translate(-3px,-3px)}.drawing-peer-cursor b{font-size:22px;line-height:1}.drawing-peer-cursor small{background:var(--surface-raised);border:1px solid;border-radius:4px;margin-block-start:18px;padding:2px 5px;font-size:12px}.drawing-comment-pins{pointer-events:none;position:absolute;inset:0}.drawing-comment-pins>button{pointer-events:auto;border:1px solid var(--hairline-strong);background:var(--surface-raised);width:32px;height:32px;color:var(--text-1);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.drawing-comments>p{color:var(--text-2)}.drawing-comment-thread{border-block-end:1px solid var(--hairline-strong);padding-block:16px}.drawing-comment-thread.is-active{border-inline-start:2px solid var(--accent);padding-inline-start:8px}.drawing-view[dir=rtl] :is(.drawing-peer-cursor small,.drawing-comment-body time,.drawing-live-toolbar>span[role=status]){font-size:14px}.drawing-comment-thread header{flex-wrap:wrap;gap:5px;display:flex}.drawing-comment-body{overflow-wrap:anywhere;padding-block:8px}.drawing-comment-body time{color:var(--text-2);font-size:12px;display:block}.drawing-comment-body p{white-space:pre-wrap}.drawing-comments :is(textarea,select){background:var(--surface-2);width:100%;color:var(--text-1);border:1px solid var(--hairline-strong);border-radius:6px;margin-block:6px;padding:7px}.drawing-comments textarea{resize:vertical;min-height:80px}.drawing-comment-draft{padding-block:12px}.drawing-version-restore{color:var(--text-1)}.drawing-version-restore[dir=rtl]{letter-spacing:0;font-family:IBM Plex Sans Arabic,sans-serif;font-size:15.5px;line-height:1.7}.drawing-version-restore>label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.drawing-version-restore select{max-width:100%;color:var(--text-1);background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:6px;padding:6px}.drawing-version-comparison{flex-wrap:wrap;gap:16px;margin-block:16px;display:flex}.drawing-version-comparison section{overflow-wrap:anywhere;flex:260px;min-width:0}.drawing-version-comparison h3{margin-block:8px;font-size:16px}.drawing-version-comparison .drawing-library-preview{height:240px}.drawing-rejected-comments[dir=rtl]{letter-spacing:0;font-family:IBM Plex Sans Arabic,sans-serif;font-size:15.5px;line-height:1.7}.drawing-rejected-comments select{width:100%;color:var(--text-1);background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:6px;padding:7px;display:block}.drawing-rejected-comments article{border-block-end:1px solid var(--hairline-strong);padding-block:12px}.drawing-rejected-comments p{overflow-wrap:anywhere;white-space:pre-wrap}.drawing-rejected-comments time{color:var(--text-2)}.drawing-export-policy[dir=rtl]{letter-spacing:0;font-family:IBM Plex Sans Arabic,sans-serif;font-size:15.5px;line-height:1.7}.drawing-export-policy label{border-block-end:1px solid var(--hairline-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:10px;display:flex}.drawing-export-policy select{max-width:100%;min-height:32px;color:var(--text-1);background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:6px;padding:7px}.drawing-presentation{z-index:3500;color:#f5f5f7;background:#171719;flex-direction:column;padding:20px;display:flex;position:fixed;inset:0}.drawing-presentation header,.drawing-presentation footer{flex-shrink:0;align-items:center;gap:20px;padding:8px;display:flex}.drawing-presentation header h2{flex:1}.drawing-presentation footer select{flex:1;width:auto}.drawing-presentation>p{flex-shrink:0;min-height:30px;padding:10px;line-height:1.7}.drawing-presentation-stage{flex:1;min-height:0;position:relative;overflow:hidden}.drawing-presentation-stage canvas{width:100%;height:100%;position:absolute;inset:0}.drawing-presentation-stage.fade canvas{animation:.18s ease-out drawing-step-fade}@keyframes drawing-step-fade{0%{opacity:0}to{opacity:1}}@media (width<=1000px){.drawing-panel{z-index:5;box-shadow:0 0 0 1px var(--hairline-strong);position:absolute;inset-block:0;inset-inline-end:0}.drawing-options{gap:7px}.drawing-footer span:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.drawing-view *,.drawing-view :before,.drawing-view :after{transition:none!important;animation:none!important}}.drawing-brush-settings{border:0;min-width:0;margin:18px 0;padding:0}.drawing-brush-settings legend{color:var(--text-1);font-weight:600}.drawing-brush-settings>.btn{max-width:100%;margin-block:5px}.drawing-brush-number{color:var(--text-2);margin-block:14px}.drawing-brush-number>label{margin-block-end:5px;display:block}.drawing-brush-number>div{align-items:center;gap:6px;display:flex}.drawing-brush-number input[type=range]{flex:1;width:0;min-width:0}.drawing-brush-number input[type=number]{border:1px solid var(--hairline-strong);background:var(--surface-2);width:78px;min-width:0;min-height:32px;color:var(--text-1);font:12px var(--font-mono);border-radius:6px;padding:4px}.drawing-brush-number>div>span{font:12px var(--font-mono)}.drawing-brush-note{color:var(--text-2);overflow-wrap:anywhere;font-size:12.5px}.drawing-view[dir=rtl] .drawing-brush-note{font-size:14.5px;line-height:1.7}.drawing-pen-diagnostics{color:var(--text-2);margin-block:15px}.drawing-pen-diagnostics summary{cursor:pointer;padding-block:7px}.drawing-pen-diagnostics canvas{aspect-ratio:2;background:var(--surface-2);border:1px solid var(--hairline-strong);touch-action:none;border-radius:6px;width:100%;display:block}.drawing-pen-diagnostics dl>div{justify-content:space-between;gap:8px;display:flex}.drawing-pen-diagnostics dd{font-variant-numeric:tabular-nums;margin-inline-start:0}.drawing-transform-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;min-width:0;padding:0;display:grid}.drawing-transform-fields .drawing-check{grid-column:1/-1}@media (width<=600px){.drawing-transform-fields{grid-template-columns:minmax(0,1fr)}}.drawing-pixel-actions{border-block-start:1px solid var(--hairline-strong);margin-block-start:18px}.drawing-pixel-actions [role=alert]{color:var(--red)}.drawing-floating-dialog{font-family:var(--font-ui)}.drawing-floating-dialog.is-arabic{letter-spacing:0;direction:rtl;font-family:IBM Plex Sans Arabic,sans-serif;font-size:15.5px;line-height:1.7}.drawing-floating-dialog [dir=rtl]{letter-spacing:0;font-family:IBM Plex Sans Arabic,sans-serif;font-size:15.5px;line-height:1.7}.drawing-floating-dialog .drawing-floating-stage{height:min(46vh,420px);min-height:240px;margin-block:14px;display:flex}.drawing-floating-dialog .drawing-stage{min-width:0}.drawing-floating-dialog .drawing-field{color:var(--text-2)}.drawing-floating-dialog .drawing-selection-help{font-size:14px;line-height:1.7}.drawing-floating-dialog [role=alert]{color:var(--red)}.drawing-floating-dialog .drawing-transform-fields>.drawing-step-actions{grid-column:1/-1}.drawing-pixel-progress{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;display:flex}.drawing-path-preview{border:1px solid var(--hairline-strong);touch-action:none;background:#f8f8f8;width:100%;height:300px;display:block}.drawing-path-preview [role=button]{cursor:move}.drawing-path-preview [role=button]:focus-visible{stroke:#007aff;stroke-opacity:.2}.drawing-path-dialog.is-arabic{letter-spacing:0;direction:rtl;font-family:IBM Plex Sans Arabic,sans-serif;line-height:1.7}.drawing-gradient-stop{border-block-end:1px solid var(--hairline-strong);padding-block:8px}.drawing-color-field{grid-template-columns:auto minmax(0,1fr);gap:0 10px;display:grid}.drawing-color-field>:last-child{grid-column:1/-1}.drawing-color-field input[type=color]{width:40px;height:32px}.drawing-grid-overlay{pointer-events:none;z-index:3;position:absolute;inset:0}.drawing-minimap{inset-inline-end:12px;background:var(--surface-2);border:1px solid var(--hairline-strong);z-index:6;touch-action:none;cursor:crosshair;border-radius:6px;width:192px;height:128px;position:absolute;bottom:12px;overflow:hidden}.drawing-minimap>canvas,.drawing-minimap>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.drawing-guide-row{border-block-end:1px solid var(--hairline-strong);gap:8px;padding-block:10px;display:grid}.drawing-guide-row>label{gap:5px;display:grid}.drawing-view fieldset{min-inline-size:0;margin-inline:0}.drawing-guide-row input,.drawing-guide-row select{box-sizing:border-box;width:100%;min-width:0}.drawing-reference-layout.is-arabic{letter-spacing:0;direction:rtl;font-family:IBM Plex Sans Arabic,sans-serif;font-size:15.5px;line-height:1.7}.drawing-view :is(input,select,textarea),.drawing-step :is(input,select,textarea),.drawing-floating-dialog :is(input,select,textarea){box-sizing:border-box;max-inline-size:100%}.drawing-view :is(.drawing-field,.drawing-options,.drawing-footer,.drawing-step,.drawing-library-row,.drawing-error,.drawing-pixel-progress){min-inline-size:0}.drawing-view :is(.drawing-field>span,.drawing-layer>button,.drawing-frame-row,.drawing-library-row,.drawing-error,.drawing-pixel-progress,.drawing-step p,.drawing-step label){overflow-wrap:anywhere}.drawing-options .drawing-field{max-inline-size:100%}.drawing-options .drawing-field>span{white-space:nowrap;overflow-wrap:normal;flex-shrink:0}.drawing-tools button small{overflow-wrap:anywhere;text-align:center;max-inline-size:100%}.drawing-footer{flex-wrap:wrap;gap:4px 14px}.drawing-footer span{overflow-wrap:anywhere}.drawing-library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-step-actions>button{white-space:normal;overflow-wrap:anywhere;max-inline-size:100%}.drawing-presentation header h2{overflow-wrap:anywhere;max-block-size:5em;min-inline-size:0;overflow:auto}.drawing-presentation>p{overflow-wrap:anywhere;white-space:pre-wrap;max-block-size:22vh;overflow:auto}.drawing-presentation footer{flex-wrap:wrap;gap:8px}.drawing-presentation footer select{min-inline-size:0;max-inline-size:100%}.drawing-minimap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=600px){.drawing-library-filters{grid-template-columns:minmax(0,1fr)}.drawing-presentation{padding:8px}.drawing-presentation header,.drawing-presentation footer{gap:6px;padding:4px}}.drawing-transform-dialog.is-arabic{letter-spacing:0;direction:rtl;font-family:IBM Plex Sans Arabic,sans-serif;font-size:15.5px;line-height:1.7}.drawing-transform-dialog :is(p,label){overflow-wrap:anywhere}.drawing-transform-dialog .drawing-transform-fields{min-inline-size:0}.drawing-transform-dialog .drawing-field input{box-sizing:border-box;max-inline-size:100%}