.ai-sketch-page{--ai-sketch-field-bg:#eef4f4;--ai-sketch-border:#dbe4e4;display:flex;flex-direction:column;min-height:100%;padding:0 8px 24px}.ai-sketch-header{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;background-color:var(--white-color)}.ai-sketch-header__title{margin:0;font-size:17px;font-weight:700;color:var(--green-shade-color)}.ai-sketch-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin:0}.ai-sketch-header__meta-item{display:flex;align-items:center;gap:8px}.ai-sketch-header__meta-item dt{margin:0;font-size:13px;font-weight:500;color:var(--label-grey-color)}.ai-sketch-header__meta-item dd{margin:0;font-size:13px;font-weight:700;color:var(--dark-grey-color)}.ai-sketch-header__actions{display:flex;gap:12px}.ai-sketch-body{display:flex;flex-direction:column;gap:20px;padding:20px 16px 24px;background-color:var(--white-color);border:1px solid var(--ai-sketch-border);border-radius:8px}.ai-sketch-composer{display:flex;flex-direction:column;gap:12px}.ai-sketch-composer__prompt-field{width:100%;max-width:890px;margin-left:auto}.ai-sketch-composer__label{display:block;margin-bottom:4px;font-size:13px;font-weight:600;color:var(--label-grey-color)}.ai-sketch-composer__prompt{display:block;width:100%;padding:14px 16px;font-size:14px;line-height:1.45;color:var(--dark-grey-color);background-color:var(--ai-sketch-field-bg);border:1px solid var(--ai-sketch-border);border-radius:8px;resize:vertical}.ai-sketch-composer__prompt:focus{outline:none;border-color:var(--light-grey-color-input-focus-border);background-color:var(--light-green-color-input-focus-bg)}.ai-sketch-composer__prompt::-moz-placeholder{color:var(--placeholder-grey-color)}.ai-sketch-composer__prompt::placeholder{color:var(--placeholder-grey-color)}.ai-sketch-composer__prompt[readonly]{cursor:default}.ai-sketch-composer__prompt.is-invalid,.ai-sketch-composer__prompt.is-invalid:focus{border-color:var(--medium-red-color);background-color:var(--light-red-color)}.ai-sketch-composer__field-error{margin:4px 0 0;font-size:12px;color:var(--medium-red-color)}.ai-sketch-composer__actions,.ai-sketch-composer__sources{display:flex;justify-content:flex-end;gap:12px}.ai-sketch-composer__actions{align-items:center}.ai-sketch-composer__error{margin:0;text-align:right;font-size:13px;color:var(--medium-red-color)}.ai-sketch-references{display:flex;flex-direction:column;gap:14px;width:100%;max-width:890px;margin-left:auto}.ai-sketch-reference__head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 6px}.ai-sketch-reference__title{font-size:13px;font-weight:600;color:var(--dark-grey-color)}.ai-sketch-reference__remove{display:inline-flex;padding:0;color:var(--label-grey-color);background:none;border:none}.ai-sketch-reference__remove:hover{color:var(--medium-red-color)}.ai-sketch-reference__body{display:flex;align-items:stretch;gap:12px;padding:10px;background-color:var(--ai-sketch-field-bg);border:1px solid var(--ai-sketch-border);border-radius:8px}.ai-sketch-reference__thumb{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:58px;height:58px;overflow:hidden;background-color:var(--white-color);border:1px solid var(--ai-sketch-border);border-radius:6px}.ai-sketch-reference__thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ai-sketch-reference__input{flex:1 1 auto;min-height:58px;padding:6px 4px;font-size:14px;color:var(--dark-grey-color);background:transparent;border:none;resize:none}.ai-sketch-reference__input:focus{outline:none}.ai-sketch-reference__input::-moz-placeholder{color:var(--placeholder-grey-color)}.ai-sketch-reference__input::placeholder{color:var(--placeholder-grey-color)}.ai-sketch-result{display:flex;flex-direction:column;gap:14px;padding-top:4px}.ai-sketch-result__message{margin:0;padding-bottom:12px;font-size:14px;color:var(--dark-grey-color);border-bottom:1px solid var(--ai-sketch-border)}.ai-sketch-result__options{display:flex;flex-wrap:wrap;gap:24px}.ai-sketch-option{display:flex;flex-direction:column;gap:8px;margin:0}.ai-sketch-option__label{font-size:13px;font-weight:600;color:var(--dark-grey-color)}.ai-sketch-option__frame{display:flex;align-items:center;justify-content:center;width:112px;height:112px;overflow:hidden;background-color:var(--white-color);border:1px solid var(--ai-sketch-border);border-radius:6px}.ai-sketch-option__frame.is-accepted{border-color:var(--green-color);box-shadow:0 0 0 2px var(--secondary-btn-bg)}.ai-sketch-option__frame img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ai-sketch-option__actions{display:flex;gap:12px}.ai-sketch-option__action{display:inline-flex;padding:0;color:var(--dark-grey-color);background:none;border:none}.ai-sketch-option__action:hover{color:var(--green-color)}.ai-sketch-option__action.is-active{color:#16a34a}.ai-sketch-option__action.is-rejected{color:var(--medium-red-color)}.ai-sketch-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 16px;font-size:13px;font-weight:600;border-radius:6px;border:1px solid transparent;white-space:nowrap}.ai-sketch-btn:disabled{opacity:.6;cursor:not-allowed}.ai-sketch-btn--soft{color:var(--green-shade-color);background-color:var(--secondary-btn-bg);border-color:var(--secondary-btn-border)}.ai-sketch-btn--soft:hover:not(:disabled){background-color:var(--light-green-color-button)}.ai-sketch-btn--primary{color:var(--white-color);background-color:var(--green-shade-color)}.ai-sketch-btn--primary:hover:not(:disabled){background-color:var(--green-pre-hover-color)}.ai-sketch-select{position:relative}.ai-sketch-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:128px;min-height:34px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--green-shade-color);background-color:var(--secondary-btn-bg);border:1px solid var(--secondary-btn-border);border-radius:6px}.ai-sketch-select__trigger.is-filled{background-color:var(--neon-color);border-color:var(--neon-color)}.ai-sketch-select__trigger:disabled{opacity:.6;cursor:not-allowed}.ai-sketch-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-sketch-select__clear{display:inline-flex;align-items:center;color:var(--green-shade-color)}.ai-sketch-select__menu{position:absolute;right:0;top:calc(100% + 4px);z-index:40;min-width:100%;max-height:220px;margin:0;padding:4px;overflow-y:auto;list-style:none;background-color:var(--white-color);border:1px solid var(--ai-sketch-border);border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.08)}.ai-sketch-select__option{display:block;width:100%;padding:7px 10px;font-size:13px;text-align:left;color:var(--dark-grey-color);background:none;border:none;border-radius:4px}.ai-sketch-select__option.is-active,.ai-sketch-select__option:hover{background-color:var(--light-green-color-table-strip)}.ai-sketch-select__notice{display:block;padding:7px 10px;font-size:12px;color:var(--grey-color);cursor:default}.ai-sketch-select__notice.is-error{color:var(--medium-red-color)}.ai-sketch-zoomable{position:relative;padding:0;margin:0;font:inherit;cursor:zoom-in}.ai-sketch-zoomable:focus-visible{outline:2px solid var(--green-color);outline-offset:2px}.ai-sketch-zoomable__hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--white-color);background-color:rgba(0,0,0,.35);opacity:0;transition:opacity .15s ease;pointer-events:none}.ai-sketch-zoomable:focus-visible .ai-sketch-zoomable__hint,.ai-sketch-zoomable:hover .ai-sketch-zoomable__hint{opacity:1}.ai-sketch-zoom-modal__body{display:flex;align-items:center;justify-content:center;padding:0}.ai-sketch-zoom-modal__image{display:block;max-width:90vw;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}@media (max-width:768px){.ai-sketch-composer__prompt,.ai-sketch-references{max-width:100%}.ai-sketch-composer__actions,.ai-sketch-composer__sources{flex-wrap:wrap;justify-content:flex-start}}