:root{--bg:#f4efeb;--paper:#fffdfb;--text:#302a27;--muted:#8a7f78;--line:#e7ddd7;--accent:#8b645a;--accent-soft:#f2e7e2;--shadow:0 10px 26px rgba(79,59,48,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}.settings-wrap{max-width:1180px;margin:0 auto;padding:28px}.settings-header{margin-bottom:22px}.back-link{display:inline-flex;margin-bottom:14px;color:#786b65;text-decoration:none;font-size:14px;font-weight:700}.back-link:hover{color:var(--accent)}h1{margin:0;font-size:28px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.setting-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px}.card-head{margin-bottom:16px}.card-head h2{margin:0;font-size:18px}.item-list{display:grid;gap:8px;min-height:52px;position:relative}.setting-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #eee4de;border-radius:12px;background:#fff;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.setting-item.dragging{opacity:1;background:#fff;border-color:#d8c6bd;box-shadow:0 10px 24px rgba(79,59,48,.16);transition:none;z-index:20}.drag-placeholder{width:100%;border-radius:12px}.drag-handle{appearance:none;border:0;background:none;color:#a99a92;font:inherit;font-size:20px;line-height:1;cursor:grab;padding:4px 2px;touch-action:none}.drag-handle:active{cursor:grabbing;color:var(--accent)}.item-name{font-weight:700}.delete-btn{appearance:none;border:0;background:none;color:#a56b61;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:5px 7px}.add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}.add-row input,.color-add input{width:100%;border:1px solid #ddd2cc;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;color:var(--text);outline:none}.add-row input:focus,.color-add input:focus{border-color:#b69489;box-shadow:0 0 0 3px rgba(139,100,90,.1)}.add-row button,.color-add button{appearance:none;border:0;border-radius:12px;background:var(--accent);color:#fff;padding:0 16px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.lash-type-item{display:block;padding:0;overflow:hidden}.lash-type-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px}.lash-type-name-wrap{display:flex;align-items:center;gap:8px;min-width:0}.color-toggle{appearance:none;border:0;background:transparent;color:#9d8d85;width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:0 0 auto}.color-toggle:hover{background:#f5efeb;color:var(--accent)}.toggle-arrow{display:block;font-size:20px;line-height:1;transform:rotate(-90deg);transition:transform .15s ease}.color-toggle[aria-expanded="true"] .toggle-arrow{transform:rotate(0deg)}.color-area[hidden]{display:none!important}.color-area{border-top:1px solid #f0e8e3;padding:10px 12px 12px 42px;background:#fdfaf8}.color-title{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:8px}.color-list{display:flex;flex-wrap:wrap;gap:7px}.color-chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);border:1px solid #e5d4cc;border-radius:999px;padding:6px 8px 6px 11px;font-size:12px;font-weight:700}.color-chip button{appearance:none;border:0;background:none;color:#9a6d62;font:inherit;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.color-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.color-add input{padding:8px 10px;font-size:13px}.color-add button{padding:0 12px;font-size:12px}.empty{color:#a2948d;font-size:13px;padding:10px 2px}.save-note{margin-top:18px;padding:14px 16px;border:1px dashed #d8c8c0;border-radius:14px;background:#fbf7f4;color:#7f726b;font-size:13px;line-height:1.7}@media(max-width:767px){.settings-wrap{padding:18px 14px}.settings-grid{grid-template-columns:1fr}h1{font-size:24px}.setting-card{padding:16px}.add-row{grid-template-columns:1fr}.add-row button{min-height:44px}.drag-handle{padding:8px 4px;font-size:22px}.color-area{padding-left:14px}.color-add{grid-template-columns:1fr}.color-add button{min-height:40px}}