10 lines
6.1 KiB
CSS
10 lines
6.1 KiB
CSS
.adachi-workspace{position:fixed;inset:0;z-index:12000;background:#eef1f4;color:#273340;font:14px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;display:flex;flex-direction:column;color-scheme:light}
|
|
.adachi-workspace *{box-sizing:border-box}.adachi-workspace [hidden]{display:none!important}
|
|
.adachi-workspace header{height:64px;flex-shrink:0;background:#fff;border-bottom:1px solid #d9dfe6;display:flex;align-items:center;gap:16px;padding:0 24px}.adachi-workspace h1{font-size:19px;font-weight:650;margin:0 auto 0 0;letter-spacing:.2px}.adachi-workspace h1 small{display:block;font-size:10px;letter-spacing:1.8px;color:#7d8c9d;font-weight:500}
|
|
.adachi-workspace button,.adachi-workspace select,.adachi-workspace input,.adachi-workspace textarea{font:inherit;color:#263747;background:#fff;border:1px solid #ced7e1;border-radius:5px;padding:7px 10px}.adachi-workspace button{cursor:pointer;white-space:nowrap}.adachi-workspace button:hover{border-color:#6685aa;background:#f3f7fb}.adachi-workspace button:disabled{opacity:.4;cursor:not-allowed}.adachi-workspace button:focus-visible{outline:2px solid #3475b9;outline-offset:2px}.adachi-workspace button.active{border-color:#457fb3;background:#edf5fb;color:#1c629a}.adachi-workspace .primary{background:#276da7;color:#fff;border-color:#276da7}.adachi-workspace .primary:hover{background:#1a598a;color:white}
|
|
.adachi-workspace main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;padding:14px;flex:1;min-height:0}.adachi-workspace .aw-canvas{background:white;border:1px solid #dce2e9;border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.adachi-workspace .aw-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;align-items:center;border-bottom:1px solid #e3e8ed}.adachi-workspace .aw-toolbar .spacer{flex:1}.adachi-workspace .aw-surface{flex:1;min-height:200px;position:relative;background:#e9edf1}.adachi-workspace aside{overflow:auto;background:#fff;border:1px solid #dce2e9;border-radius:8px;padding:16px}.adachi-workspace aside h2{font-size:12px;letter-spacing:1px;color:#708096;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-status{font-size:12px;color:#6c7d8d;max-width:50vw}.adachi-workspace .aw-status[data-state=ok]{color:#277f61}.adachi-workspace .aw-status[data-state=error]{color:#ac443c}.adachi-workspace .aw-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid #e1e6eb;font-size:12px;color:#738393}.adachi-workspace .aw-footer select{max-width:260px;padding:4px 7px}.adachi-workspace .aw-note{padding:8px 12px;border-top:1px solid #e1e6eb;color:#6c7d8d;font-size:12px}.adachi-workspace .aw-result-image{width:100%;height:100%;position:absolute;object-fit:contain;background:#e9edf1}
|
|
.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:#fff;--dd-panel:#f3f5f8;--dd-line:#d3dce6;--dd-text:#263747;--dd-muted:#718195;--dd-accent:#327aad;color:#263747;color-scheme:light;background:#fff}.adachi-workspace .dd-inpaint button{background:#f3f6f9;color:#263747}.adachi-workspace .dd-inpaint .dd-stage{background-color:#e9edf1;background-image:linear-gradient(45deg,#e0e5eb 25%,transparent 25%),linear-gradient(-45deg,#e0e5eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e5eb 75%),linear-gradient(-45deg,transparent 75%,#e0e5eb 75%)}.adachi-workspace .dd-inpaint input,.adachi-workspace .dd-inpaint select{background:#f7f9fb;color:#273747}.adachi-workspace .dd-inline-minimal{background:transparent}.adachi-workspace .dd-crop-bar{background:#ffffffed}.adachi-workspace .dd-inpaint .dd-upload-progress{background:#ffffffed;color:#273747}.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:#fff}.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}
|
|
@media(max-width:850px){.adachi-workspace main{grid-template-columns:1fr;overflow:auto}.adachi-workspace .aw-canvas{min-height:65vh}.adachi-workspace aside{overflow:visible}.adachi-workspace header{padding:8px 12px;height:auto;min-height:60px;flex-wrap:wrap}.adachi-workspace .aw-status{max-width:55vw}.adachi-workspace .aw-toolbar button{padding:6px}}
|
|
.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-presets button[aria-pressed=true]{background:#eaf3fb;border-color:#5185b2;color:#205b8b}.adachi-workspace .aw-bindings label{display:block;font-size:12px;color:#51667b}.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 details{border-bottom:1px solid #e1e7ed;padding:5px 0 10px}.adachi-workspace .aw-bindings summary{font-size:12px;color:#44647e}.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 .dd-inline-minimal>.dd-status:not([hidden]){background:#ffffffec;color:#963b36}.adachi-workspace .dd-inpaint .dd-param-grid{gap:8px}
|