:root{--face:#c0c0c0;--light:#fff;--midlight:#dfdfdf;--shadow:#808080;--dark:#404040;--ink:#000;--title:#000080;--desktop:#008080;--workspace:#808080;--highlight:#000080;--selection:#fff;font-family:Tahoma,'MS Sans Serif',Arial,sans-serif;font-size:12px;color:var(--ink);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--desktop);padding:12px 12px 43px}button,select,input{font:inherit;color:inherit}button{border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);background:var(--face);border-radius:0;padding:3px 9px;min-height:24px;box-shadow:inset -1px -1px var(--shadow),inset 1px 1px var(--midlight);cursor:default}button:active,button[aria-pressed=true]{border-color:var(--dark) var(--light) var(--light) var(--dark);box-shadow:inset 1px 1px var(--shadow);padding-top:4px;padding-bottom:2px}button:focus-visible,a:focus-visible{outline:1px dotted #000;outline-offset:-5px}button:disabled{color:var(--shadow);text-shadow:1px 1px var(--light);cursor:default}input,select,textarea{border:2px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);border-radius:0;background:#fff;padding:3px;color:#000}input[type=checkbox]{accent-color:#000080}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid #000080;outline-offset:1px}a{color:#000080}button svg{display:block}button[hidden],[hidden]{display:none!important}
.paint-window{display:flex;flex-direction:column;width:100%;height:100%;min-width:300px;border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);padding:2px;background:var(--face);box-shadow:1px 1px 0 #000}.paint-window.maximized{position:fixed;inset:0 0 31px;width:auto;height:auto;z-index:2}.titlebar{height:26px;min-height:26px;display:flex;align-items:center;gap:5px;padding:3px 3px 3px 5px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;user-select:none}.titlebar h1,.titlebar h2{margin:0;font-size:12px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.app-icon{width:16px;height:16px;color:#171717;background:#fff;border:1px solid #888;line-height:13px;box-shadow:inset 3px 0 #e8e8e8;font-size:17px}.window-controls{display:flex;gap:2px}.titlebar button{min-height:18px;height:18px;width:20px;padding:0 2px;font:bold 15px Arial;line-height:13px;color:#000}.window-controls button:first-child{font-size:17px;line-height:8px;padding-bottom:6px}.window-controls button:last-child{margin-left:2px}
.menubar{height:25px;min-height:25px;display:flex;align-items:stretch;gap:1px;border-bottom:1px solid var(--shadow);position:relative;z-index:10}.menu-root{position:relative}.menu-trigger{border:0;box-shadow:none;padding:4px 8px;min-height:24px;height:24px;background:transparent}.menu-trigger:active{padding:4px 8px}.menu-root.open>.menu-trigger,.menu-trigger:hover{background:var(--title);color:#fff}.menu-popup{position:absolute;left:0;top:24px;width:240px;background:var(--face);padding:3px;border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);box-shadow:2px 2px rgba(0,0,0,.35)}.menu-item{width:100%;border:0;box-shadow:none;text-align:left;display:flex;align-items:center;gap:12px;min-height:26px;padding:4px 8px 4px 21px;background:transparent;white-space:nowrap}.menu-item:active{padding:4px 8px 4px 21px}.menu-item:hover,.menu-item:focus{background:var(--highlight);color:var(--selection);outline:0}.menu-item kbd{margin-left:auto;font:inherit;color:inherit}.menu-separator{height:2px;border-top:1px solid var(--shadow);border-bottom:1px solid #fff;margin:3px 2px}.menu-item[aria-checked=true]:before{content:'✓';position:absolute;left:7px;font-size:11px}.commandbar{display:flex;align-items:center;gap:4px;padding:5px 4px;border-bottom:2px solid;border-bottom-color:var(--shadow);min-height:36px;flex-wrap:wrap}.commandbar button{white-space:nowrap;font-size:11px;min-height:25px}.command-icon{font-size:15px;color:#000080;margin-right:3px}.commandbar .separator{height:25px;border-left:1px solid var(--shadow);border-right:1px solid #fff;margin:0 2px}.command-spacer{flex:1}.network-label{font-size:11px;margin-right:5px;white-space:nowrap}.editor-body{display:flex;flex:1;min-height:0;overflow:hidden}.toolbox{width:64px;flex:0 0 64px;padding:5px 3px;border-right:2px solid;border-right-color:var(--shadow);overflow:auto;scrollbar-width:thin}.tool-grid{display:grid;grid-template-columns:repeat(2,27px);gap:1px}.tool-button{height:27px;min-height:27px;padding:3px;display:flex;align-items:center;justify-content:center}.tool-button:active,.tool-button[aria-pressed=true]{padding:4px 2px 2px 4px;background:repeating-conic-gradient(#fff 0% 25%,#c0c0c0 0% 50%) 50%/2px 2px}.tool-button svg{width:19px;height:19px;shape-rendering:crispEdges}.tool-options{margin:10px 1px 0;border:2px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);padding:6px 3px;min-height:136px;display:flex;flex-direction:column;gap:4px}.tool-options label{font-size:10px}.tool-options select{width:100%;font-size:10px;padding:1px 0}.stroke-preview{display:flex;flex-direction:column;gap:5px;padding:5px 3px}.stroke-preview i{display:block;background:#000;height:1px}.stroke-preview i:nth-child(2){height:2px}.stroke-preview i:nth-child(3){height:3px}.stroke-preview i:nth-child(4){height:5px}.transparency-option{text-align:center;line-height:1.25}.transparency-option input{display:block;margin:3px auto}.canvas-column{min-width:0;flex:1;display:flex;flex-direction:column}.canvas-caption{min-height:25px;background:#c0c0c0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;border-bottom:1px solid #fff;font-size:11px}.canvas-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#draft-label{color:#333}.workspace{flex:1;min-height:0;min-width:0;overflow:auto;background:var(--workspace);padding:5px 12px 12px 5px;position:relative;overscroll-behavior:contain;scrollbar-color:#c0c0c0 #dfdfdf;scrollbar-width:auto}.canvas-frame{position:relative;box-shadow:1px 1px #404040;margin-bottom:6px;margin-right:6px;background:white;flex:none}.canvas-frame canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#paint-canvas{touch-action:none;cursor:crosshair;outline:none}#paint-canvas:focus-visible{outline:1px dotted #000;outline-offset:2px}#selection-overlay{position:absolute;inset:0;pointer-events:none}.resize-handle{display:block;position:absolute;width:4px;height:4px;background:#000080;box-shadow:1px 1px #fff}.handle-right{top:50%;right:-5px}.handle-bottom{bottom:-5px;left:50%}.handle-corner{bottom:-5px;right:-5px}.text-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:4px;border-bottom:1px solid #808080}.text-toolbar select{padding:1px;font-size:11px}.text-toolbar span{font-size:10px}.text-entry{position:absolute;z-index:4;resize:both;min-width:40px;max-width:none;background:rgba(255,255,255,.75);border:1px dashed #000;outline:0;padding:0;line-height:1.2;overflow:auto;transform-origin:top left}
.palette-panel{min-height:64px;padding:8px 7px 7px;display:flex;align-items:center;gap:8px;border-top:2px solid;border-top-color:var(--light)}.current-colors{width:43px;height:44px;position:relative;flex:none;border:2px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);background:repeating-conic-gradient(#fff 0% 25%,#c0c0c0 0% 50%) 50%/2px 2px}.current-colors button{width:25px;min-height:25px;height:25px;padding:0;border:2px solid;border-color:#fff #808080 #808080 #fff;position:absolute;box-shadow:inset 0 0 0 2px #c0c0c0}.foreground-color{top:3px;left:3px;background:#000}.background-color{right:2px;bottom:2px;background:#fff}.palette-grid{display:grid;grid-template-columns:repeat(14,19px);grid-template-rows:repeat(2,19px);grid-auto-flow:column;gap:2px}.palette-color{width:19px;height:19px;min-height:19px;padding:0;border:2px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);box-shadow:inset 1px 1px #000}.palette-color:active{padding:0}.palette-color:focus-visible{outline:1px dotted #fff;outline-offset:-5px}.palette-hint{font-size:10px;line-height:1.6;color:#333}.zoom-control{margin-left:auto;white-space:nowrap;font-size:11px}.zoom-control select{margin-left:4px;padding:3px;font-size:11px}.statusbar{min-height:25px;display:flex;gap:3px;padding:2px 0 0;align-items:stretch}.statusbar>span{border:1px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);padding:4px 6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusbar #status-message{flex:1;min-width:80px}.statusbar #cursor-position{width:98px}.statusbar #canvas-size{width:110px}.statusbar #quote-label{max-width:40%;min-width:100px}.statusbar .error{color:#a00000}.statusbar .success{color:#005020}
.taskbar{position:fixed;z-index:50;bottom:0;left:0;right:0;height:31px;background:#c0c0c0;border-top:2px solid #fff;padding:2px 4px;display:flex;align-items:center;gap:5px}.start-button{font-weight:bold;display:flex;align-items:center;gap:4px;padding:1px 7px;min-height:25px}.start-flag{font:bold 22px Arial;line-height:18px;color:#000080;text-shadow:1px 0 red,-1px 0 green}.taskbar-grip{height:24px;width:4px;border:1px solid;border-color:#fff #808080 #808080 #fff;margin:0 2px}.task-button{width:180px;text-align:left;min-height:24px;white-space:nowrap;font-weight:bold;background:#ddd;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080;padding:3px 8px}.task-button span{margin-right:4px;color:#000080}.taskbar-spacer{flex:1}.taskbar-clock{padding:5px 12px;border:2px solid;border-color:#808080 #fff #fff #808080;font-size:11px;min-width:70px;text-align:center}.desktop-label{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);color:#fff;text-align:center;line-height:1.8}
.paint-dialog{padding:3px;margin:auto;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 54px);overflow:hidden;background:var(--face);color:#000;border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);box-shadow:2px 2px #000;font:12px Tahoma,Arial,sans-serif}.paint-dialog::backdrop{background:rgba(0,0,0,.22)}.dialog-content{padding:16px;max-height:calc(100dvh - 105px);overflow:auto;line-height:1.5}.dialog-content h2{font-size:16px;margin:0 0 12px}.dialog-content h3{font-size:13px;margin:15px 0 6px}.dialog-content p{margin:0 0 12px}.dialog-content input:not([type=checkbox]):not([type=color]),.dialog-content select{max-width:100%}.dialog-content label{display:block;margin:7px 0 4px}.dialog-content .dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:15px}.dialog-content .dialog-actions button{min-width:78px}.dialog-content fieldset{border:2px groove #fff;padding:10px;margin:10px 0}.dialog-content table{border-collapse:collapse;width:100%;font-size:11px}.dialog-content th,.dialog-content td{text-align:left;border-bottom:1px solid #999;padding:5px;vertical-align:top}.dialog-content pre,.dialog-content code{font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap}.dialog-content .muted{color:#444}.dialog-content .notice{padding:8px;border:2px inset #fff;background:#eee;margin:9px 0}.dialog-content .error{color:#a00000}.dialog-content .success{color:#005020}.dialog-content img,.dialog-content canvas{max-width:100%;image-rendering:pixelated}.color-input{position:fixed;left:-100px;bottom:0;width:1px;height:1px;opacity:0}.noscript{position:fixed;inset:35% 20%;background:#c0c0c0;padding:30px;z-index:100;border:2px outset #fff}
.product-dialog{overflow-wrap:anywhere}.product-dialog>button{margin:0 5px 8px 0;max-width:100%;white-space:normal;text-align:center;min-height:27px}.product-dialog>a{display:inline-block;margin:0 9px 10px 0}.product-dialog .app-field{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:12px 0}.app-field input,.app-field select{width:100%;min-height:28px;font:12px Tahoma,Arial,sans-serif}.product-dialog .app-check{display:flex;align-items:flex-start;gap:5px;margin:11px 0;line-height:1.5}.app-check input{margin:3px 0 0;flex:none}.app-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.app-actions button{min-height:27px}.nft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.nft-card{border:2px solid;border-color:#808080 #fff #fff #808080;background:#e4e4e4;padding:7px;min-width:0;overflow:hidden}.nft-card p{margin:5px 0;font-size:11px}.nft-card p:first-of-type{font-weight:bold}.nft-card button{margin-top:3px;max-width:100%}.history-row{border-bottom:2px groove #fff;padding:6px 0 10px;margin-bottom:10px}.history-row p{margin:3px 0 7px}.history-row button{margin:0 5px 0 0}.art-preview{display:block;max-width:256px!important;max-height:192px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated;margin:0 auto 13px;border:1px solid #808080;background-color:#fff;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.nft-card .art-preview{max-width:100%!important;max-height:144px;margin:0 auto 7px}.app-error{border:1px solid #aa0000;background:#fff0ec;padding:7px;color:#880000}.app-success{border:1px solid #547854;background:#eff7e8;padding:7px;color:#164816}.product-dialog p:empty{display:none}.product-dialog button:disabled{white-space:normal}.product-dialog .address-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;font-size:11px}.product-dialog .address-row a{overflow-wrap:anywhere}.product-dialog .quote-breakdown{border:2px inset #fff;background:#e8e8e8;padding:8px;margin:10px 0}
::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:repeating-conic-gradient(#fff 0% 25%,#c0c0c0 0% 50%) 50%/2px 2px}::-webkit-scrollbar-thumb{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:inset -1px -1px #808080}::-webkit-scrollbar-corner{background:#c0c0c0}
@media(min-width:1500px){body{padding:24px 30px 53px}.paint-window{max-width:1600px;margin:auto}}
@media(max-width:760px){body{padding:3px 3px 35px}.network-label{display:none}.commandbar{gap:3px;padding:4px 2px}.commandbar button{padding:3px 5px;font-size:10px}.commandbar .separator{display:none}.commandbar .command-spacer{display:none}#wallet-button{margin-left:auto}.palette-hint{display:none}.palette-grid{grid-template-columns:repeat(14,16px);grid-template-rows:repeat(2,17px);gap:1px}.palette-color{width:16px;height:17px;min-height:17px}.palette-panel{gap:6px;padding:6px 4px;min-height:57px}.zoom-control{font-size:0}.zoom-control select{font-size:11px;margin:0;max-width:64px}.statusbar #canvas-size{display:none}.statusbar #quote-label{max-width:35%;min-width:70px}.statusbar #cursor-position{width:75px}.canvas-caption{font-size:10px}.statusbar>span{font-size:10px;padding:4px}.taskbar-clock{padding:5px 8px}.menu-trigger{padding:4px 7px}.menu-trigger:active{padding:4px 7px}.paint-dialog{width:calc(100vw - 16px)}.dialog-content{padding:12px}}
@media(max-width:450px){.palette-grid{grid-template-columns:repeat(14,14px);grid-template-rows:repeat(2,17px)}.palette-color{width:14px}.current-colors{width:37px}.palette-panel{gap:4px}.toolbox{width:66px;flex-basis:66px}.tool-grid{grid-template-columns:repeat(2,28px)}.tool-button{width:28px;height:29px;min-height:29px}.menu-popup{width:215px}.menu-root:nth-child(n+4) .menu-popup{left:auto;right:0}.commandbar button{min-height:28px}.commandbar button[data-action=history]{display:none}.canvas-caption{min-height:22px}.text-toolbar span{display:none}.statusbar #quote-label{display:none}.titlebar h1{font-size:11px}}
@media(max-width:450px){.nft-grid{grid-template-columns:minmax(0,1fr)}.product-dialog>button{min-height:31px}.art-preview{max-width:min(256px,100%)!important}}
@media(max-width:760px){.network-label{display:block;order:5;flex-basis:100%;text-align:right;font-size:10px;line-height:12px;margin:1px 3px 0 0}}
@media(max-height:560px){.tool-options{margin-top:4px;min-height:0}.stroke-preview{display:none}.palette-panel{min-height:49px;padding-top:4px;padding-bottom:4px}.canvas-caption{min-height:20px}.commandbar{min-height:29px;padding:2px}.titlebar{min-height:23px;height:23px}.taskbar{height:29px}body{padding-top:3px;padding-bottom:33px}}
/* Basic drawing layout: the artboard scales with the available window. */
body{padding:0 0 31px}
.paint-window{max-width:none;margin:0;box-shadow:none}
.workspace{padding:4px;scrollbar-gutter:auto;background:#9d9d9d}
.canvas-frame{margin:0 auto;box-shadow:0 0 0 1px #666}
.toolbox{padding-top:6px}
.tool-options{min-height:0;margin-top:12px;padding:7px 3px}
.tool-grid [data-tool=pan]{grid-column:1 / -1;width:100%;margin-top:7px}
.tool-grid [data-tool=pan] svg{width:21px;height:21px}
.tool-options .stroke-preview{padding:4px 3px;min-height:28px;justify-content:center;background:#fff;border:1px solid #808080}
.stroke-preview i{flex:none;width:100%}
.palette-panel{min-height:58px;padding:6px;gap:8px;flex-wrap:wrap}
.view-controls{display:flex;align-items:center;gap:3px;margin-left:auto}
.view-controls>button{width:27px;min-height:27px;padding:1px;font-size:17px;line-height:20px}
.view-controls>button:active{padding:2px 0 0 2px}
.view-controls>button[data-local=redo]{margin-right:7px}
.zoom-control{margin-left:0}
.zoom-control select{width:100px;max-width:none;margin:0;min-height:27px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.menu-item:disabled:hover,.menu-item:disabled:focus{background:transparent;color:#808080}
@media(min-width:1500px){body{padding:0 0 31px}.paint-window{max-width:none;margin:0}}
@media(max-width:760px){body{padding:0 0 31px}.palette-hint{display:none}.palette-panel{gap:5px;padding:4px}.zoom-control select{font-size:11px;width:93px;max-width:none}}
@media(max-width:600px){
  .palette-panel{display:grid;grid-template-columns:39px minmax(0,1fr);gap:5px;min-height:0}
  .palette-grid{grid-template-columns:repeat(14,minmax(14px,1fr));grid-template-rows:repeat(2,20px);gap:2px;width:100%}
  .palette-color{width:100%;height:20px;min-height:20px}
  .current-colors{width:37px;height:42px}
  .view-controls{grid-column:1 / -1;margin:0;justify-content:flex-end}
  .view-controls:before{content:'Space + drag to pan';font-size:10px;color:#444;margin-right:auto}
  .view-controls>button{width:30px;min-height:28px}
  .canvas-caption{gap:5px;padding:4px 5px}
  .toolbox{width:64px;flex-basis:64px;padding:4px 2px}
  .tool-grid{grid-template-columns:repeat(2,28px)}
  .tool-options{margin-top:9px}
}
@media(max-height:560px){body{padding:0 0 29px}.palette-panel{padding:3px}.tool-options{margin-top:5px}.tool-grid [data-tool=pan]{margin-top:3px}.view-controls>button{min-height:24px;height:24px}.zoom-control select{min-height:24px;height:24px}.toolbox{overflow:auto}}
/* Persistent classic view controls stay reachable when the tools are hidden. */
.viewbar{display:flex;align-items:center;gap:8px;flex:none;min-height:33px;padding:3px 5px;border-bottom:2px groove #fff;background:var(--face)}
.viewbar #tools-toggle{width:96px;min-width:96px;min-height:26px;padding:3px 6px;font-size:11px;white-space:nowrap}
.viewbar #tools-toggle:active{padding:4px 5px 2px 7px}
.view-hint{font-size:11px;color:#3d3d3d;white-space:nowrap}
.viewbar .view-controls{margin-left:auto;flex:none;gap:3px}
.viewbar .view-controls:before{content:none}
.viewbar #pan-toggle{width:48px;padding:3px 5px;margin-right:6px;font-size:11px}
.viewbar #pan-toggle:active{padding:4px 4px 2px 6px}
.draft-controls{display:flex;gap:4px;margin-left:auto;align-items:center}
.draft-controls button{width:29px;min-height:29px;padding:1px;font-size:18px;line-height:21px}
.draft-controls button:active{padding:2px 0 0 2px}
.tools-hidden .workspace{padding:4px}
@media(max-width:900px){.view-hint{display:none}}
@media(max-width:600px){
  .viewbar{min-height:32px;padding:3px;gap:4px}
  .viewbar #tools-toggle{width:86px;min-width:86px;font-size:11px}
  .viewbar .view-controls{gap:2px}
  .viewbar .view-controls>button{width:26px;min-height:26px}
  .viewbar #pan-toggle{width:43px;margin-right:3px}
  .viewbar .zoom-control select{width:87px;min-height:26px;font-size:11px}
  .palette-panel{grid-template-columns:37px minmax(0,1fr) 64px;gap:5px}
  .palette-grid{grid-template-columns:repeat(14,minmax(10px,1fr));gap:1px}
  .draft-controls{margin:0;gap:3px}
  .draft-controls button{width:29px;min-height:29px}
}
@media(max-height:560px){.viewbar{min-height:28px;padding-top:2px;padding-bottom:2px}.viewbar #tools-toggle,.viewbar .view-controls>button,.viewbar .zoom-control select{height:24px;min-height:24px}}

/* This guide is a DOM overlay, never part of the artwork or PNG export. */
.drawing-boundary{position:absolute;z-index:2;pointer-events:none;box-sizing:border-box;border:2px solid #e00000;background:transparent}
.canvas-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:36px;gap:8px;padding:4px 8px}
.canvas-name{min-width:0;display:flex;flex-direction:column;gap:2px}
.canvas-name #canvas-label{min-width:0;display:block}
.canvas-caption .area-hint{display:block;font-size:10px;line-height:13px;color:#444;white-space:nowrap}
.canvas-caption .pixel-meter{overflow:visible;text-overflow:clip;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}
#draft-label.at-limit{color:#a00000}
@media(max-width:600px){
  .canvas-caption{grid-template-columns:minmax(0,1fr);gap:2px;padding:3px 5px;min-height:34px}
  .canvas-name{flex-direction:row;align-items:center;gap:7px}
  .canvas-name #canvas-label{flex:1}
  .canvas-caption .area-hint{flex:none;max-width:75%;font-size:9px;line-height:12px}
  .canvas-caption .pixel-meter{font-size:10px;line-height:13px}
}
.publishbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:6px 8px;border-bottom:2px groove #fff;font-size:11px}.publishbar label{display:flex;align-items:center;gap:5px}.publishbar input{width:155px;min-width:0}.publishbar input,.publishbar select{min-height:25px;font:11px Tahoma,Arial,sans-serif}.publishbar button{min-height:26px}.publishbar strong{margin-left:auto}.publish-note{flex-basis:100%;color:#333;line-height:1.4}.publishbar #publish-button{font-weight:bold;min-width:105px}@media(max-width:760px){.publishbar{gap:5px;padding:5px}.publishbar label{flex:1 1 160px}.publishbar input,.publishbar select{flex:1;min-width:0;width:100%}.publishbar strong{margin-left:0;margin-right:auto}.publish-note{font-size:10px}}
.reward-rule{font-weight:bold}.reward-diagram{margin:16px 0;padding:0 0 0 25px}.reward-diagram>li{position:relative;margin:0 0 12px;padding:9px 10px;border:2px inset #fff;background:#e4e4e4}.reward-diagram>li::marker{font-weight:bold}.reward-diagram>li:not(:last-child)::after{content:'↓';position:absolute;bottom:-15px;left:14px;line-height:14px;font-weight:bold}.reward-step-heading{display:flex;align-items:center;gap:8px;margin-bottom:5px}.reward-pixel{width:16px;height:16px;flex:none;border:1px solid #000;box-shadow:1px 1px #fff}.reward-diagram p{margin:3px 0}.reward-payout{color:#005020}
@media(max-width:760px){[data-pricing-model="triple-payout-v1"] .statusbar #status-message{white-space:normal;overflow-wrap:anywhere;line-height:1.35}}
@media(max-width:760px){.commandbar #network-label{display:inline;white-space:normal;max-width:230px;font-size:10px}}