.app-nav{font-size:.85rem}.app-nav a{color:var(--accent-2)}.hint.small{margin:.5rem 0;font-size:.8rem}.tattoo-app .panel h2{margin-bottom:.75rem}.dropzone--compact{margin-bottom:.75rem;padding:.75rem}.dropzone--compact p{margin:0;font-size:.9rem}.tool-group{border-right:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-right:.25rem;padding-right:.5rem;display:inline-flex}.toolbar button:disabled{opacity:.45;cursor:not-allowed}.toolbar .primary-btn.small{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.brush-row{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.brush-row .slider{flex:1;min-width:200px;max-width:360px;margin:0}.stage{flex-direction:column;align-items:center;width:100%;display:flex}.stage__frame{background:#111;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000026}.stage__canvas,.stage__overlay{display:block;position:absolute;inset:0}.stage__overlay{touch-action:none;-webkit-user-select:none;user-select:none}.guide-outline{fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:6 4;filter:drop-shadow(0 0 1px #000c);pointer-events:none}.guide-line{stroke:#fff;stroke-width:1.5px;pointer-events:none}.guide-mesh{fill:none;stroke:#2cbeffd9;stroke-width:1.25px;pointer-events:none}.handle{fill:#fff;stroke:var(--accent-2);stroke-width:2px}.handle--scale{cursor:nwse-resize}.handle--rotate{cursor:grab;fill:var(--accent-2);stroke:#fff}.handle--point{cursor:grab;fill:#2cbeffe6;stroke:#fff}.handle--measure{cursor:grab;fill:#f5b700;stroke:#000;stroke-width:1.5px}.brush-cursor{fill:#ffffff1a;stroke:#fff;stroke-width:1.5px;pointer-events:none;filter:drop-shadow(0 0 1px #000000e6)}.dim{pointer-events:none}.dim__halo{fill:none;stroke:#0000008c;stroke-width:3.5px;stroke-linecap:round}.dim__line{fill:none;stroke:#fff;stroke-width:1.5px;stroke-linecap:round}.dim--reference .dim__line{stroke:#f5b700}.dim__label-bg{fill:#000000a6}.dim__label{fill:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600}.dim--reference .dim__label{fill:#f5b700}.slider{flex-direction:column;gap:.2rem;margin-bottom:.7rem;display:flex}.slider__label{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.slider__label output{color:var(--text);font-variant-numeric:tabular-nums}.slider input[type=range]{width:100%;accent-color:var(--accent-2)}.inline-field{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:.7rem;font-size:.85rem;display:flex}.inline-field select,.number-field select{border:1px solid var(--border);background:var(--panel-bg);color:var(--text);border-radius:6px;flex:1;padding:.35rem}.inline-field input[type=color]{border:1px solid var(--border);background:0 0;border-radius:6px;width:2.25rem;height:2rem;padding:0}.tattoo-app .checkbox-label{margin-bottom:.7rem;font-size:.85rem;display:flex}.field-pair{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.number-field{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.number-field__input{align-items:center;gap:.35rem;display:flex}.number-field input{border:1px solid var(--border);background:var(--panel-bg);width:100%;min-width:0;color:var(--text);border-radius:6px;padding:.35rem .45rem;font-size:.95rem}.number-field__suffix{color:var(--text)}.button-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.tattoo-app .secondary-btn{padding:.4rem .8rem;font-size:.85rem}.tattoo-app .secondary-btn:disabled{opacity:.45;cursor:not-allowed}.layer-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.layer-row{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem;display:flex}.layer-row--selected{border-color:var(--accent-2);background:#2c74b314}.layer-thumb{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:4px;flex-shrink:0;width:36px;height:36px}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.layer-name--hidden{color:var(--muted);text-decoration:line-through}.layer-actions{gap:.15rem;display:flex}.layer-actions button{width:1.7rem;height:1.7rem;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:0;font-size:.8rem}.layer-actions button:hover:not(:disabled){border-color:var(--border);background:var(--bg)}.layer-actions button:disabled{opacity:.3;cursor:default}.layer-actions .danger{color:var(--accent)}.tattoo-app .editor-layout{grid-template-columns:1fr 320px}@media (width<=900px){.tattoo-app .editor-layout{grid-template-columns:1fr}.tool-group{border-right:none;width:100%;margin-right:0;padding-right:0}}