2 lines
6.1 KiB
CSS
2 lines
6.1 KiB
CSS
html{min-height:100%;background:radial-gradient(140% 120% at 20% 20%,rgba(239,229,214,.9),transparent),radial-gradient(120% 120% at 80% 0%,rgba(255,255,255,.9),transparent),#f8f3e8}#custom-tools-app{min-height:100vh}.custom-tools-page[data-v-1fb9e62c]{--sand: #f8f3e8;--sand-strong: #efe5d6;--paper: #ffffff;--brown: #4b3626;--brown-strong: #2f2015;--ink: #1a120b;--muted: #6f635a;--border: #e3d8c8;--glow: 0 14px 40px rgba(47, 32, 21, .12);--radius-lg: 18px;--radius-md: 12px;width:100%;max-width:1180px;margin:0 auto;padding:28px;font-family:Space Grotesk,Noto Sans SC,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:transparent}.custom-tools-page.editor-only[data-v-1fb9e62c]{max-width:1080px;width:min(1080px,100%);padding:20px 16px}.page-header[data-v-1fb9e62c]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-header h1[data-v-1fb9e62c]{margin:0;letter-spacing:.4px;color:var(--brown-strong)}.page-header p[data-v-1fb9e62c]{margin:4px 0 0;color:var(--muted)}.actions[data-v-1fb9e62c]{display:flex;flex-wrap:wrap;gap:8px}.panel[data-v-1fb9e62c]{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--glow)}.tool-list-header[data-v-1fb9e62c]{display:flex;align-items:center;gap:8px}.tool-grid[data-v-1fb9e62c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}.tool-card[data-v-1fb9e62c]{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .1s,background .2s;background:linear-gradient(180deg,#fffdf8,#fff,#fbf6ed)}.tool-card[data-v-1fb9e62c]:hover{border-color:var(--brown);box-shadow:0 12px 30px #2f20151f;transform:translateY(-1px)}.tool-card-title[data-v-1fb9e62c]{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-card-title strong[data-v-1fb9e62c]{word-break:break-all;color:var(--brown-strong)}.desc[data-v-1fb9e62c]{margin:6px 0;color:var(--muted);min-height:32px;word-break:break-word}.meta[data-v-1fb9e62c],.files[data-v-1fb9e62c]{display:flex;gap:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.files span[data-v-1fb9e62c]{max-width:100%;word-break:break-all}.tag[data-v-1fb9e62c]{background:#4b362614;color:var(--brown-strong);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px;white-space:nowrap}.drawer-header[data-v-1fb9e62c]{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer-header h3[data-v-1fb9e62c]{margin:0}.editor-panel[data-v-1fb9e62c]{margin-top:16px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--glow);width:100%;box-sizing:border-box}.editor-page[data-v-1fb9e62c]{margin-top:12px}.editor-page-header[data-v-1fb9e62c]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.breadcrumbs[data-v-1fb9e62c]{display:flex;gap:8px;align-items:center}.status[data-v-1fb9e62c]{color:var(--muted)}.status.error[data-v-1fb9e62c]{color:var(--state-danger)}.editor-only[data-v-1fb9e62c]{max-width:1080px}.tabs[data-v-1fb9e62c]{display:flex;gap:8px;flex-wrap:wrap}.tabs button[data-v-1fb9e62c]{padding:8px 12px;border:1px solid var(--border);background:#fdf8ef;border-radius:10px;cursor:pointer;color:var(--muted)}.tabs button.active[data-v-1fb9e62c]{border-color:var(--brown);color:var(--brown-strong);background:#fff;box-shadow:inset 0 0 0 1px #4b36260a}.editor[data-v-1fb9e62c]{flex:1;min-height:320px;width:100%;overflow:auto}.editor textarea[data-v-1fb9e62c]{width:100%;height:100%;min-height:320px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;border:1px solid var(--border);border-radius:12px;padding:14px;outline:none;resize:vertical;background:#fdf9f1;color:var(--ink);line-height:1.5;box-shadow:inset 0 2px 6px #2f20150a;box-sizing:border-box;max-width:100%}.hint[data-v-1fb9e62c]{font-size:12px;color:var(--muted)}.modal-backdrop[data-v-1fb9e62c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120b4d;display:flex;align-items:center;justify-content:center;z-index:2100}.modal[data-v-1fb9e62c]{background:var(--paper);padding:18px;border-radius:var(--radius-lg);width:360px;max-width:min(420px,90vw);box-sizing:border-box;box-shadow:0 16px 40px #2f20152e;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border)}.modal h3[data-v-1fb9e62c]{margin:0;color:var(--brown-strong)}.modal input[data-v-1fb9e62c]{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fdf8ef;box-sizing:border-box}.modal-actions[data-v-1fb9e62c]{display:flex;justify-content:flex-end;gap:8px}.delete-tip[data-v-1fb9e62c]{margin:4px 0 8px;color:var(--muted)}.error[data-v-1fb9e62c]{color:var(--state-danger)}.empty[data-v-1fb9e62c]{color:var(--muted);padding:12px}.primary[data-v-1fb9e62c],.ghost[data-v-1fb9e62c],.danger[data-v-1fb9e62c]{font-family:inherit;font-weight:600;font-size:14px;line-height:1.1;border-radius:12px;padding:10px 18px}.primary[data-v-1fb9e62c]{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;border:none;cursor:pointer;box-shadow:0 10px 22px #2f201526}.primary[data-v-1fb9e62c]:disabled{opacity:.6;cursor:not-allowed}.ghost[data-v-1fb9e62c]{border:1px solid var(--border);text-decoration:none;color:var(--brown-strong);background:#fffdf8}.ghost[data-v-1fb9e62c]:disabled{opacity:.6;cursor:not-allowed}.danger[data-v-1fb9e62c]{background:linear-gradient(135deg,#c05621,#9c4221);color:#fff;border:none;cursor:pointer;box-shadow:0 12px 28px #9c422138}.actions .primary[data-v-1fb9e62c],.actions .ghost[data-v-1fb9e62c]{text-decoration:none}@media (max-width: 900px){.drawer-content[data-v-1fb9e62c]{max-width:100%}}@media (max-width: 640px){.custom-tools-page[data-v-1fb9e62c]{padding:16px}.page-header[data-v-1fb9e62c]{flex-direction:column;align-items:flex-start}.actions[data-v-1fb9e62c]{width:100%}.tool-grid[data-v-1fb9e62c]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.drawer[data-v-1fb9e62c]{width:100%}.drawer-content[data-v-1fb9e62c]{padding:12px}.editor textarea[data-v-1fb9e62c]{min-height:220px}}
|