.public-palette-workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:32px;align-items:start;margin:36px 0}.public-palette-controls{position:sticky;top:18px;background:#0b1b12;border:1px solid #3e5f47;border-radius:16px;padding:22px}.public-palette-controls h2{font-size:24px;margin:0 0 20px}.public-palette-controls fieldset{border:1px solid #34503d;border-radius:10px;padding:12px;margin:0 0 12px;display:grid;gap:10px}.public-palette-controls fieldset[hidden]{display:none}.public-palette-controls legend{font:12px ui-monospace,monospace;color:#b6dbc1;padding:0 5px}.public-palette-controls label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.public-palette-controls input[type=range]{width:100%;accent-color:#86c59b;min-height:30px}.public-palette-controls input[type=color]{width:60px;height:40px;padding:2px;background:#14291d;border:1px solid #4b7156}.public-palette-controls button,.public-palette-actions button,#public-palette-more{font:12px/1.4 ui-monospace,monospace;padding:10px 12px;min-height:44px;border:1px solid #4c7157;border-radius:7px;color:#def4e5;background:#183724;cursor:pointer}.public-palette-controls button:disabled,.public-palette-actions button:disabled{opacity:.45;cursor:default}.public-palette-controls #public-palette-add{width:100%;margin-bottom:16px}.public-palette-filters{border-block:1px solid #34503d;padding:12px 0;margin-bottom:16px}.public-palette-filters summary{cursor:pointer;font-size:14px}.public-palette-filters label{justify-content:flex-start;min-height:44px}.public-palette-controls select{width:100%;background:#102319;color:#ddeddf;padding:9px;border:1px solid #42644c;border-radius:6px}.public-palette-controls #public-palette-status{font-size:13px;color:#c5e3cd;min-height:65px;line-height:1.6}.public-palette-controls .public-palette-note{font-size:11px;line-height:1.7;color:#93b09d}.public-palette-results{min-width:0}.public-palette-results .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.public-palette-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid #34503d;padding-bottom:18px;margin-bottom:22px}.public-palette-actions strong{flex:1 0 100%;font-size:14px}.public-palette-results .public-card{min-width:0}.public-palette-results .public-card>button{padding:0;border:0;width:100%;background:transparent;cursor:pointer}.public-palette-results .public-card h2{font-size:16px;margin:12px 0 5px}.public-palette-results .public-card p{font-size:11px;line-height:1.5}.public-palette-results .public-card small{font-size:10px;color:#a4c7af}.public-palette-results .public-card label{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.public-palette-results input[type=checkbox]{width:18px;height:18px;accent-color:#73bd8b}.public-palette-results .public-card>a{font-size:11px}.public-palette-results .catalog-grid[aria-busy=true]{opacity:.55}#public-palette-more{width:100%;margin-top:24px}.palette-card-dialog{background:#08130e;color:#e4f0e6;border:1px solid #4d6d57;border-radius:14px;padding:16px;width:min(1080px,96vw);max-width:96vw;max-height:94dvh}.palette-card-dialog::backdrop{background:#000b}.palette-card-dialog header{display:flex;gap:15px;align-items:center;justify-content:space-between}.palette-card-dialog h2{font-size:20px}.palette-card-dialog button{min-height:44px;background:#183b25;color:#e4f3e8;border:1px solid #4b7256;border-radius:7px;padding:8px 14px;cursor:pointer}.palette-card-dialog iframe{display:block;width:100%;height:70dvh;border:0}.palette-card-dialog iframe[hidden]{display:none}.palette-card-dialog [data-loading]{font-size:13px}#palette-transfer-dialog label{display:grid;gap:10px}#palette-transfer-dialog select{width:100%;min-height:44px}@media(max-width:800px){.public-palette-workspace{grid-template-columns:1fr;gap:24px}.public-palette-controls{position:relative;top:auto;padding:18px}.public-palette-controls #public-palette-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.public-palette-controls fieldset{min-width:0;padding:10px}.public-palette-controls label{font-size:12px}.public-palette-controls #public-palette-status{min-height:0}.public-palette-actions{position:sticky;top:0;z-index:4;background:#07120c;padding:10px 0}.public-palette-results .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.public-palette-controls #public-palette-colors{grid-template-columns:1fr}.public-palette-controls fieldset{grid-template-columns:1fr 1fr;gap:9px 14px}.public-palette-controls fieldset label:has([data-palette-shade]){grid-column:1/-1;grid-row:2}.public-palette-controls fieldset input[type=color]{width:48px}.public-palette-results .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.public-palette-actions button{flex:1 1 43%;font-size:11px}.palette-card-dialog{padding:10px}}@media(prefers-reduced-motion:reduce){.public-palette-results .catalog-grid{transition:none}}
.public-palette-live{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;position:sticky;top:0;z-index:3;background:#0b1b12;padding:8px 0 12px;margin-bottom:12px}.public-palette-controls .public-palette-live button{padding:0;border-radius:4px;overflow:hidden;min-height:0}.public-palette-live img{width:100%;height:auto;aspect-ratio:63/88;object-fit:contain;display:block}.public-palette-live p{grid-column:1/-1;font-size:12px}

.public-palette-controls{max-height:calc(100dvh - 36px);overflow-y:auto;scrollbar-width:thin}@media(max-width:800px){.public-palette-controls{max-height:none;overflow:visible}}