:root{--ink:#0A0A0A;--paper:#FFFFFF;--grey-1:#F4F4F4;--grey-2:#E7E7E7;--grey-3:#BDBDBD;--muted:#6B6B6B;--orange:#FF6B00;--orange-soft:#FFF1E7;--radius:0px;--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--display:"Arial Black","Helvetica Neue",Helvetica,Arial,sans-serif}.field,.wrap .fields .field{display:flex;flex-wrap:wrap}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}div#shopify-section-template--31532792775001__prompt_builder{padding:0 30px}a{color:inherit}header.masthead{border-bottom:2px solid var(--ink);padding:22px 28px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.brand-logo{height:30px;width:auto;display:block}.brand .sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0}.masthead .lede{font-family:var(--mono);font-size:11px;color:var(--muted);max-width:340px;text-align:right;letter-spacing:.02em}.tabs{display:flex;gap:0;border-bottom:1px solid var(--grey-2);padding:0 28px;background:var(--paper);position:sticky;top:0;z-index:20}.tab{-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:13px;padding:16px 2px;margin-right:34px;color:var(--grey-3);border-bottom:3px solid transparent;transition:color .15s,border-color .15s}.tab .n{font-family:var(--mono);font-size:10px;color:var(--grey-3);margin-right:8px;vertical-align:2px}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-color:var(--orange)}.tab.active .n{color:var(--orange)}.wrap{display:grid;grid-template-columns:1fr 420px;gap:0;align-items:start}.fields{padding:26px 28px 80px;border-right:1px solid var(--grey-2);min-width:0}.panel{position:sticky;top:53px;height:calc(100vh - 53px);display:flex;flex-direction:column;background:var(--grey-1)}.field{border-bottom:1px solid var(--grey-2);padding:20px 0 22px}.field:first-child{padding-top:4px}.field-head{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.field-num{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--orange);letter-spacing:.05em;flex:none;width:24px}.field-name{font-family:var(--display);font-weight:900;font-size:15px;letter-spacing:.02em;text-transform:uppercase;margin:0}.field-tag{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-3);border:1px solid var(--grey-2);padding:3px 7px;flex:none}.field-help{font-size:12.5px;color:var(--muted);margin:0 0 13px 36px;max-width:560px}.field-help b{color:var(--ink);font-weight:600}.options{display:flex;flex-wrap:wrap;gap:8px;margin-left:36px}.chip{-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--grey-2);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:12.5px;padding:8px 12px;text-align:left;transition:border-color .12s,background .12s,color .12s;line-height:1.3}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip.on:before{content:""}.multi .chip.on{background:var(--orange);border-color:var(--orange);color:#fff}.free{margin-left:36px;margin-top:10px;display:flex;gap:8px;align-items:stretch}.free input{flex:1;font-family:var(--sans);font-size:13px;border:1px solid var(--grey-2);padding:9px 11px;background:var(--paper);color:var(--ink)}.free input:focus{outline:none;border-color:var(--orange)}.free .free-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-3);display:flex;align-items:center;flex:none}.modbar{margin:0 0 22px;border:1px solid var(--ink)}.modbar .modhead{background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.modbar .modbody{padding:14px 12px}.modbar .modbody .options{margin-left:0}.modnote{font-size:11.5px;color:var(--muted);margin:0 0 11px}.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper)}.switch .track{width:34px;height:18px;background:#555;position:relative;flex:none;transition:background .15s;border:1px solid #777}.switch .knob{position:absolute;top:1px;left:1px;width:14px;height:14px;background:#fff;transition:left .15s}.switch.on .track{background:var(--orange);border-color:var(--orange)}.switch.on .knob{left:17px}.panel-head{padding:16px 18px 12px;border-bottom:1px solid var(--grey-2);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head .ttl{font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.seg{display:flex;border:1px solid var(--grey-2)}.seg button{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;background:var(--paper);font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;color:var(--muted)}.seg button.on{background:var(--ink);color:var(--paper)}.seg button+button{border-left:1px solid var(--grey-2)}.output-scroll{flex:1;overflow:auto;padding:18px}.output{font-family:var(--mono);font-size:12.5px;line-height:1.65;color:var(--ink);white-space:pre-wrap;word-break:break-word;background:var(--paper);border:1px solid var(--grey-2);padding:16px;min-height:120px}.output .ph{color:var(--grey-3)}.output .lbl{color:var(--orange);font-weight:700}.countbar{font-family:var(--mono);font-size:10px;color:var(--muted);padding:0 18px 10px;display:flex;justify-content:space-between}.panel-actions{padding:12px 18px 16px;border-top:1px solid var(--grey-2);display:flex;gap:10px}.btn{-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--ink);font-family:var(--display);font-weight:900;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:11px 14px;background:var(--ink);color:var(--paper);flex:1;transition:background .12s,color .12s}.btn.ghost{background:var(--paper);color:var(--ink);flex:none}.btn:hover{background:var(--orange);border-color:var(--orange);color:#fff}.btn.copied{background:var(--orange);border-color:var(--orange)}footer{border-top:2px solid var(--ink);padding:14px 28px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap}footer .dot{width:8px;height:8px;background:var(--orange);display:inline-block;margin-right:8px}.addrow{display:flex;gap:8px;margin-left:36px;margin-top:9px}.addrow input{flex:1;font-family:var(--sans);font-size:12.5px;border:1px solid var(--grey-2);padding:8px 11px;background:var(--paper);color:var(--ink)}.addrow input:focus{outline:none;border-color:var(--orange)}.addbtn{-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:0 13px;white-space:nowrap;transition:background .12s,color .12s}.addbtn:hover{background:var(--ink);color:var(--paper)}.chip.custom{display:inline-flex;align-items:center;gap:8px;padding-right:7px;border-style:dashed}.chip.custom.on{border-style:solid}.chip .crm{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;font-size:12px;line-height:1;opacity:.65;flex:none}.chip .crm:hover{opacity:1}.chip.maxed{opacity:.38;cursor:not-allowed}.chip.maxed:hover{border-color:var(--grey-2)}#header-component.custom-prompt-builder-cls .header__row{background-color:#000}#header-component.custom-prompt-builder-cls .header__row .header__columns header-menu.header-menu nav li a{color:#fff;transition:.4s all}#header-component.custom-prompt-builder-cls .header__row .header__columns header-menu.header-menu nav li a:hover,#header-component.custom-prompt-builder-cls .header__row .header__columns .header__column--right .search-action span.svg-wrapper:hover svg,#header-component.custom-prompt-builder-cls .header__row .header__columns .header__column--right .header-actions__cart-icon span.svg-wrapper:hover svg .account-button__icon:hover svg{color:#6b6b6b;opacity:1!important}#header-component.custom-prompt-builder-cls .header__row .header__columns .header__column--right span.svg-wrapper,.account-button__icon{color:#fff!important}#header-component.custom-prompt-builder-cls .header__row .header__columns .header__column--right .language-selector select#dropdownSelect{background-color:transparent!important;color:#fff}#header-component.custom-prompt-builder-cls{margin-bottom:20px}@media only screen and (max-width:1180px){#shopify-section-template--31532792775001__prompt_builder nav#tabs{padding:0 15px;justify-content:center;z-index:1}.shopify-section-group-footer-group .email-signup-block .email-signup__input-group{border-left:0!important;box-shadow:none!important;border-bottom:1px solid #000}#shopify-section-template--31532792775001__prompt_builder header.masthead{padding:22px 0 18px}#shopify-section-template--31532792775001__prompt_builder main#fields{padding:26px 7px 50px}}@media(max-width:960px){.wrap{grid-template-columns:1fr}.fields{border-right:none}.panel{position:static;height:auto;border-top:2px solid var(--ink)}.output-scroll{max-height:none}.masthead .lede{display:none}.brand-logo{height:26px}}@media only screen and (max-width:767px){#shopify-section-template--31532792775001__prompt_builder nav#tabs{width:100%;overflow:hidden;overflow-x:scroll;justify-content:start;padding-left:0}#shopify-section-template--31532792775001__prompt_builder nav#tabs button.tab{width:100%;margin-right:10px;flex:0 0 42%}#shopify-section-template--31532792775001__prompt_builder{padding:0 15px!important}.header-actions__action:not(.account-button) svg,.menu-drawer-container .header__icon--summary{color:#fff}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.chip:focus-visible,.tab:focus-visible,.btn:focus-visible,.seg button:focus-visible,.free input:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/prompt-builder.css.map */