/* Rich Palette™ v27 professional workflow enhancements */

/* Export surface */
.export-actions{align-items:center}.export-actions details{position:relative}.export-actions summary{list-style:none}.export-actions summary::-webkit-details-marker{display:none}.export-pro-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:30;min-width:220px;padding:8px;border:1px solid #3b3f42;border-radius:12px;background:#0b1014;box-shadow:0 18px 45px rgba(0,0,0,.42);display:grid;gap:6px}.export-pro-menu .button{width:100%;justify-content:flex-start}.free-export-tag,.pro-export-tag{font-size:7px;letter-spacing:.13em;border:1px solid #435b48;border-radius:999px;padding:2px 5px;color:#a9c5ad;margin-left:3px}.pro-export-tag{border-color:#66543a;color:#d8b77e}

/* Interactive preview playground */
.preview-role-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #2d3235;align-items:end}.preview-role-controls>div{display:grid;gap:5px}.preview-role-controls small{color:#777d80;font-size:7px;letter-spacing:.13em}.preview-role-controls select{padding:8px;font-size:9px}.live-preview{--mock-bg:var(--p1);--mock-surface:var(--p2);--mock-text:var(--p4);--mock-accent:var(--p5)}.live-preview .brand-preview{background:linear-gradient(115deg,var(--mock-bg) 0 58%,var(--mock-surface) 58%)}.live-preview .brand-preview h4,.live-preview .brand-preview .preview-kicker,.live-preview .brand-preview button{color:var(--mock-text);border-color:var(--mock-text)}.live-preview .brand-preview p{color:var(--mock-text);opacity:.78}.live-preview .brand-preview:after{background:var(--mock-accent)}.live-preview .ui-preview{background:var(--mock-bg)}.live-preview .ui-side{background:var(--mock-surface);color:var(--mock-text)}.live-preview .ui-main{background:var(--mock-text);color:var(--mock-bg)}.live-preview .ui-stat i{background:conic-gradient(var(--mock-accent) 84%,var(--mock-surface) 0)}.mobile-preview{padding:20px;background:linear-gradient(145deg,var(--mock-bg),color-mix(in srgb,var(--mock-bg),#000 16%));place-items:center}.live-preview.mode-mobile .mobile-preview{display:grid}.mock-phone{width:min(205px,72%);height:292px;border:5px solid color-mix(in srgb,var(--mock-text),#000 65%);border-radius:30px;background:var(--mock-bg);box-shadow:0 16px 40px rgba(0,0,0,.35);padding:10px;display:grid;grid-template-rows:auto 1fr auto auto;gap:8px;overflow:hidden}.mock-phone-top{display:flex;justify-content:space-between;align-items:center;color:var(--mock-text);font-size:7px}.mock-phone-top span{width:34px;height:8px;border-radius:10px;background:color-mix(in srgb,var(--mock-text),transparent 78%)}.mock-mobile-hero{border-radius:18px;background:var(--mock-surface);padding:16px;color:var(--mock-text)}.mock-mobile-hero small{font-size:6px;letter-spacing:.16em}.mock-mobile-hero h4{font:500 24px/1 var(--serif);margin:12px 0 7px}.mock-mobile-hero p{font-size:7px;opacity:.75}.mock-mobile-hero button{border:0;border-radius:8px;padding:7px 9px;background:var(--mock-accent);color:var(--mock-bg);font-size:7px;font-weight:700}.mock-mobile-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mock-mobile-cards span{height:38px;border-radius:9px;background:var(--mock-surface)}.mock-mobile-cards span:nth-child(2){background:var(--mock-accent)}.mock-mobile-nav{display:flex;justify-content:space-around;padding:7px;border-radius:12px;background:var(--mock-surface)}.mock-mobile-nav i{width:10px;height:10px;border-radius:50%;background:var(--mock-text);opacity:.55}.landing-preview{background:var(--mock-bg);color:var(--mock-text);padding:24px 30px;grid-template-columns:1.25fr .75fr;grid-template-rows:auto 1fr;gap:10px 28px}.live-preview.mode-landing .landing-preview{display:grid}.landing-preview nav{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--mock-text),transparent 70%);padding-bottom:12px}.landing-preview nav strong{font:500 18px var(--serif)}.landing-preview nav span{font-size:8px;opacity:.7}.landing-preview main{align-self:center}.landing-preview main small{font-size:7px;letter-spacing:.2em}.landing-preview main h4{font:500 36px/1.02 var(--serif);margin:18px 0 10px;max-width:440px}.landing-preview main p{font-size:9px;max-width:350px;opacity:.7}.landing-preview main button{margin-top:14px;background:var(--mock-accent);color:var(--mock-bg);border:0;border-radius:7px;padding:8px 12px;font-size:8px}.landing-preview aside{display:grid;grid-template-rows:1.2fr .8fr .7fr;gap:7px;padding:30px 0}.landing-preview aside i{border-radius:12px;background:var(--mock-surface)}.landing-preview aside i:nth-child(2){background:var(--mock-accent)}

/* Print matching */
.print-match-panel{margin-top:14px;border:1px solid #2d3235;border-radius:14px;background:#0e1317;padding:18px}.print-match-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.print-match-head strong{font:500 18px var(--serif)}.print-match-head p:not(.eyebrow){font-size:10px;line-height:1.55;color:#868b8e;max-width:720px}.print-match-actions{display:flex;gap:7px;flex-wrap:wrap}.spot-library-status{display:block;color:#8c9294;font-size:9px;margin:10px 0}.print-match-results{display:grid;gap:7px}.print-color-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(190px,.7fr);gap:11px;align-items:center;border:1px solid #2b3033;border-radius:10px;padding:8px;background:#0b1014}.print-chip{width:44px;height:44px;border-radius:7px}.print-color-main{display:grid;gap:2px}.print-color-main strong{font-size:11px}.print-color-main small{font-size:8px;color:#8a8f92}.print-color-main em{font-size:8px;font-style:normal;color:#aeb29f}.risk-medium .print-color-main em{color:#d5b27b}.risk-high .print-color-main em{color:#d98a7e}.spot-match{display:grid;gap:1px;border-left:1px solid #2c3134;padding-left:10px}.spot-match small{font-size:7px;letter-spacing:.1em;color:#73797d;text-transform:uppercase}.spot-match strong{font-size:10px}.spot-match span{font-size:8px;color:#8c9294}.spot-match.muted span{line-height:1.4}

/* AI history and local tweak controls */
.prompt-history-panel{margin-top:16px;border:1px solid #2d3235;border-radius:11px;background:#0c1115}.prompt-history-panel summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:11px 12px;list-style:none}.prompt-history-panel summary::-webkit-details-marker{display:none}.prompt-history-panel summary span{font-size:10px;font-weight:700}.prompt-history-panel summary small{font-size:8px;color:#8d9295}.prompt-history-list{border-top:1px solid #272c30;padding:8px;max-height:320px;overflow:auto}.prompt-history-empty{color:#7f8588;font-size:9px;padding:12px;text-align:center}.prompt-history-item{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid #22272a;padding:9px 5px}.prompt-history-item:last-child{border:0}.prompt-history-item small{display:block;color:#72787b;font-size:7px;text-transform:uppercase}.prompt-history-item strong{font-size:10px}.prompt-history-item p{font-size:8px;color:#979c9e;margin:3px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-history-actions{display:flex;gap:4px;align-items:center}.prompt-history-actions button,.ai-local-tweaks button,.share-manager-row button{border:1px solid #34393c;background:#0f1519;color:#b8bab9;border-radius:7px;padding:6px 7px;font-size:8px;cursor:pointer}.ai-local-tweaks{margin:14px 0;border-top:1px solid #2d3235;padding-top:12px}.ai-local-tweaks>small{display:block;font-size:7px;color:#858b8e;letter-spacing:.12em;margin-bottom:7px}.ai-local-tweaks>div{display:flex;gap:5px;flex-wrap:wrap}.ai-local-tweaks button:hover{border-color:#6c593d;color:#e0c18b}

/* Shared links manager */
.share-manager-modal[hidden]{display:none}.share-manager-modal{position:fixed;inset:0;z-index:950;display:grid;place-items:center;padding:18px}.share-manager-backdrop{position:absolute;inset:0;border:0;background:rgba(2,4,6,.76);backdrop-filter:blur(8px)}.share-manager-panel{position:relative;z-index:2;width:min(620px,100%);max-height:min(78vh,760px);overflow:auto;border:1px solid #4a4033;border-radius:18px;background:#0c1115;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.share-manager-panel h2{font:500 31px var(--serif);margin:0 0 8px}.share-manager-panel>p:not(.eyebrow){color:#8a9093;font-size:10px}.share-manager-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#ddd;font-size:24px;cursor:pointer}.share-manager-list{display:grid;gap:7px;margin-top:18px}.share-manager-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #2b3033;border-radius:9px;padding:10px}.share-manager-row div:first-child{display:grid}.share-manager-row strong{font-size:10px}.share-manager-row small{font-size:8px;color:#777d80}.share-manager-row div:last-child{display:flex;gap:5px}.share-manager-row button:disabled{opacity:.4;cursor:not-allowed}

@media(max-width:900px){.preview-role-controls{grid-template-columns:1fr 1fr}.preview-role-controls>button{grid-column:1/-1}.print-match-head{grid-template-columns:1fr}.print-match-actions{width:100%}.print-color-row{grid-template-columns:44px 1fr}.spot-match{grid-column:2;border-left:0;border-top:1px solid #2c3134;padding:7px 0 0}.landing-preview{grid-template-columns:1fr .55fr}}
@media(max-width:620px){.preview-role-controls{grid-template-columns:1fr 1fr}.mock-phone{width:190px}.landing-preview{padding:20px;grid-template-columns:1fr}.landing-preview aside{display:none}.landing-preview main h4{font-size:31px}.print-color-row{grid-template-columns:38px 1fr}.print-chip{width:38px;height:38px}.prompt-history-item{grid-template-columns:1fr}.prompt-history-actions{justify-content:flex-start}.share-manager-row{grid-template-columns:1fr}.export-pro-menu{right:auto;left:0;max-width:calc(100vw - 40px)}}