/* Owner testing workspace. Compact forms, explicit targets, native item art. */
#panel-owner{max-width:1050px;margin:0 auto;color:#dfceaa}
.owner-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.owner-heading>img{width:40px;height:44px;object-fit:contain}
.owner-heading>div{flex:1;min-width:0}
.owner-heading h2{font:28px/1.2 Georgia,serif;color:#ead9af;margin:0}
.owner-heading p{font:12px/1.5 Arial,sans-serif;color:#b7aa8d;margin:5px 0 0;overflow-wrap:anywhere}
.owner-heading>button{font-size:11px;background:transparent;border-color:#82683d;padding:8px 11px}
.owner-tabs{display:flex;gap:6px;margin:0 0 16px}
.owner-tabs button{flex:1;border:1px solid #6f573280;border-radius:2px;background:transparent;color:#cbb995;font:15px/1.4 Georgia,serif;min-height:42px}
.owner-tabs button[aria-pressed=true]{border-color:#bc934d;background:#6f57321a;color:#edce88}
.owner-content-items{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:16px;align-items:start}
.owner-item-browser,.owner-item-selected,.owner-card{min-width:0;border:1px solid #6f573280;background:#151710;padding:14px;border-radius:3px}
#panel-owner label{display:block;color:#c4b38e;font:11px/1.5 Arial,sans-serif;min-width:0}
#panel-owner input:not([type=range]),#panel-owner select{display:block;width:100%;min-width:0;min-height:40px;margin:6px 0 12px;padding:8px 10px;background:#0d100c;border:1px solid #6f573280;border-radius:2px;color:#e4d3b0;font:12px/1.4 Arial,sans-serif}
#panel-owner button{border-radius:2px}
#panel-owner button:focus-visible,#panel-owner input:focus-visible,#panel-owner select:focus-visible{outline:2px solid #edca83;outline-offset:3px}
.owner-search{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:8px}
.owner-item-results{display:flex;flex-direction:column;gap:4px;max-height:510px;overflow:auto;scrollbar-width:thin;padding-right:3px}
.owner-item-results>button{display:flex;align-items:center;gap:9px;min-width:0;width:100%;min-height:52px;padding:6px 8px;text-align:left;background:transparent;border:1px solid #6f573244;color:#e0cba4}
.owner-item-results>button[aria-pressed=true]{border-color:#c69b4a;background:#6f573222}
.owner-item-results>button:hover{border-color:#a78346}
.owner-result-icon{display:grid;place-items:center;width:34px;height:40px;flex:none}
.owner-result-icon img{width:32px;height:38px;object-fit:contain}
.owner-item-results strong{display:block;font:15px/1.3 Georgia,serif;overflow-wrap:anywhere}
.owner-item-results small{display:block;font:10px/1.5 Arial,sans-serif;color:#ac9e82;margin-top:3px}
.owner-item-fallback{font:9px/1.3 Arial,sans-serif;color:#a89571;overflow-wrap:anywhere}
.owner-item-pages{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:12px}
.owner-item-pages button{min-height:34px;padding:5px 8px;font-size:10px;background:transparent;border-color:#6f573266}
.owner-item-pages>span{font:10px/1.4 Arial,sans-serif;color:#ac9e82;text-align:center}
.owner-item-selected{position:sticky;top:calc(var(--header-height) + 14px)}
.owner-item-selected>header{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #6f573266}
.owner-item-image{display:grid;place-items:center;width:60px;height:80px;flex:none;border:1px solid #6f573266;background:#10120f}
.owner-item-image img{width:50px;height:70px;object-fit:contain}
.owner-item-selected h3,.owner-card h3{margin:0 0 12px;font:21px/1.3 Georgia,serif;color:#ead9af;overflow-wrap:anywhere}
.owner-item-selected>header h3{margin-bottom:5px;font-size:20px}
.owner-item-selected header small{font:10px/1.5 Arial,sans-serif;color:#b7aa8d}
.owner-note{font:11px/1.6 Arial,sans-serif;color:#b7aa8d;margin:0 0 14px}
.owner-actions{display:flex;flex-wrap:wrap;gap:7px}
.owner-actions>button{flex:1;min-height:40px;padding:8px;font:11px/1.4 Arial,sans-serif;background:#6f57321a;border-color:#82683d;color:#dfc99d}
#panel-owner .primary{background:#735023;color:#f0d39b;border-color:#bd934f}
.owner-link{width:100%;min-height:36px;margin-top:8px;background:transparent;border:0;color:#c6af82;font:11px/1.5 Arial,sans-serif}
.owner-select-empty{padding:24px 6px;text-align:center}
.owner-select-empty p{font:12px/1.6 Arial,sans-serif;color:#b7aa8d}
.owner-content-character{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.owner-card form>button{min-height:40px;width:100%;background:#6f57321a;border-color:#82683d;color:#dfc99d;font:12px/1.4 Arial,sans-serif}
.owner-current{font:600 19px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#e5c47e;margin:0 0 12px}
.owner-utilities{grid-column:1/-1}
.owner-utilities>button{min-height:40px;margin:0 6px 10px 0;font:12px/1.4 Arial,sans-serif;padding:8px 12px;background:transparent;border-color:#82683d;color:#dfc99d}
.owner-utilities .owner-note{margin:0}
.owner-content-skills{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:12px;align-items:start}
.owner-skill-card>header{display:flex;align-items:center;gap:12px;margin:16px 0;border-top:1px solid #6f573266;padding-top:16px}
.owner-skill-card>header>img{width:44px;height:44px;object-fit:contain}
.owner-skill-card>header h3{margin:0 0 5px}
.owner-skill-card>header p{font:12px/1.5 Arial,sans-serif;color:#c9b48b;margin:0}
#owner-skill-form>label{display:flex;justify-content:space-between;align-items:center}
#owner-skill-rank{font:600 18px/1.4 Arial,sans-serif;color:#e5c47e}
#owner-skill-range{width:100%;height:28px;margin:9px 0 14px;accent-color:#c69b4a}
.owner-skill-presets{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px}
.owner-skill-presets>button{flex:1;min-height:36px;padding:6px 8px;background:transparent;border-color:#6f573280;color:#d9c395;font-size:11px}
.owner-locked{padding:24px;border:1px solid #6f573266;color:#b7aa8d;font:13px/1.5 Arial,sans-serif}
@media(max-width:750px){.owner-content-items,.owner-content-skills{grid-template-columns:1fr}.owner-item-selected{position:static}.owner-item-results{max-height:300px}.owner-heading h2{font-size:25px}.owner-heading>img{width:32px;height:36px}.owner-heading>button{max-width:110px;font-size:10px}.owner-search{grid-template-columns:minmax(0,1fr) 105px}}
@media(max-width:500px){.owner-content-character{grid-template-columns:1fr}.owner-item-browser,.owner-item-selected,.owner-card{padding:12px}.owner-item-pages button{min-height:38px}}
