.redactor-tool{--ink:#17181c;--paper:#fbfaf7;--stamp:#9a2b2b;--stamp-soft:#f4e3e1;--line:#ddd8d0;--muted:#726c64;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}.tool{width:min(100%, var(--content-width));padding:var(--space-lg) 0;margin-inline:auto}.tool.redactor-tool{width:min(100%,900px)}.tool-title-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.tool-title-row h1{margin:0}.stamp{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stamp);border:2px solid var(--stamp);background:var(--stamp-soft);white-space:nowrap;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700;transform:rotate(-4deg)}.tool-header p{color:var(--muted)}.drop-zone{text-align:center;background:var(--paper);border:2px dashed var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.drag-over{border-color:var(--stamp);background:var(--stamp-soft);outline:none}.drop-zone-icon{color:var(--muted);font-size:1.75rem}.drop-zone p{color:var(--muted);margin:0}.drop-zone strong{color:var(--ink)}.editor{flex-direction:column;gap:1rem;display:flex}.toolbar{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:1.25rem;padding:1rem;display:flex}.control-group{flex-direction:column;gap:.4rem;display:flex}.control-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.segmented{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px;display:inline-flex;position:relative}.segmented-indicator{background:var(--ink);z-index:0;border-radius:999px;width:0;transition:transform .2s,width .2s;position:absolute;top:3px;bottom:3px;left:3px}.segmented-option{z-index:1;font:inherit;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;transition:color .15s;position:relative}.segmented-option.active{color:#fff}.toolbar-actions{gap:.5rem;margin-left:auto;display:flex}.icon-button{font:inherit;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;padding:.55rem .9rem;font-size:.85rem;transition:background .15s,border-color .15s}.icon-button:hover:not(:disabled){background:#f2f0eb;border-color:#bbb}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.danger{color:var(--stamp);border-color:#e2b9b5}.icon-button.danger:hover:not(:disabled){background:var(--stamp-soft)}.canvas-wrap{border:1px solid var(--line);border-radius:var(--radius);background:repeating-conic-gradient(#f1efe9 0% 25%,#fff 0% 50%) 50%/20px 20px;justify-content:center;padding:1rem;display:flex;overflow:auto}#canvas{cursor:crosshair;touch-action:none;border-radius:4px;max-width:100%;height:auto;display:block;box-shadow:0 1px 3px #00000026}.hint{color:var(--muted);text-align:center;margin:-.5rem 0 0;font-size:.85rem}.scan-status{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#fff;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.scan-status .spinner{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.suggestions-panel{background:var(--stamp-soft);border-radius:var(--radius);border:1px solid #e2b9b5;padding:1rem}.suggestions-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.suggestions-header h2{color:#6e2020;margin:0;font-size:.95rem}.secondary-button.small{padding:.4rem .75rem;font-size:.8rem}.suggestions-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.suggestion-item{background:#fff;border:1px solid #e8cfcd;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.suggestion-badge{background:var(--stamp);color:#fff;width:22px;height:22px;font-family:var(--mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.suggestion-label{color:var(--ink);flex:1;font-size:.88rem}.suggestion-actions{flex:none;gap:.4rem;display:flex}.suggestion-actions button{font:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:.35rem .65rem;font-size:.78rem}.suggestion-actions button:hover{background:#f2f0eb}.suggestion-actions .dismiss{color:var(--muted)}.meta-info{border-radius:var(--radius);color:#2c4a2c;background:#eef4ee;border:1px solid #cfe3cf;padding:.85rem 1rem;font-size:.9rem}.meta-info.has-metadata{background:var(--stamp-soft);color:#6e2020;border-color:#e2b9b5}.export-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.format-select{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.format-select select{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:.45rem .6rem}.export-buttons{flex-wrap:wrap;gap:.6rem;display:flex}.secondary-button,.primary-button{font:inherit;border-radius:var(--radius);cursor:pointer;padding:.65rem 1.1rem;font-size:.9rem;transition:background .15s,border-color .15s,transform 50ms}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.secondary-button:hover{background:#f2f0eb}.primary-button{background:var(--ink);border:1px solid var(--ink);color:#fff;font-weight:600}.primary-button:hover{background:#000}.primary-button:active,.secondary-button:active{transform:translateY(1px)}@media (width<=640px){.toolbar{align-items:stretch}.toolbar-actions{justify-content:flex-start;margin-left:0}.export-row{flex-direction:column;align-items:stretch}.export-buttons{justify-content:stretch}.export-buttons button{flex:1}}