157 lines
13 KiB
CSS
157 lines
13 KiB
CSS
.adachi-workspace {
|
|
--aw-bg:#eef1f4; --aw-panel:#fff; --aw-input:#f6f8fa; --aw-text:#273747;
|
|
--aw-muted:#61758a; --aw-line:#ced7e1; --aw-hover:#edf3f9;
|
|
--aw-accent:#276da7; --aw-selected:#eaf3fb; --aw-selected-text:#205b8b;
|
|
--aw-stage:#e9edf1; --aw-checker:#e0e5eb; --aw-error:#a93e34; --aw-ok:#237459;
|
|
position:fixed; inset:0; z-index:12000; display:flex; flex-direction:column;
|
|
background:var(--aw-bg); color:var(--aw-text); color-scheme:light;
|
|
font:14px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;
|
|
}
|
|
.adachi-workspace[data-theme=dark] {
|
|
--aw-bg:#171a1e; --aw-panel:#24282e; --aw-input:#2d333b; --aw-text:#e3e8ef;
|
|
--aw-muted:#a2b1c2; --aw-line:#46515e; --aw-hover:#343e49;
|
|
--aw-accent:#357fb8; --aw-selected:#263f55; --aw-selected-text:#b4dcff;
|
|
--aw-stage:#191d22; --aw-checker:#232931; --aw-error:#ffa69a; --aw-ok:#83d5b5;
|
|
color-scheme:dark;
|
|
}
|
|
.adachi-workspace * {box-sizing:border-box}
|
|
.adachi-workspace [hidden] {display:none!important}
|
|
body.adachi-workspace-open > :not(.adachi-workspace):not(script):not(style):not(link) {opacity:0!important;pointer-events:none!important}
|
|
.adachi-workspace button,.adachi-workspace select,.adachi-workspace input,.adachi-workspace textarea {
|
|
font:inherit; color:var(--aw-text); background:var(--aw-panel); border:1px solid var(--aw-line);
|
|
border-radius:5px; padding:7px 10px;
|
|
}
|
|
.adachi-workspace button {cursor:pointer;white-space:nowrap}
|
|
.adachi-workspace button:hover {border-color:var(--aw-accent);background:var(--aw-hover)}
|
|
.adachi-workspace button:disabled {opacity:.4;cursor:not-allowed}
|
|
.adachi-workspace button:focus-visible,.adachi-workspace select:focus-visible {outline:2px solid var(--aw-accent);outline-offset:2px}
|
|
.adachi-workspace button.active,.adachi-workspace button[aria-pressed=true],.adachi-workspace .dd-inpaint button.dd-active {
|
|
background:var(--aw-selected);color:var(--aw-selected-text);border-color:var(--aw-accent);
|
|
}
|
|
.adachi-workspace button.primary {background:var(--aw-accent);border-color:var(--aw-accent);color:#fff}
|
|
.adachi-workspace button.primary:hover {filter:brightness(1.1)}
|
|
.adachi-workspace .aw-icon {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:5px;flex-shrink:0}
|
|
.adachi-workspace header {position:absolute;z-index:6;top:8px;left:20px;right:20px;height:36px;display:flex;align-items:center;gap:8px;pointer-events:none}
|
|
.adachi-workspace header>* {pointer-events:auto}
|
|
.adachi-workspace h1 {font-size:18px;font-weight:650;margin:0 auto 0 0;padding:3px 0;background:transparent;color:rgba(0,0,0,.62);white-space:nowrap}
|
|
.adachi-workspace[data-theme=dark] h1 {text-shadow:0 0 1px rgba(255,255,255,.9),0 0 3px rgba(255,255,255,.65)}
|
|
.adachi-workspace .aw-status {font-size:12px;min-width:0;max-width:42vw;flex:0 1 auto;padding:4px 8px;border-radius:4px;background:var(--aw-panel);color:var(--aw-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
|
.adachi-workspace .aw-status[data-state=ok] {color:var(--aw-ok)}
|
|
.adachi-workspace .aw-status[data-state=error] {color:var(--aw-error)}
|
|
.adachi-workspace main {display:grid;grid-template-columns:minmax(0,1fr) 10px var(--aw-sidebar-width,360px);gap:0;padding:6px;flex:1;min-height:0}
|
|
.adachi-workspace .aw-canvas {position:relative;min-height:0;overflow:hidden;border:1px solid var(--aw-line);border-radius:8px;background:var(--aw-panel)}
|
|
.adachi-workspace .aw-surface {position:absolute;inset:0;min-height:0;background:var(--aw-stage)}
|
|
.adachi-workspace .aw-toolbar {position:absolute;top:48px;left:8px;right:8px;z-index:5;display:flex;gap:6px;align-items:center;pointer-events:none}
|
|
.adachi-workspace .aw-toolbar button {pointer-events:auto;padding:5px 9px}
|
|
.adachi-workspace .aw-toolbar .aw-icon {padding:5px}
|
|
.adachi-workspace .aw-toolbar .spacer {flex:1}
|
|
.adachi-workspace .aw-footer {position:absolute;bottom:8px;left:8px;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px;border:1px solid var(--aw-line);border-radius:5px;background:var(--aw-panel);max-width:calc(100% - 16px);font-size:12px;color:var(--aw-muted)}
|
|
.adachi-workspace .aw-footer button {padding:4px 8px}
|
|
.adachi-workspace .aw-footer select {max-width:260px;min-width:0;padding:4px 7px}
|
|
.adachi-workspace .aw-note {display:none}
|
|
.adachi-workspace .aw-result-image {width:100%;height:100%;position:absolute;object-fit:contain;background:var(--aw-stage)}
|
|
.adachi-workspace aside {overflow:auto;background:var(--aw-panel);border:1px solid var(--aw-line);border-radius:8px;padding:48px 16px 16px}
|
|
.adachi-workspace aside h2 {font-size:12px;letter-spacing:1px;color:var(--aw-muted);margin:0 0 12px}
|
|
.adachi-workspace aside label {margin-top:10px}
|
|
.adachi-workspace aside select,.adachi-workspace aside textarea {max-width:100%}
|
|
.adachi-workspace aside textarea {width:100%;min-height:85px;resize:vertical}
|
|
.adachi-workspace details {margin:8px 0}
|
|
.adachi-workspace summary {cursor:pointer}
|
|
.adachi-workspace .aw-presets {display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
|
|
.adachi-workspace .aw-presets button {flex:1;padding:7px 5px;font-size:12px}
|
|
.adachi-workspace .aw-profile-warning {border:1px solid var(--aw-line);border-left:3px solid var(--aw-accent);padding:8px;margin:0 0 12px;font-size:12px;color:var(--aw-muted)}
|
|
.adachi-workspace .aw-bindings label {display:block;font-size:12px;color:var(--aw-muted)}
|
|
.adachi-workspace .aw-bindings label select {width:100%;display:block;margin:5px 0 10px}
|
|
.adachi-workspace .aw-bindings textarea {display:block;margin-top:5px;line-height:1.5}
|
|
.adachi-workspace .aw-bindings label>button {font-size:12px;padding:1px 6px;margin-top:3px}
|
|
.adachi-workspace .aw-bindings details {border-bottom:1px solid var(--aw-line);padding:5px 0 10px}
|
|
.adachi-workspace .aw-bindings summary {font-size:12px;color:var(--aw-muted)}
|
|
.adachi-workspace .aw-lora-row {display:grid;grid-template-columns:minmax(0,1fr) 65px 30px;gap:4px;margin:6px 0}
|
|
.adachi-workspace .aw-lora-row input {min-width:0;width:100%;padding:5px}
|
|
.adachi-workspace .aw-lora-row button {padding:3px}
|
|
.adachi-workspace .aw-embedded {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;transform:none!important;visibility:visible!important}
|
|
.adachi-workspace .dd-inpaint {--dd-bg:var(--aw-panel);--dd-panel:var(--aw-input);--dd-line:var(--aw-line);--dd-text:var(--aw-text);--dd-muted:var(--aw-muted);--dd-accent:var(--aw-accent);color:var(--aw-text);color-scheme:inherit;background:var(--aw-panel)}
|
|
.adachi-workspace .dd-inpaint button {background:var(--aw-input);color:var(--aw-text)}
|
|
.adachi-workspace .dd-inpaint .dd-stage {background-color:var(--aw-stage);background-image:linear-gradient(45deg,var(--aw-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--aw-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--aw-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--aw-checker) 75%)}
|
|
.adachi-workspace .dd-inpaint input,.adachi-workspace .dd-inpaint select {background:var(--aw-input);color:var(--aw-text)}
|
|
.adachi-workspace .dd-inline-minimal {background:transparent}
|
|
.adachi-workspace .dd-crop-bar {background:var(--aw-panel)}
|
|
.adachi-workspace .dd-inpaint .dd-upload-progress {background:var(--aw-panel);color:var(--aw-text)}
|
|
.adachi-workspace .aw-parameters {position:relative;min-height:100px}
|
|
.adachi-workspace .aw-parameters>.dd-inpaint {position:relative!important;transform:none!important;inset:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;width:100%!important}
|
|
.adachi-workspace .dd-param-advanced-body {padding:8px 0}
|
|
.adachi-workspace .dd-workbench {border:0}
|
|
.adachi-workspace .dd-editor-controls {background:var(--aw-panel)}
|
|
.adachi-workspace .dd-inpaint .dd-actions {padding:8px 0}
|
|
.adachi-workspace .dd-inpaint .dd-settings {gap:6px;padding:6px 0}
|
|
.adachi-workspace .dd-inpaint .dd-tools {padding:5px 0}
|
|
.adachi-workspace .dd-inpaint .dd-tools button {padding:4px;font-size:11px}
|
|
.adachi-workspace .dd-inpaint .dd-stage canvas {outline:none}
|
|
.adachi-workspace .dd-inline-minimal>.dd-status:not([hidden]) {background:var(--aw-panel);color:var(--aw-error)}
|
|
.adachi-workspace .dd-inpaint .dd-param-grid {gap:8px}
|
|
.adachi-workspace .aw-canvas .dd-files,.adachi-workspace .aw-canvas .dd-mode-select {top:88px}
|
|
.adachi-workspace .aw-canvas .dd-crop-bar {
|
|
bottom:calc(var(--aw-history-height,40px) + 16px);left:8px;right:8px;
|
|
background:var(--aw-panel);border:1px solid var(--aw-line);padding:5px;gap:5px;
|
|
box-shadow:0 2px 8px #0002;
|
|
}
|
|
.adachi-workspace .aw-canvas .dd-crop-bar button,.adachi-workspace .aw-canvas .dd-crop-bar select,.adachi-workspace .aw-canvas .dd-crop-bar input {
|
|
height:28px;min-height:28px;font-size:12px;color:var(--aw-text);
|
|
}
|
|
.adachi-workspace .aw-canvas .dd-files button {opacity:1}
|
|
.adachi-workspace .aw-canvas .dd-adoption {display:none}
|
|
.adachi-workspace .aw-canvas .dd-compare-stage {position:absolute;inset:0;min-height:0}
|
|
.adachi-workspace .aw-canvas .dd-compare-toolbar {
|
|
position:absolute;left:8px;right:8px;bottom:calc(var(--aw-history-height,40px) + 16px);z-index:4;
|
|
padding:5px;border:1px solid var(--aw-line);border-radius:5px;background:var(--aw-panel);width:fit-content;max-width:calc(100% - 16px);
|
|
}
|
|
.adachi-workspace .aw-canvas .dd-status:not([hidden]) {
|
|
position:absolute;left:8px;right:8px;z-index:5;bottom:calc(var(--aw-history-height,40px) + var(--aw-crop-height,32px) + 24px);
|
|
padding:7px;border-radius:5px;background:var(--aw-panel);color:var(--aw-error);
|
|
}
|
|
.adachi-workspace .adachi-workspace-launch {display:none}
|
|
@media(max-width:850px) {
|
|
.adachi-workspace main {grid-template-columns:1fr;overflow:auto}
|
|
.adachi-workspace .aw-canvas {min-height:78vh}
|
|
.adachi-workspace aside {overflow:visible;padding-top:14px}
|
|
.adachi-workspace header {left:12px;right:12px;height:36px;gap:5px}
|
|
.adachi-workspace header h1 {font-size:14px}
|
|
.adachi-workspace header button {padding:4px 6px;font-size:11px}
|
|
.adachi-workspace header .aw-status {max-width:25vw;font-size:10px}
|
|
}
|
|
|
|
.adachi-workspace .aw-canvas .dd-preview-progress {top:100px;bottom:auto;background:var(--aw-panel);color:var(--aw-text);border-color:var(--aw-line);}
|
|
|
|
.adachi-workspace .aw-generation-progress {padding:9px 10px;margin:0 0 14px;border:1px solid var(--aw-line);border-radius:5px;background:var(--aw-input);color:var(--aw-text);font-size:12px;overflow-wrap:anywhere;}
|
|
.adachi-workspace .aw-generation-progress progress {display:block;width:100%;height:7px;margin:6px 0 0;accent-color:var(--aw-accent);}
|
|
.adachi-workspace .aw-generation-progress[data-state=error] {color:var(--aw-error);}
|
|
.adachi-workspace .aw-generation-progress[data-state=complete] {color:var(--aw-ok);}
|
|
|
|
.adachi-workspace .aw-generation-progress progress {appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--aw-line);}
|
|
.adachi-workspace .aw-generation-progress progress::-webkit-progress-bar {background:var(--aw-line);border-radius:4px;}
|
|
.adachi-workspace .aw-generation-progress progress::-webkit-progress-value {background:var(--aw-accent);border-radius:4px;}
|
|
.adachi-workspace .aw-generation-progress progress::-moz-progress-bar {background:var(--aw-accent);border-radius:4px;}
|
|
.adachi-workspace .aw-model-warning {padding:7px 9px;border:1px solid var(--aw-line);border-left:3px solid var(--aw-error);border-radius:4px;color:var(--aw-error);font-size:12px;}
|
|
.adachi-workspace .aw-model-warning ul {margin:7px 0;padding-left:17px;overflow-wrap:anywhere;}
|
|
.adachi-workspace .aw-model-warning li {margin:5px 0;}
|
|
.adachi-workspace .aw-model-warning small {display:block;color:var(--aw-muted);}
|
|
|
|
@keyframes aw-progress-wait {from{background-position:100% 0}to{background-position:-100% 0}}
|
|
.adachi-workspace .aw-generation-progress progress:not([value]) {background:linear-gradient(90deg,var(--aw-line) 20%,var(--aw-accent) 50%,var(--aw-line) 80%);background-size:200% 100%;animation:aw-progress-wait 1.5s linear infinite;}
|
|
.adachi-workspace .aw-generation-progress progress:not([value])::-webkit-progress-bar,.adachi-workspace .aw-generation-progress progress:not([value])::-webkit-progress-value {background:transparent;}
|
|
@media(prefers-reduced-motion:reduce){.adachi-workspace .aw-generation-progress progress:not([value]){animation:none}}
|
|
|
|
.adachi-workspace .aw-splitter {position:relative;cursor:col-resize;touch-action:none;outline:none;}
|
|
.adachi-workspace .aw-splitter::before {content:"";position:absolute;top:12px;bottom:12px;left:4px;width:2px;background:var(--aw-line);border-radius:2px;}
|
|
.adachi-workspace .aw-splitter:hover::before,.adachi-workspace .aw-splitter:focus-visible::before,.adachi-workspace[data-resizing] .aw-splitter::before {background:var(--aw-accent);}
|
|
.adachi-workspace[data-resizing],.adachi-workspace[data-resizing] * {cursor:col-resize!important;user-select:none!important;}
|
|
@media(max-width:850px){.adachi-workspace .aw-splitter{display:none}.adachi-workspace main{gap:8px}}
|
|
|
|
.adachi-workspace .aw-connections {font-size:12px;border-bottom:1px solid var(--aw-line);padding:3px 0 8px;margin:0 0 10px;}
|
|
.adachi-workspace .aw-connections summary {color:var(--aw-muted);}
|
|
.adachi-workspace .aw-connections label {display:block;margin-top:8px;color:var(--aw-muted);}
|
|
.adachi-workspace .aw-connections select {display:block;width:100%;margin-top:4px;}
|
|
.adachi-workspace .aw-connections button {padding:4px 8px;margin-top:8px;}
|
|
.adachi-workspace .aw-connections p {color:var(--aw-error);}
|
|
.adachi-workspace .aw-bindings details small {display:block;overflow-wrap:anywhere;}
|