:root{--teal:#006b68;--navy:#182c43;--line:#e1e9eb;--muted:#607586}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--navy);background:#f5f8f9;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;padding:11px 16px;color:var(--navy)}button:hover{border-color:var(--teal)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #39bdb3}aside{position:fixed;right:0;top:0;bottom:0;width:240px;background:white;border-left:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;gap:12px}.brand{font-size:28px;font-weight:900;letter-spacing:2px;color:var(--teal)}.sub{color:var(--muted);font-size:12px;line-height:1.9}.nav{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;text-align:right;padding:15px}.nav.active{background:#e4f2f0;color:var(--teal);font-weight:bold}.pill{font-size:11px;background:#f1e6c8;color:#806128;padding:5px 9px;border-radius:6px}.asidefoot{margin-top:auto;border-top:1px solid var(--line);padding-top:22px}.main{margin-right:240px;padding:0 36px 36px;max-width:1600px}header{height:86px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}.demo{background:#fff8e6;color:#72561d;font-size:12px;padding:10px 14px;border-radius:8px;margin-top:22px}h1{font-size:29px;margin:30px 0 10px;letter-spacing:-1px}h2{font-size:18px;margin:0}.muted{color:var(--muted);line-height:1.9}p{line-height:1.9}.top{display:flex;justify-content:space-between;align-items:center;gap:18px}.primary{background:var(--teal);color:white;border-color:var(--teal)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.stat{background:white;padding:22px;border:1px solid var(--line);border-radius:13px}.number{font-size:34px;font-weight:bold;margin:12px 0}.stat small{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}input,select{padding:12px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--navy);max-width:100%}.filters{display:flex;gap:10px;flex-wrap:wrap}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:740px;text-align:right}th{background:#f7fafb;color:var(--muted);font-size:12px;padding:15px 20px;font-weight:normal}td{padding:22px 20px;border-top:1px solid var(--line);vertical-align:middle}.product{display:flex;align-items:center;gap:12px}.art{width:48px;height:54px;background:#eaf3f2;border-radius:10px;display:grid;place-items:center;font-size:25px}.product b{display:block;margin-bottom:7px}.badge{display:inline-block;border-radius:5px;padding:5px 8px;background:#e8f4f2;color:var(--teal);font-size:11px}.actions{display:flex;gap:8px;white-space:nowrap}.actions button{font-size:12px;padding:10px}.footer{padding:18px 20px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.note{margin-top:20px;padding:18px 20px;border:1px solid #cce6e3;border-radius:12px;background:#edf7f5;line-height:1.9}.hidden{display:none!important}dialog{border:0;border-radius:18px;width:540px;max-width:calc(100% - 30px);padding:28px;color:var(--navy);box-shadow:0 24px 90px #102c4444}dialog::backdrop{background:#182c4370;backdrop-filter:blur(4px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}.field{display:grid;gap:9px;margin:22px 0}.dialogactions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.scope{padding:16px;background:#eef6f5;border-radius:10px;line-height:2}.scope b{color:var(--teal)}label.check{display:flex;gap:10px;align-items:flex-start;line-height:1.8;margin-top:18px}.login{max-width:430px;margin:35px auto;padding:35px;border:1px solid var(--line);border-radius:18px;background:white}.toast{position:fixed;bottom:24px;left:24px;max-width:380px;background:var(--navy);color:white;padding:16px 22px;border-radius:12px;line-height:1.8;z-index:5}.small{font-size:12px}.rulelist{padding:24px;display:grid;gap:16px}.rulecard{padding:20px;border:1px solid var(--line);border-radius:12px;line-height:2}@media(max-width:1000px){aside{width:200px}.main{margin-right:200px;padding:0 20px 25px}.toolbar{flex-direction:column;align-items:stretch}.stats{gap:10px}}@media(max-width:650px){aside{position:static;width:100%;padding:18px;flex-direction:row;overflow:auto;align-items:center;border-bottom:1px solid var(--line)}aside .sub,.asidefoot{display:none}.brand{font-size:19px}.nav{width:auto;white-space:nowrap;padding:10px}.main{margin:0;padding:0 16px 24px}.stats{grid-template-columns:1fr}.stat{padding:16px}.number{font-size:28px}.top{align-items:flex-start;flex-direction:column}header{height:auto;padding:18px 0}h1{font-size:24px}.filters input{width:100%}}

aside{width:195px;background:#182c43;color:white;padding:28px 16px}.brand{color:#61d7cc}.nav{color:#dce8ef}.nav.active{background:#29474f;color:#8ae8dd}.main{margin-right:195px;padding:0 28px 32px}.studio{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;margin-top:24px;align-items:start}.queue{padding:16px}.queue input,.queue select{width:100%;margin-bottom:10px}.queueitem{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;text-align:right;padding:15px;border:1px solid #e1e9eb}.queueitem.chosen{border-color:#006b68;background:#e4f2f0}.queueitem b{display:block;line-height:1.7}.editor{padding:28px}.editorhero{display:flex;gap:22px;align-items:center;margin:24px 0}.bigart{width:130px;height:140px;background:linear-gradient(135deg,#dbeeea,#f6f9f9);border-radius:15px;display:grid;place-items:center;font-size:58px;color:#006b68}.editorfields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editorfields label{display:grid;gap:9px}.editorfoot{border-top:1px solid #e1e9eb;padding-top:22px;margin-top:22px;display:flex;justify-content:space-between;gap:12px;align-items:center}.steps{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.steps span{padding:9px 14px;border-radius:20px;background:#e4f2f0;color:#006b68}.stats{margin:22px 0}.stat{padding:16px 20px}.number{font-size:27px;margin:6px 0}@media(max-width:1050px){.studio{grid-template-columns:260px minmax(0,1fr)}.editorfields{grid-template-columns:1fr}.editorhero{gap:14px}.bigart{width:85px;height:100px}}@media(max-width:750px){aside{position:static;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:16px;gap:6px}.brand{width:100%}.nav{width:auto}.asidefoot{display:none}.main{margin:0;padding:0 16px 24px}.studio{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.editor{padding:20px}.editorfoot{flex-direction:column;align-items:stretch}.top{align-items:flex-start;flex-direction:column}}

:root{--teal:#007d77;--navy:#2b1f17;--line:#e4ddd4;--muted:#625f56;--cream:#f5efe6;--sage:#a7b7b1;--accent:#00b3a4}body{background:var(--cream);color:#2b1f17;font-size:14px}aside{width:215px;background:linear-gradient(160deg,#35271e,#2b1f17 60%,#173a35);border:0;padding:32px 18px}.brand{color:#64dfd0;font-size:29px;letter-spacing:3px}.sub{color:#6a7069}.nav{color:#e6e0d6;border-radius:11px;padding:15px 12px;font-size:13px}.nav:hover{background:#ffffff0b}.nav.active{background:#00b3a420;color:#8aeee0;box-shadow:inset -3px 0 #00b3a4}.asidefoot{color:#c9c6ba;border-color:#ffffff20}.asidefoot .sub{color:#c9c6ba}.main{margin-right:215px;padding:0 36px 38px;max-width:1550px}header{height:75px;border-color:#e2d9cd}.demo{background:#ebe4d8;color:#594a38;border:1px solid #ded3c1;margin-top:18px;border-radius:10px}.top{margin-top:30px;align-items:center}.top h1{font-size:33px;margin:0 0 12px;letter-spacing:-.8px}.muted{color:#625f56;line-height:1.9}.top .muted{max-width:690px}.stats{gap:18px;margin:25px 0}.stat{border:1px solid #e2dace;background:#fffcf7;border-radius:16px;padding:20px 24px;box-shadow:0 5px 20px #2b1f1704}.stat:nth-child(2){background:#e2ebe5;border-color:#d4dfd6}.stat:nth-child(3){background:#e2f3ee;border-color:#cee9df}.number{font-size:30px;margin:9px 0;color:#2b1f17}.stat small{color:#625f56}.pill{background:#f0e2c7;color:#765020;border-radius:20px;padding:7px 11px}.steps{margin:20px 0 23px;gap:10px}.steps span{background:transparent;color:#625f56;padding:8px 13px;border:1px solid #d8d4c8;font-size:12px}.steps span:first-child{background:#007d77;color:white;border-color:#007d77}.studio{grid-template-columns:315px minmax(0,1fr);gap:24px}.panel{background:#fffcf8;border-color:#e3dbcf;border-radius:19px;box-shadow:0 8px 25px #2b1f1705}.queue{padding:23px 18px}.queue h2{font-size:18px}.queue input,.queue select{background:#f8f4ed;border-color:#e2d9cd}.queueitem{background:#fffcf8;border-color:#e8e1d7;padding:16px 12px;border-radius:12px;transition:background .15s,border-color .15s}.queueitem:hover{background:#f3f3e9;border-color:#a7b7b1}.queueitem.chosen{background:#e2f1e9;border-color:#007d77;box-shadow:inset -3px 0 #007d77}.queueitem .art{background:#f5efe6;color:#007d77;flex-shrink:0}.queueitem b{font-size:13px}.editor{padding:30px}.editorhero{padding-bottom:25px;border-bottom:1px solid #e7dfd3;margin-bottom:25px;gap:25px}.editorhero h2{font-size:23px;color:#2b1f17;line-height:1.6}.bigart{width:150px;height:150px;background:linear-gradient(140deg,#d5ece2,#f0eee3);border:1px solid #d7e3d9;border-radius:18px;color:#007d77;font-size:64px;flex-shrink:0}.scope{background:#edeae1;border:1px solid #e1dbce;padding:19px 22px;border-radius:12px;color:#554d41;line-height:2}.editorfields{gap:20px}.editorfields label{color:#2b1f17;font-weight:bold;font-size:13px}.editorfields select{font-weight:normal;background:#fffcf8;border-color:#d6d2c6;min-height:48px}.editorfoot{border-color:#e3dbcf;padding-top:24px;margin-top:26px}.editorfoot button{padding:14px 24px;min-height:48px}.primary{background:#007d77;color:#fff;border-color:#007d77}.primary:hover{background:#006962;color:#fff;box-shadow:0 4px 12px #007d7722}button{color:#2b1f17;border-color:#d8d5c9;min-height:44px;border-radius:10px}input,select{color:#2b1f17}.note{background:#e4ebe2;border-color:#ced9cd;color:#4c6052;border-radius:14px;font-size:12px}.note b{color:#2d5144}.rulecard{background:#f6f1e8;border-radius:12px}.badge{background:#dcefe6;color:#006962;border-radius:20px}dialog{background:#fffcf8;color:#2b1f17}.toast{background:#2b1f17}.palettebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;font-size:11px;color:#625f56}.palettechip{display:flex;align-items:center;gap:7px}.swatch{width:15px;height:15px;border-radius:50%;border:1px solid #2b1f1720}.sampleart{font-size:10px;color:#666d61;line-height:1.7}.check{color:#4c6052}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #00b3a4;outline-offset:3px}.top button{background:#fffcf8}
@media(max-width:1100px){.main{padding:0 24px 30px}.studio{grid-template-columns:260px minmax(0,1fr)}.editor{padding:24px}.editorhero{gap:16px}.bigart{width:95px;height:110px}.editorhero h2{font-size:19px}.editorfields{grid-template-columns:1fr}}@media(max-width:750px){aside{width:auto;padding:18px;background:#2b1f17}.main{margin:0;padding:0 16px 25px}.studio{grid-template-columns:1fr}.top{align-items:flex-start}.top h1{font-size:27px}.stats{grid-template-columns:1fr}.editor{padding:22px}.editorfoot{align-items:stretch;flex-direction:column}.editorhero h2{font-size:18px}.bigart{width:85px;height:100px}.palettebar{gap:10px}.nav.active{box-shadow:none}}

.language-switch{display:flex;gap:5px;order:2}.language-switch button{min-height:36px;padding:7px 12px;font-size:12px}.language-switch button[aria-pressed="true"]{background:#007d77;color:white;border-color:#007d77}html[dir="ltr"] aside{right:auto;left:0}html[dir="ltr"] .main{margin-right:0;margin-left:215px}html[dir="ltr"] .queueitem,html[dir="ltr"] .nav{text-align:left}html[dir="ltr"] .nav.active,html[dir="ltr"] .queueitem.chosen{box-shadow:inset 3px 0 #007d77}html[dir="ltr"] body{font-family:Arial,Helvetica,sans-serif}html[dir="ltr"] .asidefoot{margin-left:0}header{flex-wrap:wrap;height:auto;min-height:75px;padding:14px 0}@media(max-width:750px){html[dir="ltr"] .main{margin-left:0}html[dir="ltr"] aside{position:static}.language-switch{order:0}}

.top{margin-top:18px}.top h1{font-size:25px}.stats{margin:16px 0;gap:12px}.stat{padding:13px 18px}.number{font-size:24px;margin:5px 0}.palettebar{display:none}.steps{margin:14px 0}.studio{margin-top:14px;grid-template-columns:285px minmax(0,1fr)}.editor{padding:22px}.editorhero{margin:14px 0;padding-bottom:16px;gap:18px}.bigart{width:90px;height:95px;font-size:42px}.editorhero h2{font-size:19px}.editorhero p{margin:5px 0}.scope{padding:12px 16px}.editorfields{margin-top:16px!important;grid-template-columns:1fr 1fr}.editorfields select{min-height:44px}.editorfoot{padding-top:14px;margin-top:14px}#previewRange{margin:12px 0}.queue{padding:18px}.queueitem{padding:12px}.sampleart{font-size:10px}.note{margin-top:16px}
@media(max-width:1000px){.studio{grid-template-columns:235px minmax(0,1fr)}.editorfields{grid-template-columns:1fr}}@media(max-width:750px){.studio{grid-template-columns:1fr}.editorfields{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.editor{padding:20px}}


aside .nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;height:auto;padding:14px 12px;line-height:1.45;white-space:normal;overflow:visible;flex-shrink:0;border-radius:12px}
aside .nav .pill{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:32px;min-height:26px;padding:4px 9px;line-height:1;font-size:11px;border-radius:20px;align-self:center}
@media(max-width:750px){aside .nav{min-height:48px;padding:12px;white-space:nowrap}}


aside .nav .nav-count{box-sizing:border-box!important;display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:30px!important;min-height:30px!important;padding:0!important;margin:0!important;background:#f0e2c7!important;color:#65451c!important;border:0!important;border-radius:15px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:30px!important;letter-spacing:0!important;position:static!important;transform:none!important;align-self:center!important;overflow:visible!important}

.notice{padding:14px;background:#e2f3ee;border-radius:10px;margin-top:18px}.danger{color:#a03737}.formgrid{display:grid;gap:12px}.formgrid label{display:grid;gap:6px}.rulelist{display:grid;gap:14px}.data-card{padding:20px;border:1px solid var(--line);border-radius:12px}.empty{padding:30px;color:var(--muted)}.language-switch{display:flex;gap:6px}img.bigart{object-fit:contain}dialog{max-height:85vh;overflow:auto}.editorfields{margin-top:18px}.stat small{display:block}

.access-page{display:flex;justify-content:center;align-items:flex-start;padding:32px 16px;min-height:100vh}.access-card{width:100%;max-width:520px;padding:28px}.access-form{display:grid;gap:16px}.access-form.hidden{display:none}.access-form label{display:grid;gap:8px}.access-form input{width:100%;min-height:46px}.access-card .brand{color:#007d77}.access-card .language-switch{margin:12px 0}.access-card #status{line-height:1.6;overflow-wrap:anywhere}.access-card a{color:#006962}.nav[href]{display:block;text-decoration:none}