.pbn-tool{--pbn-bg:#fff;--pbn-panel:#f4f6f5;--pbn-text:#24312b;--pbn-muted:#738078;--pbn-line:#cbd6cf;--pbn-accent:#27634f;--pbn-selected:#e4efe9;background:var(--pbn-bg);color:var(--pbn-text);min-height:100%;padding:30px}.dark .pbn-tool{--pbn-bg:#171c19;--pbn-panel:#222b26;--pbn-text:#e4ece7;--pbn-muted:#a4b2a9;--pbn-line:#344238;--pbn-accent:#9ad4b9;--pbn-selected:#304c3d}.pbn-tool *{box-sizing:border-box}.pbn-tool h1,.pbn-tool h2,.pbn-tool p{margin:0}:where(.pbn-tool) :where(button){background:transparent;border:0;color:inherit;cursor:pointer;font:inherit}.pbn-tool button:disabled{cursor:not-allowed;opacity:.45}.pbn-tool button:focus-visible,.pbn-tool input:focus-visible,.pbn-tool select:focus-visible{outline:2px solid var(--pbn-accent);outline-offset:3px}.pbn-tool svg{flex-shrink:0;height:17px;width:17px}.tool-heading{margin:0 auto 28px;max-width:1300px}.tool-heading h1{align-items:center;display:flex;font-size:21px;font-weight:650;gap:10px}.tool-heading h1 svg{color:var(--pbn-accent);height:25px;width:25px}.tool-heading p{color:var(--pbn-muted);font-size:13px;line-height:1.55;margin-top:9px;max-width:56rem}.tool-workspace{align-items:start;display:grid;gap:36px;grid-template-columns:300px minmax(0,1fr);margin:auto;max-width:1300px}.control-fields{display:contents}.pbn-tool .tool-controls{border-right:1px solid var(--pbn-line);min-width:0;padding-right:24px;width:100%}.pbn-tool .tool-controls section:first-child{border-bottom:1px solid var(--pbn-line);padding-bottom:20px}.pbn-tool .stack-image-uploader>div>button{background:var(--pbn-panel);border:1px dashed var(--pbn-line)}.pbn-tool .stack-image-uploader>div>button:hover:not(:disabled){background:var(--pbn-selected);border-color:var(--pbn-accent)}.tool-controls section{margin-bottom:22px}.pbn-tool h2{font-size:13px;font-weight:600;margin-bottom:12px}.pbn-difficulty-heading,.pbn-field-heading{align-items:center;display:flex;gap:6px}.pbn-tool .pbn-help-button{align-items:center;border-radius:4px;color:var(--pbn-muted);display:inline-flex;height:24px;justify-content:center;width:24px}.pbn-tool .pbn-help-button:hover{background:var(--pbn-selected);color:var(--pbn-accent)}.photo-upload{background:var(--pbn-panel);border-radius:6px;color:var(--pbn-text);overflow:hidden;width:100%}.photo-upload img{background:#202925;display:block;height:150px;-o-object-fit:contain;object-fit:contain;width:100%}.upload-empty{color:var(--pbn-muted);display:grid;height:150px;place-items:center}.upload-empty svg{height:32px;width:32px}.photo-upload>span{align-items:center;display:flex;font-size:12px;gap:8px;justify-content:center;padding:11px}.photo-upload:hover>span{background:var(--pbn-selected)}.photo-meta{color:var(--pbn-muted);font-size:10px;margin-top:10px}.segmented{background:var(--pbn-panel);border-radius:6px;display:flex;gap:3px;padding:4px}.segmented button{border-radius:4px;color:var(--pbn-muted);flex:1;font-size:12px;min-width:0;padding:9px 5px}.segmented button.selected{background:var(--pbn-bg);box-shadow:0 1px 3px #00000012;color:var(--pbn-text)}.field-row{display:grid;gap:8px}.field-row label{color:var(--pbn-muted);font-size:12px}.field-row input[type=number],.field-row select{background:var(--pbn-bg);border:1px solid var(--pbn-line);border-radius:5px;color:var(--pbn-text);font-size:13px;height:38px;padding:6px 10px;width:100%}.generate-button,.secondary-button{align-items:center;border-radius:6px;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:9px;justify-content:center;padding:12px;width:100%}.pbn-task-id{overflow-wrap:anywhere}.pbn-recovery{margin-top:12px}.pbn-recovery input{background:var(--pbn-bg);border:1px solid var(--pbn-line);min-width:0;padding:8px}.pbn-recovery a{display:block;font-size:12px;margin-top:10px;text-decoration:underline}.generate-button{background:#27634f;color:#fff}.generate-button:hover:not(:disabled){background:#1b4a3a}.pbn-tool .generate-button:disabled{background:#dce7e0;color:#52695c;opacity:1}.dark .pbn-tool .generate-button:disabled{background:#30453a;color:#a5b9ac}.secondary-button{background:var(--pbn-panel);color:var(--pbn-text);margin-top:8px}.tool-error,.tool-note{color:var(--pbn-muted);font-size:12px;line-height:1.7;margin-top:14px!important}.tool-error{color:#bf4646}.palette-chips{display:flex;flex-wrap:wrap;gap:6px}.palette-chips button{border:1px solid #80808040;border-radius:4px;height:28px;width:28px}.palette-chips button.selected{outline:2px solid var(--pbn-accent);outline-offset:2px}.result-panel{min-width:0;width:100%}.result-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px;min-height:36px}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.result-actions button{align-items:center;background:var(--pbn-panel);border-radius:5px;color:var(--pbn-text);display:flex;font-size:11px;gap:7px;padding:8px 10px}.result-actions [aria-pressed=true]{background:var(--pbn-selected);color:var(--pbn-accent)}.result-image{align-items:center;background:var(--pbn-panel);border:1px solid var(--pbn-line);border-radius:6px;display:flex;justify-content:center;max-height:70dvh;min-height:360px;overflow:hidden;position:relative}.result-image>img{cursor:crosshair;display:block;max-height:70dvh;max-width:100%;-o-object-fit:contain;object-fit:contain}.preview-empty{color:var(--pbn-muted);display:grid;font-size:13px;gap:12px;justify-items:center;padding:40px 20px;text-align:center}.preview-empty svg{height:32px;width:32px}.image-label{left:12px}.image-label,.print-badge{background:#ffffffdf;border-radius:4px;color:#304239;font-size:10px;padding:5px 8px;position:absolute;top:12px}.print-badge{right:12px}.result-caption{align-items:center;color:var(--pbn-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:7px;margin-top:13px}.result-caption>span:last-child{margin-left:auto}.loading-overlay{background:#ffffff70;display:grid;top:0;right:0;bottom:0;left:0;place-items:center;position:absolute}.spin{animation:pbn-spin 1s linear infinite}@keyframes pbn-spin{to{transform:rotate(1turn)}}@media print{body *{visibility:hidden!important}.pbn-print-root,.pbn-print-root *{visibility:visible!important}.pbn-print-root{background:#fff;top:0;right:0;bottom:0;left:0;position:absolute}.pbn-print-root img{display:block;margin:auto;max-height:100vh;max-width:100%}}@media (max-width:1000px){.pbn-tool{padding:24px}.tool-workspace{gap:24px;grid-template-columns:240px minmax(0,1fr)}}@media (max-width:700px){.pbn-tool{padding:20px 16px}.tool-workspace{display:flex;flex-direction:column;gap:26px}.pbn-tool .tool-controls{border-bottom:1px solid var(--pbn-line);border-right:0;padding-bottom:24px;padding-right:0}.result-image{max-height:none;min-height:280px}}