.ascii-studio{min-width:0;--ascii-line: #353535;--ascii-dim: #a9a9a9}.ascii-studio h2{font-size:13px;letter-spacing:0;font-weight:600}.ascii-nav{display:flex;gap:4px;flex-wrap:wrap;padding:0 0 18px;margin-bottom:22px;border-bottom:1px solid var(--ascii-line)}.ascii-nav a{display:flex;align-items:center;gap:8px;color:#a8a8a8;padding:9px 13px;border:1px solid transparent;border-radius:5px;font-size:13px}.ascii-nav a:hover{background:#242424;color:#efefef}.ascii-nav a[aria-current=page]{color:#f2f2f2;border-color:#454545;background:#292929}.ascii-split{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:26px;align-items:start}.ascii-controls{display:flex;flex-direction:column;gap:22px;min-width:0}.ascii-control-section{display:flex;flex-direction:column;gap:13px;min-width:0}.ascii-control-section+.ascii-control-section{border-top:1px solid #333;padding-top:18px}.ascii-studio .ap-field{gap:6px;min-width:0}.ascii-studio .ap-field-label,.ascii-slider label,.ascii-toggle,.ascii-choice legend{font-size:12px;color:#bdbdbd}.ascii-studio input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.ascii-studio select,.ascii-studio textarea{border:1px solid #414141;border-radius:4px;background:#141414;padding:9px 10px;min-width:0;width:100%;font-size:13px}.ascii-studio textarea{line-height:1.55;resize:vertical}.ascii-studio select{padding-right:28px;min-height:36px}.ascii-studio .ap-button{min-height:34px;padding:7px 11px;border-radius:4px;font-size:12px}.ascii-studio .ap-button-secondary{background:#232323;border-color:#414141}.ascii-studio .ap-button-secondary:hover{background:#2d2d2d}.ascii-studio .ap-button-primary{background:#00a3ff;color:#07131a;border-color:#00a3ff}.ascii-hint,.ascii-studio .ap-field-hint{font-size:11px;line-height:1.65;color:#9f9f9f}.ascii-style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ascii-style-grid button{display:flex;align-items:center;gap:12px;text-align:left;background:#171717;border:1px solid #373737;border-radius:5px;color:#bcbcbc;font-size:12px;padding:12px 10px}.ascii-style-grid button>span{font:18px/1 var(--ap-mono);color:#eee;min-width:26px}.ascii-style-grid button[aria-pressed=true]{border-color:#00a3ff;background:#242424;color:#fff}.ascii-chars{display:flex;gap:5px;flex-wrap:wrap}.ascii-chars button{font:16px/1 var(--ap-mono);background:#202020;color:#ddd;min-width:32px;height:32px;border:1px solid #3c3c3c;border-radius:4px}.ascii-chars button:hover,.ascii-chars button[aria-pressed=true]{background:#323232;border-color:#6a6a6a}.ascii-slider{display:flex;flex-direction:column;gap:8px;min-width:0}.ascii-slider>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.ascii-slider output{font:11px/1.5 var(--ap-mono);color:#d6d6d6;white-space:nowrap}.ascii-slider input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;height:22px;background:transparent;cursor:pointer;margin:0}.ascii-slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:#464646}.ascii-slider input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:#464646}.ascii-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-5px;width:14px;height:14px;border-radius:50%;background:#dfdfdf;border:2px solid #1b1b1b;box-shadow:0 0 0 1px #777}.ascii-slider input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#dfdfdf;border:2px solid #1b1b1b;box-shadow:0 0 0 1px #777}.ascii-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.ascii-toggle input{width:15px;height:15px;accent-color:#00a3ff;margin:0;flex-shrink:0}.ascii-choice{border:0;margin:0 0 18px;padding:0;min-width:0}.ascii-choice legend{margin-bottom:8px}.ascii-choice>div{display:flex;flex-wrap:wrap;gap:6px}.ascii-choice label{position:relative;display:flex;align-items:center;gap:6px;background:#151515;color:#aaa;border:1px solid #393939;border-radius:4px;padding:7px 11px;font-size:12px;cursor:pointer}.ascii-choice label.is-active{border-color:#777;color:#eee;background:#292929}.ascii-choice label:focus-within{outline:2px solid #00a3ff;outline-offset:2px}.ascii-choice input{position:absolute;opacity:0;width:1px;height:1px}.ascii-output{min-width:0;border:1px solid #3a3a3a;border-radius:6px;overflow:hidden;background:#171717}.ascii-output-header{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #303030;padding:10px 14px}.ascii-view-buttons{display:flex;align-items:center;gap:15px}.ascii-view-buttons button{color:#969696;background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;font-size:12px}.ascii-view-buttons button[aria-pressed=true]{color:#f1f1f1;border-bottom-color:#f1f1f1}.ascii-output-actions{display:flex;gap:6px}.ascii-preview-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #282828;color:#aaa}.ascii-preview-tools>div:first-child{display:flex;gap:2px}.ascii-preview-tools button{font:12px var(--ap-font);border:1px solid #383838;min-width:29px;height:26px;background:#1d1d1d;color:#ccc;padding:0 6px}.ascii-preview-tools button[aria-pressed=true]{background:#303030;color:#fff}.ascii-theme-controls{display:flex;gap:12px;flex-wrap:wrap}.ascii-theme-controls>label{display:flex;gap:7px;align-items:center;font-size:11px}.ascii-theme-controls select{font-size:11px;padding:3px 6px;min-height:26px}.ascii-preview{overflow:auto;min-height:260px;max-height:600px;display:flex;align-items:center}.ascii-preview>pre{font-family:var(--ap-mono);font-weight:400;white-space:pre;font-variant-ligatures:none;font-feature-settings:"liga" 0;margin:auto;padding:36px 24px;background:transparent;border:0;width:-moz-max-content;width:max-content;max-width:none;color:inherit;letter-spacing:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.ascii-preview>textarea{background:transparent!important;color:inherit;min-height:320px;padding:20px!important;font-family:var(--ap-mono);border:0!important;border-radius:0!important;white-space:pre;line-height:1.24;resize:vertical}.ascii-color-preview{display:block;height:auto;min-width:0;max-width:none}.ascii-output-meta{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid #2c2c2c;font:10px/1.5 var(--ap-mono);color:#969696}.ascii-export{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:14px;border-top:1px solid #333;background:#1d1d1d}.ascii-export>.ap-field{min-width:150px;flex:1;max-width:220px}.ascii-export>.ascii-toggle{width:100%;margin-top:5px}.ascii-output>.ascii-error{margin:10px 14px}.ascii-error{padding:11px 13px;border:1px solid #804f49;background:#251c1a;color:#ffc2b9;font-size:12px;border-radius:4px;line-height:1.6}.ascii-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ascii-details{border:1px solid #363636;border-radius:5px;min-width:0}.ascii-details>summary{cursor:pointer;color:#ccc;font-size:12px;padding:12px 14px}.ascii-details[open]>summary{border-bottom:1px solid #333}.ascii-details>div{display:flex;flex-direction:column;gap:14px;padding:14px}.ascii-source-input{font-family:var(--ap-mono)!important;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.ascii-table-layout{display:flex;flex-direction:column;gap:22px}.ascii-data-panel{border:1px solid #3b3b3b;border-radius:5px;overflow:hidden;min-width:0}.ascii-data-header,.ascii-data-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#202020}.ascii-data-footer{font-size:11px;color:#aaa;border-top:1px solid #3a3a3a}.ascii-sheet-scroll{overflow:auto;max-height:600px}.ascii-sheet{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.ascii-sheet caption{text-align:left;font-size:11px;color:#9f9f9f;padding:10px 14px;background:#181818}.ascii-sheet thead th{position:sticky;top:0;z-index:1;background:#292929;color:#bbb;font-size:11px;font-weight:400;padding:9px 10px;border:1px solid #3b3b3b;min-width:170px}.ascii-sheet thead th>div{display:flex;gap:6px;margin-top:5px}.ascii-sheet th select{font-size:11px;min-height:25px;padding:3px 5px}.ascii-sheet td{padding:0;border:1px solid #363636;vertical-align:top;background:#161616}.ascii-sheet tbody th{padding:8px;color:#929292;background:#232323;border:1px solid #363636;text-align:center;font:11px var(--ap-mono);min-width:30px}.ascii-sheet td textarea{display:block;min-width:170px;background:transparent;border:0!important;border-radius:0!important;padding:9px 10px;resize:vertical}.ascii-sheet .ascii-row-number{min-width:32px;font-size:10px}.ascii-sheet button{border:0;background:transparent;color:#b1b1b1;min-width:25px;min-height:30px}.ascii-sheet .ascii-row-number:last-child{max-width:40px}.ascii-data-panel>.ascii-details{border:0;border-top:1px solid #393939;border-radius:0}.ascii-source-image{border:1px solid #333;background:#111;min-height:100px;display:flex;align-items:center;justify-content:center;padding:8px}.ascii-source-image canvas{max-width:100%;height:auto}.ascii-image-name{font-size:11px;overflow-wrap:anywhere;color:#bdbdbd}.ascii-image-name span{display:block;color:#8f8f8f;margin-top:4px}.ascii-replace{position:relative;font-size:12px;color:#bdbdbd;text-decoration:underline;cursor:pointer;overflow:hidden}.ascii-replace input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.ascii-replace:focus-within{outline:2px solid #00a3ff;outline-offset:3px}.ascii-studio .ap-file-picker{min-height:150px}.ascii-studio .ap-file-picker button{padding:20px 12px;min-height:150px}.ascii-studio .ap-file-picker strong{font-size:12px}.ascii-studio .ap-file-picker button>span:last-child{font-size:10px;line-height:1.6}.ascii-drawing{display:flex;flex-direction:column;gap:14px}.ascii-draw-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.ascii-draw-tool-buttons{display:flex;gap:4px;flex-wrap:wrap}.ascii-draw-tool-buttons button{font-size:12px;color:#aaa;background:#161616;border:1px solid #393939;border-radius:4px;padding:8px 11px}.ascii-draw-tool-buttons button[aria-pressed=true]{background:#2a2a2a;border-color:#00a3ff;color:#f1f1f1}.ascii-draw-settings{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.ascii-draw-settings>.ap-field:first-child{width:105px}.ascii-draw-settings>.ap-field:last-child:not(:first-child){flex:1;min-width:180px}.ascii-draw-settings>.ascii-toggle{align-self:center}.ascii-canvas-scroll{background:#101010;border:1px solid #414141;border-radius:4px;overflow:auto;max-height:540px;max-width:100%;padding:16px;overscroll-behavior:contain}.ascii-canvas-scroll canvas{display:block;touch-action:none;cursor:crosshair;max-width:none;margin:0 auto}.ascii-canvas-scroll.is-panning canvas{cursor:grab}.ascii-canvas-scroll.is-panning canvas:active{cursor:grabbing}.ascii-draw-status{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font:11px/1.5 var(--ap-mono);color:#aaa}.ascii-draw-status>.ascii-slider{min-width:120px;max-width:200px;flex:1}.ascii-draw-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ascii-draw-bottom .ascii-inline>.ap-field{flex:1;max-width:180px;min-width:80px}.ascii-draw-bottom .ascii-inline{align-items:end}@media (min-width: 1000px){.ascii-output{position:sticky;top:20px}.ascii-drawing .ascii-output{position:static}}@media (max-width: 1000px){.ascii-split{grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:18px}.ascii-output-header{flex-wrap:wrap}}@media (max-width: 760px){.ascii-split{grid-template-columns:1fr}.ascii-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ascii-controls>.ascii-error{grid-column:1/-1}.ascii-control-section+.ascii-control-section{border:0;padding:0}.ascii-controls>.ascii-details{align-self:start}.ascii-output{position:static}.ascii-draw-bottom{grid-template-columns:1fr}.ascii-nav a{padding:8px 10px;font-size:12px}.ascii-preview{min-height:220px}.ascii-export .ap-button{flex:1;white-space:nowrap}.ascii-export>.ap-field{max-width:none;flex:1}}@media (max-width: 480px){.ascii-controls{display:flex;flex-direction:column;gap:20px}.ascii-control-section+.ascii-control-section{border-top:1px solid #333;padding-top:18px}.ascii-nav{gap:4px;margin-bottom:18px}.ascii-nav a{flex:1 0 28%;justify-content:center;gap:6px;padding:8px 6px;white-space:nowrap}.ascii-nav a svg{width:14px;height:14px}.ascii-preview-tools{flex-wrap:wrap}.ascii-output-header{padding:8px 10px}.ascii-export{padding:10px}.ascii-preview>pre{padding:24px 16px}.ascii-draw-status{gap:12px}.ascii-data-header .ap-button{padding:6px 8px}.ascii-sheet thead th,.ascii-sheet td textarea{min-width:145px}.ascii-sheet .ascii-row-number{min-width:25px}.ascii-theme-controls{gap:6px}}@media print{.ascii-controls,.ascii-nav,.ascii-export,.ascii-preview-tools,.ascii-output-header,.ascii-draw-toolbar,.ascii-draw-settings,.ascii-draw-bottom,.ascii-details{display:none!important}.ascii-split{display:block}.ascii-output{border:0;position:static}.ascii-preview{max-height:none;overflow:visible;background:#fff!important;color:#000!important}.ascii-preview>pre{font-size:9px!important;margin:0;padding:0}}.ascii-preview-tools[hidden]{display:none}.ascii-draw-bottom{align-items:start}@media (max-width: 760px){.ascii-split{display:flex;flex-direction:column;align-items:stretch}.ascii-controls{display:contents}.ascii-controls>*{order:2;width:100%}.ascii-controls>.ascii-control-section:first-child{order:0}.ascii-split>.ascii-output{order:1;width:100%}}