:root{--navy:#152333;--navy2:#1D3041;--paper:#F6F6F3;--white:#fff;--cream:#F0F1EC;--text:#233242;--muted:#7C8A96;--border:#E4E8E9;--gold:#C49D72;--gold2:#E8C6A1;--light:#F8F9F8;--radius:15px;--shadow:0 12px 38px rgba(22,38,55,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;letter-spacing:-.01em}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed!important}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #C49D72;outline-offset:3px}input,select{min-width:0}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#DCC6AA;color:#172636}.app-shell{min-height:100vh;display:flex}.sidebar{width:257px;min-width:257px;background:#162637;color:#DCE4E9;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 18px 0;z-index:9}.logo-header{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;color:#fff;text-align:left;margin:0 0 60px;padding:0 8px}.logo-mark{width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#E5BE8C;background:rgba(225,182,132,.10);border:1px solid rgba(225,182,132,.15);border-radius:12px}.logo-header strong{display:block;font-size:20px;letter-spacing:.085em;font-weight:800;line-height:1.1;white-space:nowrap}.brand-dot{color:#E5B780}.logo-header small{display:block;font-size:8px;letter-spacing:.21em;color:#9AAAB8;margin-top:8px;font-weight:700;white-space:nowrap}.side-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6F8395;margin:0 13px 14px}.side-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;padding:14px 13px;width:100%;text-align:left;color:#AEBBC7;background:transparent;border:1px solid transparent;border-radius:9px;font-size:12px;letter-spacing:.005em}.nav-item:hover{background:#243747;color:#fff}.nav-item.active{background:#2A3D4E;color:#fff;border-color:#3B4F5F}.nav-item span:nth-child(2){flex:1}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#D6B58D}.side-spacer{flex:1}.sidebar-info{padding:18px 15px 20px;margin:20px 5px 27px;background:#203548;border-radius:14px;border:1px solid #30475A;display:flex;flex-direction:column;gap:10px}.info-icon{color:#D5B68E}.sidebar-info strong{font-size:13px;color:#EAF0F2}.sidebar-info>span{font-size:11px;color:#8FA4B5;line-height:1.8}.sidebar-footer{height:52px;border-top:1px solid #2C4053;display:flex;align-items:center;gap:9px;font-size:9px;color:#778FA1;letter-spacing:.12em;font-weight:800}.online-dot{width:7px;height:7px;background:#6FB99A;border-radius:50%;box-shadow:0 0 0 3px #2A4D48}.footer-version{margin-left:auto;color:#758595}.work-area{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid #EAECEB;display:flex;justify-content:space-between;align-items:center;padding:0 48px}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#9AA3AA;font-size:10px;letter-spacing:.1em;font-weight:700}.breadcrumbs strong{color:#283846;font-size:12px;letter-spacing:.015em}.topbar-actions{display:flex;align-items:center;gap:13px}.top-save{display:inline-flex;align-items:center;gap:5px;color:#8A979F;font-size:11px;padding-right:13px;border-right:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:9px;min-height:38px;padding:0 15px;white-space:nowrap;font-weight:700;font-size:11px;letter-spacing:.005em;transition:.17s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary,.btn-dark{background:#182B3C;color:#fff}.btn-primary:hover,.btn-dark:hover{background:#31475B}.btn-light{background:#F4F4EF;color:#1A2B39;border-color:#F4F4EF}.btn-secondary{background:#fff;border-color:#E3E8EA;color:#3E5262}.btn-secondary:hover{border-color:#C4CCD0}.btn-quiet{background:#F6F8F7;color:#506272;border-color:#E6EAE9}.btn-text{background:transparent;color:#435563;padding-left:8px}.icon-btn{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);color:#536677;background:#fff;border-radius:8px}.icon-btn:hover{background:#F6F7F5}.icon-btn.danger{color:#B06D6A}.main-inner{max-width:1420px;margin:auto;padding:35px 45px 18px}.hero{background:#EBEAE3;min-height:295px;position:relative;display:flex;overflow:hidden;border-radius:17px;padding:42px 47px;margin-bottom:27px}.hero>div:first-child{position:relative;z-index:2;width:70%}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#987951;display:flex;align-items:center;gap:12px;margin-bottom:15px}.eyebrow-dot{background:#B58A56;width:7px;height:7px;border-radius:50%}.eyebrow-line{display:inline-block;width:30px;height:1px;background:#C6B79E}.hero h1{font-weight:730;letter-spacing:-.068em;color:#1D303D;font-size:clamp(40px,4.0vw,57px);line-height:1.04}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:#A58055}.hero p{max-width:565px;margin-top:16px;color:#6B7678;line-height:1.65;font-size:13px}.hero-actions{display:flex;gap:11px;margin-top:22px}.hero-visual{position:absolute;right:-35px;top:-35px;width:410px;height:370px}.orb{position:absolute;border-radius:50%;filter:drop-shadow(15px 20px 20px rgba(74,59,48,.17))}.orb-one{height:252px;width:252px;right:58px;top:50px;background:radial-gradient(circle at 28% 25%,#F8E6C5,#D9AB7E 43%,#9F6B48 77%,#684F43 100%)}.orb-two{height:152px;width:152px;right:-19px;top:184px;background:radial-gradient(circle at 30% 23%,#526F80,#273F50 57%,#152333 100%)}.orb-three{width:82px;height:82px;top:-22px;right:232px;background:radial-gradient(circle at 28% 25%,#F6E3C4,#B68A5A 65%,#86643F)}.orbit{position:absolute;border:1px solid rgba(150,130,101,.3);border-radius:50%}.orbit-one{width:375px;height:375px;top:-4px;right:6px}.orbit-two{width:288px;height:288px;top:40px;right:52px}.hero-card{position:absolute;bottom:60px;left:12px;width:165px;background:#fff;box-shadow:0 12px 35px rgba(45,37,33,.17);padding:13px 12px;border-radius:8px;transform:rotate(-7deg)}.hero-card-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;font-weight:800;color:#40515C}.hero-card-head span{color:#C7CDD0;font-size:7px}.hero-card-swatches{display:flex;gap:5px;margin-top:13px}.hero-card-swatches i{display:block;width:31px;height:36px;border-radius:3px}.hero-card-rule{height:1px;background:#E9E9E5;margin-top:12px;margin-bottom:7px}.hero-card>span{font-size:6px;letter-spacing:.1em;color:#A5A6A4}.workflow{display:flex;align-items:center;gap:13px;margin-bottom:48px;padding:0 3px}.workflow-step{display:flex;align-items:center;gap:10px;color:#778593;font-size:10px;font-weight:800;letter-spacing:.105em;white-space:nowrap}.step-index{font-family:Georgia,serif;font-size:18px;font-weight:400;color:#B08C66}.workflow-bar{height:1px;background:#DBDEDD;width:49px}.workflow-tag{margin-left:auto;display:flex;align-items:center;gap:6px;color:#6D9585;background:#EDF4F0;border:1px solid #E0ECE6;padding:8px 10px;border-radius:24px;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.section{scroll-margin-top:25px;margin-bottom:56px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-overline{font-weight:800;font-size:10px;color:#B59068;letter-spacing:.19em;margin-bottom:8px}.section h2{font-size:27px;font-weight:740;letter-spacing:-.047em;color:#223543}.subtle-heading{font-size:15px;font-weight:450;color:#A2A9AC;letter-spacing:-.018em}.heading-trailing{display:flex;align-items:center;gap:7px}.round-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;color:#748695;border-radius:25px;border:1px solid #DCE3E5;background:#fff;font-size:10px;font-weight:700}.analysis-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.upload-panel{min-height:307px;background:#FCFCFB;border:1.5px dashed #C9D3D4;border-radius:13px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;cursor:pointer;transition:.2s ease}.upload-panel:hover,.upload-panel.dragging{border-color:#B88C5D;background:#FCFAF5;box-shadow:0 0 0 4px #E8DFD440}.drop-icon{width:55px;height:55px;display:grid;place-items:center;background:#EEF1F0;color:#647F88;border-radius:17px;margin-bottom:19px}.upload-panel h3{font-size:17px;letter-spacing:-.03em;margin-bottom:8px}.upload-panel p{font-size:12px;line-height:1.75;color:#909BA2;max-width:300px}.type-tags{display:flex;gap:6px;margin-top:18px}.type-tags span{border:1px solid #E3E8E8;background:#FFF;border-radius:5px;font-size:9px;padding:5px 7px;letter-spacing:.03em;font-weight:800;color:#9AA5AC}.artwork-panel{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;display:flex;flex-direction:column}.panel-top,.artwork-footer{display:flex;align-items:center;justify-content:space-between;padding:17px 19px}.panel-top{height:52px;border-bottom:1px solid #EEF0F0}.panel-top>span:first-child{display:flex;align-items:center;gap:9px;color:#687B89;font-size:10px;font-weight:800;letter-spacing:.08em}.status-pill{display:flex;gap:6px;align-items:center;font-size:9px;font-weight:800;color:#5C9A78}.status-pill span{width:7px;height:7px;background:#80BB97;border-radius:50%}.artwork-visual{flex:1;min-height:198px;display:flex;align-items:center;justify-content:center;position:relative;background-color:#F9FAF9;background-image:linear-gradient(#E9ECE9 1px,transparent 1px),linear-gradient(90deg,#E9ECE9 1px,transparent 1px);background-size:24px 24px;overflow:hidden}.artwork-visual img{display:block;object-fit:contain;width:88%;height:177px;position:relative;z-index:1}.artboard-cross{position:absolute;width:12px;height:12px;border-top:1px solid #ADB9B7;border-left:1px solid #ADB9B7;left:20px;top:20px}.artboard-cross.b{left:auto;top:auto;right:20px;bottom:20px;transform:rotate(180deg)}.artwork-placeholder{font-size:12px;color:#A7B2B5}.artwork-footer{border-top:1px solid #EBEEED;gap:20px}.artwork-footer>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.artwork-footer strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.artwork-footer span{font-size:10px;color:#9AA8AD}.analysis-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 4px 0}.analysis-option{display:flex;align-items:center;gap:10px}.analysis-option label{font-size:11px;font-weight:700;color:#71808C}.analysis-option select{background:#fff;border:1px solid var(--border);border-radius:6px;padding:6px 8px;color:#3A4C5A;font-size:11px}.switch{border:0;width:32px;height:18px;border-radius:22px;background:#CBD2D5;padding:3px;transition:.2s}.switch.checked{background:#B99670}.switch span{display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.switch.checked span{transform:translateX(14px)}.analysis-sep{width:1px;height:19px;background:#DADFD9}.option-note{font-size:10px;color:#A5AEB2;margin-left:auto}.palette-top{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:11px;padding:18px 22px;margin-bottom:17px}.palette-top strong{font-size:14px}.palette-top p{font-size:11px;color:#919DA4;margin-top:5px}.palette-count{font-size:29px;font-weight:700;color:#263B4C;letter-spacing:-.06em}.palette-count span{font-size:15px;color:#B6BFC4}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.palette-tile{text-align:left;border:1px solid #E0E4E5;background:#fff;padding:7px;overflow:hidden;border-radius:10px;transition:.18s;min-width:0}.palette-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.palette-tile.selected{border-color:#AE885B;box-shadow:0 0 0 2px #DCC6AB}.palette-preview{height:118px;display:block;border-radius:6px;position:relative}.palette-swatch-number{position:absolute;top:11px;left:12px;font-size:11px;opacity:.85;font-weight:600}.palette-selected-check{position:absolute;right:12px;bottom:10px}.palette-details{display:flex;flex-direction:column;padding:11px 8px 8px;gap:5px}.palette-details strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-details small{font-size:10px;letter-spacing:.055em;color:#8998A3}.role-label{align-self:flex-start;padding:4px 7px;border-radius:4px;background:#F4F5F2;color:#81909A;text-transform:uppercase;font-size:8px;letter-spacing:.09em;font-weight:800;margin-top:6px}.palette-add{min-height:198px;border:1.5px dashed #CFD9D9;background:#FAFBF9;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;color:#8499A2;font-size:11px;font-weight:800}.palette-add:hover{border-color:#AB885F;color:#8D704E}.color-inspector{margin-top:17px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:25px 28px}.inspector-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:25px}.inspector-kicker{font-size:10px;letter-spacing:.15em;color:#B28E68;font-weight:800}.inspector-header h3{font-size:22px;letter-spacing:-.04em;margin-top:7px}.inspector-header p{color:#9CA6AC;font-size:11px;margin-top:6px}.inspector-tools{display:flex;gap:7px}.inspector-form{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.inspector-form label,.contrast-selectors label{font-size:9px;color:#8797A0;letter-spacing:.1em;font-weight:800;display:flex;flex-direction:column;gap:9px}.inspector-form input[type=text],.inspector-form select,.contrast-selectors select,.project-input{height:41px;background:#FBFCFB;border:1px solid #DFE5E6;border-radius:7px;padding:0 12px;color:#263947;font-weight:600;font-size:12px;letter-spacing:0;outline:0}.inspector-form input:focus,.inspector-form select:focus,.contrast-selectors select:focus,.project-input:focus{border-color:#C2A17C;box-shadow:0 0 0 3px #C2A17C22}.hex-input{height:41px;display:flex;align-items:center;background:#FBFCFB;border:1px solid #DFE5E6;border-radius:7px;padding:4px 8px;gap:9px}.hex-input .native-color{padding:0;border:0;background:transparent;height:28px;width:32px;cursor:pointer}.hex-input input[type=text]{flex:1;border:0;background:transparent;padding:0;height:29px;box-shadow:none;font-size:11px}.color-metrics{border-top:1px solid #E8ECEC;margin-top:25px;padding-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-metrics>div{display:flex;flex-direction:column;gap:8px}.color-metrics span{font-size:9px;letter-spacing:.11em;color:#A3AFB5;font-weight:800}.color-metrics strong{font-size:12px;color:#435665}.source-strip{display:flex;align-items:center;gap:13px;padding:15px 6px}.source-strip>span:first-child{font-size:10px;color:#9CA8AD;font-weight:800;letter-spacing:.11em;white-space:nowrap}.source-dots{display:flex;gap:5px}.source-dots>span{display:block;width:18px;height:18px;border-radius:50%;border:1px solid #E2E6E6}.source-caption{font-size:10px;color:#9DACB0;margin-left:auto}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:25px 22px 20px;min-width:0}.panel-heading{margin-bottom:23px}.panel-heading h3{font-size:16px;letter-spacing:-.03em}.panel-heading p{font-size:11px;color:#97A1A7;margin-top:7px;line-height:1.6}.section-label{display:flex;justify-content:space-between;margin:17px 0 10px;font-size:10px;font-weight:800;color:#465C6C;letter-spacing:.025em}.section-aside{color:#B0BAC0;font-size:8px;letter-spacing:.07em}.tab-line{display:flex;gap:5px;flex-wrap:wrap}.mini-tab{border:1px solid #E6EAEB;background:#F8F9F8;border-radius:6px;padding:9px 8px;font-size:10px;color:#86959E;font-weight:700}.mini-tab.is-active{background:#203445;color:#fff;border-color:#203445}.mood-grid{display:flex;flex-wrap:wrap;gap:6px}.mood-choice{border:1px solid #E3E9E9;background:#FFF;color:#728694;border-radius:22px;padding:8px 12px;font-size:10px;font-weight:700}.mood-choice.picked{background:#F4ECE2;color:#94734F;border-color:#E7D9C7}.suggestion-list{margin-top:17px;border-top:1px solid #EAEDED}.suggestion-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #EDF0EF}.swatch-mini{display:block;border:1px solid #E4E8E9;border-radius:7px;flex-shrink:0}.suggestion-item>div{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.suggestion-item strong{font-size:11px}.suggestion-item small{font-size:10px;color:#99A8AD}.add-suggestion{border:1px solid #E5E9EA;background:#fff;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;color:#648090}.add-suggestion:hover{border-color:#C9A27A;color:#AC7C4C}.tone-current{display:flex;align-items:center;gap:10px;background:#F6F8F7;border:1px solid #EEF1F0;padding:13px;border-radius:8px;margin-bottom:17px}.tone-current strong{font-size:12px;flex:1}.tone-current>span:last-child{font-size:10px;font-weight:800;letter-spacing:.07em;color:#8F9CA5}.tone-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.tone-steps button{text-align:left;padding:6px;background:#F9FAF8;border:1px solid #EDF0EE;border-radius:7px}.tone-steps button:hover{border-color:#B49A7A}.tone-steps button span{display:block;height:49px;border-radius:5px;margin-bottom:7px}.tone-steps button strong{font-size:10px;color:#556779;display:block}.tone-steps button small{font-size:9px;color:#A2ABB1;display:block;margin-top:3px}.studio-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#92A0A8;margin-top:19px;line-height:1.5}.contrast-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.contrast-settings{background:#fff;border:1px solid var(--border);border-radius:11px;padding:22px}.contrast-selectors{display:flex;flex-direction:column;gap:15px}.contrast-selectors select{width:100%}.contrast-score{margin-top:21px;padding-top:19px;border-top:1px solid #E9EDEC;display:flex;align-items:center;justify-content:space-between;gap:10px}.contrast-score>div:first-child{display:flex;flex-direction:column;gap:7px}.contrast-score span:first-child{font-size:9px;color:#A0ABB1;letter-spacing:.11em;font-weight:800}.contrast-score strong{font-size:32px;color:#263E4E;letter-spacing:-.07em}.contrast-score strong small{font-size:15px;color:#AAB6BA;font-weight:400}.wcag-results{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.wcag-results span{font-size:10px!important;font-weight:800!important;letter-spacing:0!important}.wcag-results .pass{color:#4B9872!important}.wcag-results .fail{color:#C78280!important}.contrast-preview{border:1px solid #E4E8E8;border-radius:11px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;min-height:274px;gap:22px}.contrast-preview>span{font-size:9px;opacity:.7;letter-spacing:.12em;font-weight:800}.contrast-preview strong{font-size:31px;letter-spacing:-.055em;line-height:1.1}.contrast-preview p{font-size:13px;line-height:1.6;max-width:340px}.presentation-controls{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-bottom:17px}.presentation-controls>div{min-width:0}.small-form-label{font-size:9px;letter-spacing:.1em;font-weight:800;color:#94A3AD;display:block;margin-bottom:9px}.project-input{width:100%;height:43px;background:#fff}.template-switch{background:#fff;border:1px solid var(--border);border-radius:8px;padding:4px;display:flex;gap:4px;height:43px}.template-switch button{border:0;background:transparent;flex:1;color:#8D9BA4;font-size:11px;border-radius:5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}.template-switch button.chosen{background:#243746;color:#fff;box-shadow:0 3px 9px rgba(20,32,44,.12)}.presentation-preview{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}.preview-header{height:51px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px;border-bottom:1px solid #EBEEEE;font-size:10px;letter-spacing:.08em;font-weight:800;color:#657987}.preview-header span:first-child{display:flex;align-items:center;gap:9px}.preview-header span:last-child{color:#A5B0B5;font-size:9px}.board-image-wrap{padding:18px 19px;background:#E9ECEB}.board-image-wrap img{display:block;width:100%;height:auto;box-shadow:0 14px 30px rgba(33,45,50,.09)}.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:19px 23px}.preview-footer>div{display:flex;align-items:center;gap:11px;color:#75A68B}.preview-footer>div>span{display:flex;flex-direction:column;gap:4px}.preview-footer strong{font-size:11px;color:#354C58}.preview-footer small{font-size:10px;color:#9AA8B1;line-height:1.4}.final-section{margin-bottom:32px}.export-feature{display:flex;align-items:center;gap:21px;background:#1E3344;color:#fff;padding:29px;border-radius:12px;margin-bottom:17px}.export-feature-icon{border:1px solid #4D6375;width:56px;height:56px;border-radius:12px;display:grid;place-items:center;color:#E0BC8E;background:#2B4356;flex-shrink:0}.export-feature>div:nth-child(2){flex:1}.export-feature>div:nth-child(2)>span{font-size:9px;letter-spacing:.18em;color:#D8B787;font-weight:800}.export-feature h3{font-size:23px;letter-spacing:-.035em;margin-top:7px}.export-feature p{margin-top:7px;color:#AFC2CE;line-height:1.6;font-size:11px;max-width:540px}.export-benefits{display:flex;gap:17px;flex-wrap:wrap;margin-top:13px}.export-benefits span{color:#C5D2D7!important;font-size:10px!important;letter-spacing:0!important;display:flex;align-items:center;gap:5px}.export-benefits svg{color:#9DC9A7}.export-feature>.btn{flex-shrink:0}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.export-card{display:flex;align-items:center;gap:11px;text-align:left;padding:15px;border:1px solid #E4E8E9;background:#fff;border-radius:9px;transition:.18s}.export-card:hover{border-color:#C9A47C;transform:translateY(-1px)}.export-card-icon{width:36px;height:36px;background:#F3F5F2;border-radius:8px;display:grid;place-items:center;color:#7B8F9C;flex-shrink:0}.export-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.export-card strong{font-size:11px;color:#324857}.export-card small{font-size:9px;color:#9AA8AF}.export-icon{color:#A8B6BD}.footer-disclaimer{display:flex;align-items:flex-start;gap:10px;margin-top:20px;color:#91A0A8;font-size:10px;line-height:1.75}.footer-disclaimer svg{margin-top:2px}.main-footer{border-top:1px solid #DEE3E2;padding:22px 3px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.main-footer>div{font-size:13px;font-weight:850;letter-spacing:.12em;color:#344A58}.footer-symbol{color:#BF9B74;font-size:20px;vertical-align:middle}.main-footer>span{font-size:10px;color:#A1ABB0}.main-footer button{background:none;border:0;font-size:10px;color:#6E8492;display:flex;gap:7px;align-items:center}.toast{position:fixed;bottom:24px;right:24px;z-index:30;background:#1F3445;color:#fff;border:1px solid #456072;box-shadow:0 15px 38px rgba(16,34,45,.25);border-radius:11px;padding:15px 16px;display:flex;align-items:center;gap:12px;font-size:12px;max-width:min(480px,90vw)}.toast>svg{color:#DFC6A3}.toast button{display:grid;place-items:center;border:0;background:transparent;color:#B9C8D1;margin-left:auto}.toast button:hover{color:#fff}
@media(max-width:1440px){.main-inner{padding:30px 32px 15px}.topbar{padding:0 32px}.hero-visual{right:-108px}.hero>div:first-child{width:73%}.hero p{max-width:495px}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-preview{height:105px}.studio-grid{gap:13px}.contrast-grid{gap:13px}}
@media(max-width:1120px){.sidebar{width:222px;min-width:222px}.logo-header{gap:9px}.logo-header strong{font-size:17px}.logo-header small{font-size:7px}.sidebar-info{margin-left:0;margin-right:0}.main-inner{padding:23px 20px}.topbar{padding:0 20px}.hero{padding:34px}.hero-visual{right:-185px;opacity:.82}.hero>div:first-child{width:84%}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-grid{grid-template-columns:1fr}.tone-steps{grid-template-columns:repeat(9,1fr)}.tone-steps button span{height:58px}.tone-steps button small{font-size:8px}.export-grid{grid-template-columns:repeat(2,1fr)}.export-feature{flex-wrap:wrap}.export-feature>.btn{margin-left:78px}}
@media(max-width:860px){.app-shell{display:block}.sidebar{width:100%;min-width:0;height:auto;position:relative;padding:12px 17px;display:block}.logo-header{margin:0;width:auto;display:inline-flex}.logo-mark{width:36px;height:36px}.logo-mark svg{width:25px;height:25px}.logo-header strong{font-size:17px}.side-label,.sidebar-info,.side-spacer,.sidebar-footer{display:none}.side-nav{margin-top:13px;display:flex;flex-direction:row;overflow:auto;gap:5px;padding:0 0 4px}.nav-item{flex:0 0 auto;padding:10px;border-radius:7px;gap:7px;font-size:10px}.nav-item .nav-active-dot{display:none}.topbar{height:62px}.main-inner{padding:18px 17px}.hero{min-height:275px}.hero-visual{right:-178px}.hero h1{font-size:43px}.hero>div:first-child{width:85%}.workflow{margin-bottom:38px}.analysis-grid,.contrast-grid{grid-template-columns:1fr}.analysis-grid .artwork-panel{min-height:302px}.palette-grid{grid-template-columns:repeat(4,1fr)}.studio-grid{grid-template-columns:1fr}.presentation-controls{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{padding:0 16px}.topbar-actions .top-save,.topbar-actions>.icon-btn{display:none}.topbar-actions .btn{min-height:34px;padding:0 10px;font-size:10px}.breadcrumbs{font-size:8px;gap:6px}.breadcrumbs strong{font-size:10px}.main-inner{padding:14px}.hero{padding:30px 24px;min-height:300px}.hero>div:first-child{width:100%}.hero h1{font-size:42px}.hero p{max-width:320px;font-size:12px}.hero-visual{right:-230px;opacity:.28}.hero-actions{gap:6px}.workflow{gap:8px;flex-wrap:wrap}.workflow-step{font-size:9px;gap:6px}.workflow-bar{width:19px}.workflow-tag{width:100%;justify-content:center;margin-top:7px;margin-left:0}.section{margin-bottom:38px}.section h2{font-size:24px}.subtle-heading{font-size:12px;display:block;margin-top:4px}.section-heading{align-items:center}.round-pill{display:none}.analysis-options{gap:10px 15px}.option-note{margin:0}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.palette-preview{height:115px}.palette-add{min-height:195px}.palette-top{padding:14px}.color-inspector{padding:18px}.inspector-form{grid-template-columns:1fr}.color-metrics{grid-template-columns:repeat(2,1fr)}.tone-steps{grid-template-columns:repeat(3,1fr)}.tone-steps button small{font-size:9px}.contrast-preview{padding:23px}.contrast-preview strong{font-size:25px}.presentation-controls{gap:13px}.template-switch button{font-size:10px}.preview-header{padding:0 10px}.preview-header span:last-child{font-size:8px}.board-image-wrap{padding:8px}.preview-footer{flex-direction:column;align-items:stretch;padding:16px}.export-feature{padding:18px;gap:12px}.export-feature h3{font-size:20px}.export-feature-icon{width:43px;height:43px}.export-feature>div:nth-child(2){flex-basis:70%}.export-feature>.btn{margin-left:0;width:100%}.export-grid{grid-template-columns:1fr}.main-footer{flex-wrap:wrap}.main-footer>span{display:none}.source-strip{flex-wrap:wrap}.source-caption{margin-left:0}.toast{bottom:12px;right:12px;left:12px;font-size:11px}}

/* Bilingual Arabic/English experience */
.skip-link{position:fixed;z-index:100;top:8px;inset-inline-start:8px;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:#203445;color:#fff;font:600 13px/1.4 Arial,sans-serif;transition:transform 140ms ease}.skip-link:focus{transform:translateY(0)}
.language-switch{min-width:92px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9e0e1;border-radius:8px;background:#fff;color:#2c4353;cursor:pointer;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease}.language-switch:hover{border-color:#a98763;background:#faf7f2}.language-switch:focus-visible{outline:3px solid rgba(181,144,104,.28);outline-offset:2px}.language-switch strong{display:grid;place-items:center;min-width:25px;height:22px;padding-inline:4px;border-radius:5px;background:#203445;color:#fff;font-size:10px;letter-spacing:0}.language-switch span{font-size:10px;font-weight:700}
.orb,.orbit{display:none!important}.section{scroll-margin-top:80px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role="button"]:focus-visible{outline:3px solid rgba(181,144,104,.32);outline-offset:2px}
[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0}
[dir="rtl"] .app-shell,[dir="rtl"] .work-area,[dir="rtl"] .main-inner{direction:rtl}
[dir="rtl"] :is(.side-label,.eyebrow,.section-overline,.inspector-kicker,.small-form-label,.panel-top>span:first-child,.preview-header,.role-label,.color-metrics span,.contrast-score span:first-child,.contrast-preview>span,.export-feature>div:nth-child(2)>span){letter-spacing:0;text-transform:none}
[dir="rtl"] :is(.hero h1,.section h2,.inspector-header h3,.export-feature h3){letter-spacing:0}
[dir="rtl"] .hero h1{line-height:1.28}
[dir="rtl"] .hero p{line-height:1.85}
[dir="rtl"] .hero-visual{right:auto;left:-72px}
[dir="rtl"] .palette-tile,[dir="rtl"] .export-card{text-align:right}
[dir="rtl"] .palette-swatch-number{left:auto;right:12px}
[dir="rtl"] .palette-selected-check{right:auto;left:12px}
[dir="rtl"] .option-note,[dir="rtl"] .source-caption{margin-left:0;margin-right:auto}
[dir="rtl"] .switch.checked span{transform:translateX(-14px)}
[dir="rtl"] .export-feature>.btn{margin-left:0;margin-right:auto}
[dir="rtl"] .toast{right:auto;left:24px}
[dir="rtl"] .toast button{margin-left:0;margin-right:auto}
[dir="rtl"] .footer-disclaimer,[dir="rtl"] .studio-note{text-align:right}
[dir="rtl"] .breadcrumbs svg,[dir="rtl"] .main-footer button svg{transform:scaleX(-1)}
[dir="rtl"] input,[dir="rtl"] select{text-align:right}
[dir="rtl"] .native-color{direction:ltr}
[dir="rtl"] .section-heading,[dir="rtl"] .panel-top,[dir="rtl"] .artwork-footer,[dir="rtl"] .palette-top,[dir="rtl"] .inspector-header,[dir="rtl"] .preview-header,[dir="rtl"] .preview-footer,[dir="rtl"] .main-footer{direction:rtl}
[dir="rtl"] .type-tags,[dir="rtl"] .tab-line,[dir="rtl"] .mood-grid,[dir="rtl"] .export-benefits{direction:rtl}
@media(max-width:1120px){[dir="rtl"] .hero-visual{left:-170px;right:auto}[dir="rtl"] .export-feature>.btn{margin-right:78px;margin-left:0}}
@media(max-width:860px){[dir="rtl"] .side-nav{direction:rtl}[dir="rtl"] .hero-visual{left:-175px;right:auto}}
@media(max-width:620px){.language-switch{min-width:42px;width:42px;padding:0}.language-switch span{display:none}[dir="rtl"] .hero-visual{left:-230px;right:auto}[dir="rtl"] .export-feature>.btn{margin-right:0}.toast{left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}