.p-colorDict{--cd-bg:#f4f0e5;--cd-text:#303135;--cd-border:#d0d0d0;--cd-card-bg:rgba(255,255,255,.6);background-color:var(--cd-bg);color:var(--cd-text);transition:background-color .3s ease,color .3s ease;padding-bottom:100px}.p-colorDict__toolbar{position:sticky;top:80px;z-index:90;background:var(--cd-bg);border-bottom:1px solid var(--cd-border);transition:background-color .3s ease,border-color .3s ease;padding:12px 0}.p-colorDict__toolbarInner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.p-colorDict__modeGroup{display:flex;align-items:center;gap:6px}.p-colorDict__modeLabel{font-size:12px;font-weight:700;margin-right:4px;white-space:nowrap}.p-colorDict__modeBtn{font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;border:1px solid var(--cd-border);background:#fff;color:var(--cd-text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.p-colorDict__modeBtn.--active{background:var(--cd-text);color:var(--cd-bg);border-color:var(--cd-text)}.p-colorDict__pickerWrapper{display:none;align-items:center;gap:6px}.p-colorDict__pickerWrapper.--visible{display:flex}.p-colorDict__picker{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;padding:0;background:0 0}.p-colorDict__pickerDesc{font-size:12px;font-weight:600;opacity:.85;white-space:nowrap}.p-colorDict__cmykGroup{display:flex;align-items:center;gap:8px}.p-colorDict__cmykLabel{font-size:12px;font-weight:700;white-space:nowrap}.p-colorDict__toggle{position:relative;width:44px;height:24px}.p-colorDict__toggle input{opacity:0;width:0;height:0;position:absolute}.p-colorDict__toggleTrack{position:absolute;inset:0;background:#ccc;border-radius:12px;cursor:pointer;transition:background .25s}.p-colorDict__toggleTrack:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s}.p-colorDict__toggle input:checked+.p-colorDict__toggleTrack{background:#303135}.p-colorDict__toggle input:checked+.p-colorDict__toggleTrack:after{transform:translateX(20px)}.p-colorDict__cmykState{font-size:11px;font-weight:600;min-width:36px}.p-colorDict__tabNav{display:flex;gap:0;border-bottom:2px solid var(--cd-border);margin-top:24px;transition:border-color .3s}.p-colorDict__tabBtn{flex:1;padding:14px 8px;font-size:14px;font-weight:700;text-align:center;background:0 0;border:none;border-bottom:3px solid transparent;color:var(--cd-text);opacity:.5;cursor:pointer;transition:all .25s ease;margin-bottom:-2px}.p-colorDict__tabBtn.--active{opacity:1;border-bottom-color:var(--cd-text)}.p-colorDict__tabBtn:hover{opacity:.8}.p-colorDict__tabCount{display:block;font-size:11px;font-weight:400;opacity:.6;margin-top:2px}.p-colorDict__tabPanel{display:none;padding-top:24px}.p-colorDict__tabPanel.--active{display:block}.p-colorDict__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.p-colorDict__grid.--pastel{grid-template-columns:repeat(12,1fr);gap:6px}.p-colorDict__card{border-radius:8px;overflow:hidden;cursor:pointer;background:var(--cd-card-bg);transition:transform .2s ease,border-color .3s ease,background-color .3s ease}.p-colorDict__card:hover{transform:translateY(-3px)}.p-colorDict__card:active{transform:translateY(0)}.p-colorDict__swatch{aspect-ratio:2/1;width:100%;transition:filter .3s ease}.p-colorDict.--cmyk .p-colorDict__swatch{filter:saturate(.78) brightness(.96) contrast(.94)}.p-colorDict__info{padding:8px}.p-colorDict__nameJa{font-size:11px;font-weight:700;line-height:1.4;display:block}.p-colorDict__nameEn{font-size:10px;line-height:1.3;opacity:.6;display:block;word-break:break-all}.p-colorDict__hex{font-size:11px;font-family:"Baloo 2",monospace;opacity:.75;margin-top:2px;display:block}.p-colorDict__cmyk{font-size:9px;font-family:"Baloo 2",monospace;opacity:.6;margin-top:2px;display:none;line-height:1.4}.p-colorDict.--cmyk .p-colorDict__cmyk{display:block}.p-colorDict__grid.--pastel .p-colorDict__card{border-radius:6px}.p-colorDict__grid.--pastel .p-colorDict__swatch{aspect-ratio:2/1}.p-colorDict__grid.--pastel .p-colorDict__info{padding:4px 6px 6px}.p-colorDict__grid.--pastel .p-colorDict__hex{font-size:10px;margin-top:0}.p-colorDict__grid.--pastel .p-colorDict__cmyk{font-size:8px}.p-colorDict__toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%) translateY(20px);background:#303135;color:#fff;font-size:13px;font-weight:600;padding:10px 24px;border-radius:24px;z-index:9999;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap}.p-colorDict__toast.--show{opacity:1;transform:translateX(-50%) translateY(0)}.p-colorDict__sectionDesc{font-size:13px;opacity:.7;margin-bottom:20px;line-height:1.6}@media screen and (max-width:1200px){.p-colorDict__grid{grid-template-columns:repeat(6,1fr)}.p-colorDict__grid.--pastel{grid-template-columns:repeat(12,1fr)}}@media screen and (max-width:900px){.p-colorDict__toolbar{top:70px}.p-colorDict__mv{padding:100px 0 24px}.p-colorDict__title{font-size:22px}.p-colorDict__grid{grid-template-columns:repeat(5,1fr);gap:10px}.p-colorDict__grid.--pastel{grid-template-columns:repeat(8,1fr);gap:4px}.p-colorDict__toolbarInner{gap:10px}.p-colorDict__tabBtn{font-size:13px;padding:12px 6px}}@media screen and (max-width:600px){.p-colorDict__toolbar{top:60px}.p-colorDict__title{font-size:20px}.p-colorDict__grid{grid-template-columns:repeat(3,1fr);gap:8px}.p-colorDict__grid.--pastel{grid-template-columns:repeat(6,1fr);gap:3px}.p-colorDict__grid.--pastel .p-colorDict__info{padding:3px 4px 4px}.p-colorDict__grid.--pastel .p-colorDict__hex{font-size:8px}.p-colorDict__grid.--pastel .p-colorDict__cmyk{font-size:7px}.p-colorDict__toolbarInner{flex-direction:column;align-items:flex-start;gap:8px}.p-colorDict__tabBtn{font-size:12px;padding:10px 4px}.p-colorDict__tabCount{font-size:10px}.p-colorDict__nameJa{font-size:10px}.p-colorDict__nameEn{font-size:9px}.p-colorDict__hex{font-size:10px}.p-colorDict__cmyk{font-size:8px}.p-colorDict__info{padding:6px}.p-colorDict__modeBtn{font-size:11px;padding:5px 10px}.p-colorDict__pickerDesc{display:none}}