.tool-workspace{color:var(--cream);background:#121214;border:1px solid #ffffff29;border-radius:20px;gap:24px;padding:clamp(18px,3vw,32px);display:grid}.tool-workspace .tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-workspace label{color:#d8d4cd;gap:8px;font-size:13px;display:grid}.tool-workspace input:not([type=range]),.tool-workspace select{color:#fff;width:100%;min-width:0;min-height:44px;font:inherit;background:#202022;border:1px solid #ffffff40;border-radius:8px;padding:10px 12px}.tool-workspace input[type=range]{width:100%;min-height:32px;accent-color:var(--accent)}.tool-workspace input[type=color]{padding:4px}.tool-workspace :is(input,select,button,a):focus-visible{outline-offset:4px;outline:2px solid #ff9e72}.tool-workspace .tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-workspace button,.tool-workspace .tool-link{min-height:44px;color:var(--cream);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:24px;padding:11px 18px;font-size:14px;text-decoration:none}.tool-workspace button:active{transform:scale(.96)}.tool-workspace button:disabled{opacity:.45;cursor:not-allowed}.tool-workspace button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.tool-workspace p{color:#c4c0b9;margin:0;font-size:13px;line-height:1.6}.tool-workspace h2{margin:0;font-size:20px;font-weight:500}.tool-workspace .tool-preview{color:#171717;overflow-wrap:anywhere;background:#fff;border-radius:10px;min-width:0;padding:24px}.tool-workspace .tool-preview table{max-width:100%}.tool-workspace .tool-preview td{word-break:break-word}.tool-workspace .tool-error{color:#ffb5a5}.tool-workspace canvas{background:repeating-conic-gradient(#dedbd5 0% 25%,#f7f5f0 0% 50%) 50%/20px 20px;width:100%;max-width:420px;height:auto;margin:auto;display:block}.tool-workspace summary{cursor:pointer;padding-block:12px}.tool-workspace details p{margin-bottom:12px}@media (max-width:520px){.tool-workspace .tool-fields{grid-template-columns:1fr}.tool-workspace .tool-preview{padding:16px}}@media (prefers-reduced-motion:reduce){.tool-workspace button:active{transform:none}}.tool-workspace .photo-checks{gap:20px;padding-top:8px;display:grid}.tool-workspace .photo-check-row{border-top:1px solid #ffffff29;padding-top:16px}.tool-workspace .photo-check-row h3{margin:0 0 8px;font-size:15px;font-weight:600}.tool-workspace .photo-check-row p+p{margin-top:8px}