.tool-guide{border:1px solid #6b583f;border-radius:10px;background:#28231d;padding:18px 22px;margin:0 0 30px}.tool-guide summary{font-weight:700;color:#ffbd89;cursor:pointer;font-size:16px;min-height:40px}.tool-guide ol{padding-left:22px;color:#c5cccb;line-height:1.9;font-size:14px}.tool-guide li{margin-bottom:12px}.tool-guide b{color:#f3f3ee}.tool-guide-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.tool-guide figure{margin:0;text-align:center}.tool-guide svg{max-width:260px;width:100%;height:auto}.tool-guide figcaption{font-size:11px;color:#c4c8c8}.photo-editor-toolbar{margin:0 0 18px}.photo-editor-toolbar .tool-actions{margin:10px 0;align-items:center}.photo-editor-toolbar label{flex:1;min-width:120px}.photo-editor-toolbar input{margin:5px 0}.photo-editor-toolbar output{font-size:13px;min-width:42px;color:#ffbc86}.photo-editor-toolbar button{padding:10px 13px}.photo-editor-toolbar button[aria-pressed=true]{border-color:#ff943f;background:#35271d;color:#ffbd89}.photo-editor-toolbar #photo-active-preview{font-size:12px;color:#c2cbcd;margin:10px 0}.photo-canvas-wrap{max-height:65vh;overflow:auto;overscroll-behavior:contain;scrollbar-color:#859095 #1b2428}.photo-canvas-wrap canvas{max-width:none;touch-action:none;outline-offset:-3px!important}.photo-canvas-wrap canvas:focus-visible{outline:2px solid #ffab66}.vertex-edit-details{border:1px solid #505c62;border-radius:7px;padding:4px 13px}.variant-card.is-favorite,#compare-two figure.is-favorite{border:2px solid #ff943f;box-shadow:0 0 0 3px #ff943f15}.variant-card [data-favorite]{margin-bottom:10px}.variant-card [data-favorite][aria-pressed=true],#compare-two button[aria-pressed=true]{background:#49301e;border-color:#ff943f;color:#ffd3af}#favorite-status{color:#ffbf8d;font-size:14px}#variant-compare-dialog{width:min(1280px,94vw);max-width:94vw;max-height:92vh;padding:0;border:1px solid #66747a;border-radius:12px;background:#151d21;color:#f4f4ed;overflow:auto;box-sizing:border-box}#variant-compare-dialog::backdrop{background:#070c0fed}.compare-dialog-inner{padding:28px}.compare-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.compare-dialog-heading h2{font-size:30px;margin:0}.compare-dialog-inner p{font-size:13px;color:#bdc7cb;line-height:1.8}.compare-dialog-inner button{background:#273339;border:1px solid #5b6b72;color:#f2f4ed;min-height:44px;padding:10px 15px;border-radius:6px;cursor:pointer}.compare-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.compare-two figure{min-width:0;margin:0;background:#202a2f;border:1px solid #4c5c64;border-radius:8px;padding:16px}.compare-two label{font-size:12px;color:#c7d1d5}.compare-two select{display:block;width:100%;background:#121a1e;color:white;border:1px solid #617079;padding:12px;margin:8px 0 18px;border-radius:5px;font-size:16px}.compare-two canvas{width:100%;height:auto;display:block;border-radius:5px}.compare-two figcaption{font-size:13px;line-height:1.8;margin:14px 0;color:#d0d7d8}.compare-two button{width:100%}@media(max-width:650px){.tool-guide{padding:16px}.tool-guide-grid{grid-template-columns:1fr;gap:10px}.tool-guide figure svg{max-height:140px}.tool-guide li{font-size:13px}.photo-editor-toolbar .tool-actions{gap:8px}.photo-editor-toolbar .tool-actions>*{width:auto}.photo-editor-toolbar label{flex:1}.photo-editor-toolbar #zoom-fit{width:100%}.photo-editor-toolbar #photo-edit-mode,.photo-editor-toolbar #photo-pan-mode{width:100%}.compare-dialog-heading{align-items:flex-start;flex-direction:column;gap:14px}.compare-dialog-inner{padding:18px}.compare-two{grid-template-columns:1fr}.compare-dialog-heading h2{font-size:26px}.photo-canvas-wrap{max-height:55vh}}@media(prefers-reduced-motion:reduce){.photo-canvas-wrap{scroll-behavior:auto}}