*,:before,:after{box-sizing:border-box}:root{--gap:16px;--radius:10px;--border:#ddd;font-family:Arial,Helvetica,sans-serif}body{color:#111;background:#f5f5f5;margin:0}.app{max-width:1100px;margin:0 auto;padding:16px}.topbar{margin-bottom:var(--gap);justify-content:space-between;align-items:center;gap:12px;display:flex}h1{margin:0;font-size:22px}h2,h3{margin-top:0}h3{margin-bottom:12px;font-size:16px}button,select,input,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #bbb;border-radius:6px;padding:8px 12px}button:hover{background:#eee}.button-link{color:inherit;white-space:nowrap;background:#fff;border:1px solid #bbb;border-radius:6px;align-items:center;padding:8px 12px;text-decoration:none;display:inline-flex}.button-link:hover{background:#eee}.button-link--upload{background:#f5f5f5;padding:18px 10px;font-size:15px}.list-page,.detail-page{gap:var(--gap);flex-direction:column;display:flex}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:16px}.form{gap:16px;display:grid}.form-section{border-top:1px solid #eee;gap:12px;padding-top:16px;display:grid}.form-section:first-of-type{border-top:none;padding-top:0}.form-section h3{margin:0}.form label,.filters label,.label-controls label{align-content:start;gap:4px;font-size:14px;display:grid}.form input,.form select,.form textarea,.filters select,.label-controls select{background:#fff;border:1px solid #ccc;border-radius:6px;min-width:0;padding:8px}input[type=color]{height:37px;padding:4px}.form-error{color:#a31616;background:#fdecec;border:1px solid #f0b4b4;border-radius:6px;margin:0;padding:8px 12px;font-size:14px}.form-done{color:#24601f;background:#edf7ed;border:1px solid #b7ddb7;border-radius:6px;margin:0;padding:8px 12px;font-size:14px}.user-name{color:#555;align-self:center;padding:0 4px;font-size:14px}.sign-in p{margin:0 0 16px}.dialog-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{gap:12px;width:100%;max-width:420px;margin:0;display:grid;box-shadow:0 10px 40px #00000040}.dialog h3{margin:0}.dialog label{gap:4px;font-size:14px;display:grid}.dialog input{border:1px solid #ccc;border-radius:6px;padding:8px}.dialog .hint{margin:0}.temp-range{border:1px solid #eee;border-radius:8px;margin:0;padding:12px}.temp-range legend{color:#666;padding:0 6px;font-size:14px}.link-list{justify-items:stretch;gap:10px;width:100%;min-width:0;display:grid}.form-group{gap:4px;min-width:0;font-size:14px;display:grid}.link-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;gap:8px;width:100%;min-width:0;padding:12px;display:grid}.link-card label{gap:4px;min-width:0;font-size:13px;display:grid}.link-card input{background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;min-width:0;padding:6px 8px;font-size:14px}.link-card .row{min-width:0}.link-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.link-card-title{color:#444;font-size:13px;font-weight:700}.link-remove{padding:2px 8px;font-size:13px}.link-add{padding:6px 10px;font-size:14px}.chip-group{flex-wrap:wrap;gap:6px;display:flex}.link-button{color:#0b57d0;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.link-button:hover{color:#0842a0}.toggle-chip{background:#fff;border:1px solid #ccc;border-radius:8px;padding:5px 12px;font-size:14px;line-height:1.3}.toggle-chip:hover{background:#f2f2f2}.toggle-chip.active{color:#fff;background:#111;border-color:#111}.form-label{font-size:14px}.required{color:#a31616;margin-left:2px;font-weight:700}.photo-picker{border-top:1px solid #eee;gap:12px;padding-top:16px;display:grid}.photo-picker-head{flex-wrap:wrap;gap:8px;display:flex}.preview-color{align-content:start;gap:4px;font-size:14px;display:grid}.preview-color .chip{width:32px;height:32px}.basics-grid{grid-template-columns:minmax(0,1fr) 256px;align-items:start;gap:12px;display:grid}.basics-main{gap:12px;min-width:0;display:grid}.basics-photo{min-width:0}.color-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}@media (width<=700px){.basics-grid{grid-template-columns:1fr}}.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.palette-grid{flex-wrap:wrap;gap:8px;display:flex}.palette-chip{border:1px solid #999;border-radius:6px;width:34px;height:34px;padding:0}.palette-chip-all{background:#eee;width:auto;min-width:52px}.palette-chip.active{outline:3px solid #000}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.filament-card{cursor:pointer;align-items:center;gap:12px;display:flex}.chip{border:1px solid #999;border-radius:8px;flex-shrink:0;width:42px;height:42px}.chip.large{width:64px;height:64px}.empty{color:#666}.not-found p{margin-top:0}.detail-head{align-items:center;gap:16px;margin-bottom:12px;display:flex}.detail-card .toolbar{margin-top:var(--gap)}.detail-head h2{margin:0 0 4px}.detail-head p{color:#555;margin:0}.params{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0;display:grid}.params div{border:1px solid #eee;border-radius:6px;padding:8px}dt{color:#666;margin-bottom:4px;font-size:12px}dd{margin:0;font-weight:600}.link-tags{flex-wrap:wrap;gap:6px;display:flex}.link-tag a{color:#111;background:#f0f0f0;border-radius:999px;align-items:center;gap:8px;padding:3px 8px;font-weight:600;text-decoration:none;display:inline-flex}.link-meta{flex-direction:column;gap:1px;line-height:1.25;display:flex}.link-price{color:#555;white-space:nowrap;font-size:12px;font-weight:400}.link-date{color:#777;white-space:nowrap;font-size:11px;font-weight:400}.link-tag a:hover{background:#e2e2e2;text-decoration:underline}.shop-icon{object-fit:contain;border-radius:5px;flex-shrink:0;width:20px;height:20px;display:block}.link-tag--icon a{border-radius:8px;padding:3px}.link-tag--icon a:hover{text-decoration:none}.notes{margin-top:12px}.notes h3{margin-bottom:4px}.notes p{white-space:pre-wrap;margin:0}.related h3{margin-bottom:12px}.detail-columns{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}@media (width<=900px){.detail-columns{grid-template-columns:minmax(0,1fr)}}.hint{color:#666;margin:0;font-size:13px}.photo-section h3{margin-bottom:12px}.photo-empty{justify-items:start;gap:12px;display:grid}.photo-image{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:256px;height:256px;display:block}.photo-section .toolbar{margin-bottom:16px}.color-picker{border-top:1px solid #eee;padding-top:16px}.color-picker .hint{max-width:60ch;margin-bottom:12px}.picker-stage{max-width:100%;height:auto;line-height:0;display:inline-block;position:relative}.picker-canvas{cursor:crosshair;border:1px solid var(--border);border-radius:8px;max-width:256px;height:auto}.picker-loupe{pointer-events:none;width:96px;line-height:normal;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.picker-loupe.below{transform:translate(-50%,12px)}.picker-loupe.hidden{display:none}.picker-loupe canvas{background:#fff;border:1px solid #333;border-radius:4px}.picker-loupe-frame{border:1px solid #fff;outline:1px solid #000;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.picker-loupe code{color:#fff;text-align:center;background:#111;border-radius:3px;margin-top:2px;padding:1px 4px;font-size:11px;display:block}.picked-color{align-items:center;gap:12px;margin-top:12px;display:flex}.label-controls{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.label-preview{background:#eaeaea;border-radius:8px;justify-content:center;padding:16px;display:flex;overflow:auto}.swatch-label{box-sizing:border-box;color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border:.2mm solid #000;border-radius:2mm;flex-direction:column;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;display:flex;overflow:hidden}.label-head{gap:var(--label-row-gap);flex-direction:column;min-width:0;display:flex}.label-foot{justify-content:space-between;align-items:flex-end;gap:var(--label-quiet);display:flex}.label-foot-text{gap:var(--label-row-gap);flex-direction:column;min-width:0;display:flex}.label-title{font-weight:700;font-size:var(--label-title);word-break:break-word;line-height:1.05}.label-subtitle{font-size:var(--label-text);word-break:break-word;line-height:1.1}.label-hex{font-size:var(--label-text);font-family:Consolas,Courier New,monospace;font-weight:600;line-height:1.2}.label-temp{font-size:var(--label-temp);white-space:nowrap;line-height:1.1}.label-qr{width:var(--label-qr);height:var(--label-qr);flex-shrink:0}@media (width<=700px){.row{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.label-print,.label-print *{visibility:visible}.label-print{position:absolute;top:0;left:0}@page{margin:0}}