:root{color:#292929;font-synthesis:none;--ink:#2f2f2f;--muted:#8f8f8f;--line:#eaeaea;--green:#4f4f4f;--lime:#d6d6d6;background:#f7f7f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #b1b1b1}button{background:0 0;border:0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;font-size:29px;font-weight:600;line-height:1.45}h2{font-size:17px;font-weight:600}h3{font-size:14px;font-weight:600}p{color:#848484;line-height:1.8}small{font-size:11px}input:not([type=checkbox]):not([type=range]),select,textarea{color:#373737;background:#fff;border:1px solid #e3e3e3;border-radius:7px;width:100%;padding:11px 12px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#a0a0a0;outline:none}label{color:#6d6d6d;margin-bottom:20px;font-size:12px;font-weight:500;display:block}label input,label select,label textarea{margin-top:9px;display:block}input[type=checkbox]{accent-color:#5b5b5b}textarea{resize:vertical}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f5f5;border-radius:6px;max-height:420px;padding:17px;font-size:11px;line-height:1.8;overflow:auto}code,.mono{font-family:Cascadia Code,Consolas,monospace;font-size:11px}details{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}summary{cursor:pointer;color:#6d6d6d;font-size:12px}.muted{color:var(--muted)}.eyebrow{letter-spacing:1.8px;color:#919191;margin-bottom:12px;font-size:10px;font-weight:600;display:block}.btn{color:#fff;white-space:nowrap;background:#474747;border:1px solid #474747;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:10px 17px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.btn:hover:not(:disabled){background:#363636;transform:translateY(-1px)}.actions{align-items:center;gap:10px;display:flex}.text-link{color:#585858;align-items:center;gap:9px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.green-dot,.amber-dot{background:#9b9b9b;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.amber-dot{background:#a9a9a9}.badge{color:#8d8d8d;white-space:nowrap;background:#f1f1f1;border-radius:5px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.finalized,.badge.processed{color:#777;background:#f1f1f1}.badge.ordered{color:#777;background:#f0f0f0}.badge.failed{color:#7b7b7b;background:#eee}.card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.section-top{justify-content:space-between;align-items:center;gap:15px;padding:23px 26px;display:flex}.section-top h2{margin:0}.section-top p{margin:7px 0 0;font-size:11px}.section-top .muted{letter-spacing:.7px;font-size:9px}.notice{color:#7c7c7c;background:#f3f3f3;border-radius:7px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:11px;line-height:1.8;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.notice.error{color:#636363;background:#f0f0f0}.notice button{margin-left:auto;padding:0}.error-text{color:#696969;font-size:12px}.loading{color:#757575;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex}.sidebar{color:#b4b4b4;z-index:30;background:#313131;flex-direction:column;width:236px;padding:34px 20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{color:#f7f7f7;letter-spacing:1.5px;margin-bottom:49px;padding-left:12px;font-size:23px;font-weight:750;display:block}.brand>span{letter-spacing:2.5px;color:#bbb;align-items:center;gap:12px;margin-top:9px;font-size:9px;font-weight:400;display:flex}.brand b{letter-spacing:0;border:1px solid #5c5c5c;border-radius:3px;padding:2px 4px;font-size:8px}.nav-label{letter-spacing:1.6px;color:#7d7d7d;margin-bottom:14px;padding-left:14px;font-size:9px}.nav-item{text-align:left;color:#b2b2b2;border-radius:7px;align-items:center;gap:13px;width:100%;margin-bottom:6px;padding:14px;font-size:12px;display:flex}.nav-item.active{color:#3d3d3d;background:#dfdfdf;font-weight:600}.nav-count{background:#cbcbcb;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:9px}.sidebar-bottom{margin-top:auto}.isolation{color:#cdcdcd;border:1px solid #4d4d4d;border-radius:7px;align-items:center;gap:9px;margin-bottom:21px;padding:14px 10px;font-size:10px;display:flex}.isolation small{color:#8f8f8f;margin-top:6px;font-size:9px;display:block}.isolation .green-dot{width:5px;height:5px;margin-left:auto}.profile{border-top:1px solid #474747;align-items:center;gap:10px;margin-top:20px;padding:22px 0;display:flex}.avatar,.top-avatar{color:#565656;background:#e6e6e6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:600;display:flex}.profile .avatar{color:#dadada;background:#4a4a4a;border-radius:7px}.profile strong{color:#d3d3d3;font-size:10px;font-weight:500;display:block}.profile small{color:#8b8b8b;margin-top:5px;font-size:9px;display:block}.profile button{color:#9f9f9f;margin-left:auto;padding:0}.workspace{flex-direction:column;width:calc(100% - 236px);margin-left:236px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 42px;display:flex}.breadcrumbs{color:#a6a6a6;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumbs span{color:#646464}.topbar-right{align-items:center;gap:22px;display:flex}.internal-pill{color:#919191;align-items:center;gap:6px;font-size:10px;display:inline-flex}.internal-pill i{background:#a4a4a4;border-radius:50%;width:5px;height:5px}.top-avatar{background:#f2f2f2;width:29px;height:29px}.content{width:100%;max-width:1560px;margin:0 auto;padding:35px 42px 30px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.page-heading h1{margin-bottom:10px}.page-heading p{margin-bottom:0;font-size:12px}.page-heading .eyebrow{margin-bottom:9px}.footer{border-top:1px solid var(--line);color:#a9a9a9;letter-spacing:.5px;justify-content:space-between;gap:15px;margin-top:auto;padding:20px 42px;font-size:9px;display:flex}.footer span:first-child{letter-spacing:1.1px}.mobile-toggle{display:none}.toast{color:#fff;z-index:100;background:#373737;border-radius:8px;align-items:center;gap:10px;max-width:90vw;padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #30303026}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:9px;padding:21px 22px}.metric-top{color:gray;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-top svg{color:#919191}.metric-value{color:#414141;justify-content:space-between;align-items:center;margin:18px 0 12px;font-size:32px;font-weight:500;line-height:1;display:flex}.metric-value span{letter-spacing:1px;color:#c7c7c7;font-size:9px;font-weight:400}.metric small{color:#a4a4a4;font-size:10px}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:22px;margin-bottom:26px;display:grid}.hero-card{background:#efefef;border:1px solid #e6e6e6;border-radius:10px;grid-template-columns:1fr 1fr;min-height:350px;display:grid;overflow:hidden}.hero-content{z-index:1;padding:36px 0 28px 30px}.hero-content .eyebrow{letter-spacing:1.5px;font-size:8px}.hero-content h2{letter-spacing:-.5px;color:#4c4c4c;margin:21px 0 16px;font-size:25px;line-height:1.6}.hero-content p{color:#919191;font-size:11px;line-height:2}.hero-content .text-link{margin-top:13px;font-size:11px}.hero-tags{gap:7px;margin-top:30px;display:flex}.hero-tags span{white-space:nowrap;color:#919191;border:1px solid #dcdcdc;border-radius:4px;padding:5px 7px;font-size:8px}.hero-art{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.art-circle{background:#e3e3e3;border-radius:50%;width:230px;height:230px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.floating-phone{filter:drop-shadow(12px 18px 13px #59595933);width:130px;margin-top:-25px;position:relative;transform:rotate(15deg)}.phone-canvas{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.art-label{color:#8f8f8f;white-space:nowrap;background:#fefefe;border-radius:5px;align-items:center;gap:7px;padding:9px 14px;font-size:9px;display:flex;position:absolute;bottom:33px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 4px 8px #4e4e4e0a}.art-label i{background:#aaa;border-radius:50%;width:5px;height:5px}.ruler{writing-mode:vertical-rl;letter-spacing:2px;color:#aeaeae;font-size:7px;position:absolute;right:16px}.workflow-card .section-top{padding-bottom:21px}.workflow-step{align-items:center;gap:14px;margin:0 26px;padding:14px 0;display:flex;position:relative}.workflow-step:not(:last-of-type):after{content:"";border-left:1px dashed #dfdfdf;height:22px;position:absolute;top:45px;left:13px}.step-no{color:#8c8c8c;background:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;display:flex}.workflow-step strong{font-size:11px;font-weight:500;display:block}.workflow-step p{color:#a0a0a0;margin:5px 0 0;font-size:9px;line-height:1.5}.workflow-step>svg{color:#b9b9b9;width:16px;margin-left:auto}.workflow-step.pending .step-no{color:#b4b4b4;background:#f3f3f3}.workflow-note{border-top:1px solid var(--line);color:#9d9d9d;align-items:center;gap:7px;margin-top:8px;padding:15px 26px;font-size:9px;display:flex}.recent-card{margin-bottom:20px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px 20px 40px;display:flex}.empty-icon{color:#aeaeae;background:#f3f3f3;border-radius:16px;justify-content:center;align-items:center;width:59px;height:59px;margin-bottom:19px;display:flex}.empty h3{color:#6b6b6b;margin-bottom:9px;font-size:13px;font-weight:500}.empty p{color:#a7a7a7;margin-bottom:19px;font-size:10px}.empty .btn{min-height:34px;padding:8px 13px;font-size:10px}.boundary-strip{color:#8d8d8d;background:#f4f4f4;border:1px solid #e7e7e7;border-radius:6px;align-items:center;gap:10px;padding:14px 17px;font-size:10px;display:flex}.boundary-strip .muted{margin-left:auto;font-size:9px}.boundary-strip .green-dot{width:5px;height:5px;margin-left:7px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:11px}thead{background:#f7f7f7}th{color:#a2a2a2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 24px;font-size:10px;font-weight:500}td{color:#6c6c6c;border-bottom:1px solid #f1f1f1;padding:16px 24px}tbody tr{cursor:pointer}tbody tr:hover{background:#fbfbfb}.design-cell{align-items:center;gap:12px;display:flex}.design-cell strong{color:#5a5a5a;font-family:Consolas,monospace;font-size:11px;font-weight:400}.design-cell small{color:#a1a1a1;margin-top:5px;font-size:9px;display:block}.thumb{color:#b3b3b3;background:#f2f2f2;border:1px solid #ebebeb;border-radius:6px;justify-content:center;align-items:center;width:38px;height:45px;display:flex}.thumb img{object-fit:contain;width:100%;height:100%}.list-toolbar{justify-content:space-between;align-items:center;gap:15px;padding:20px 23px;display:flex}.filter-tabs{gap:5px;display:flex}.filter-tabs button{color:#9d9d9d;white-space:nowrap;border-radius:5px;padding:9px 12px;font-size:11px}.filter-tabs .active{color:#5d5d5d;background:#f0f0f0;font-weight:500}.filter-tabs.standalone{margin-bottom:23px}.search{border:1px solid var(--line);color:#ababab;border-radius:6px;align-items:center;gap:9px;min-width:190px;padding:8px 11px;display:flex}.search input:not([type=checkbox]){background:0 0;border:0;outline:0;min-width:0;padding:0;font-size:10px}.pagination{color:#a1a1a1;justify-content:space-between;align-items:center;padding:18px 24px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:15px;display:flex}.pagination button{padding:5px;display:flex}.detail-grid{grid-template-columns:minmax(260px,.8fr) minmax(350px,1fr);align-items:start;gap:26px;display:grid}.detail-preview{border:1px solid var(--line);background:#efefef;border-radius:9px;flex-direction:column;align-items:center;min-height:520px;padding:40px 60px;display:flex;position:sticky;top:20px}.detail-preview .phone-canvas,.detail-preview>img{object-fit:contain;filter:drop-shadow(6px 12px 8px #5959591a);width:100%;max-width:240px;max-height:520px}.preview-caption{color:#9b9b9b;text-align:center;margin-top:25px;font-size:9px;display:block}.detail-info{margin-bottom:20px;padding:24px}.detail-info h2{font-size:14px}.detail-info .section-top{padding:0 0 18px}.key-values{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:17px 14px;margin:10px 0 24px;font-size:11px;display:grid}.key-values>span{color:#a7a7a7}.key-values strong{font-size:11px;font-weight:400}.key-values code{overflow-wrap:anywhere;color:#767676;font-size:10px}.asset-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.asset-row img{object-fit:contain;background:#f3f3f3;border-radius:5px;width:44px;height:44px}.asset-row strong{overflow-wrap:anywhere;font-size:10px}.asset-row small{color:#a3a3a3;margin-top:4px;font-size:9px;display:block}.asset-row a{color:#919191;margin-left:auto}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.asset-card>div:first-child{background:#f2f2f2;height:180px}.asset-card img{object-fit:contain;width:100%;height:100%}.asset-card h3{text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;padding:17px 17px 0;font-size:11px;overflow:hidden}.asset-card p{padding:0 17px;font-size:9px}.asset-card .actions{justify-content:space-between;padding:0 17px 18px}.asset-card .text-link{font-size:10px}.event-card{margin-top:24px}.event-row{border-top:1px solid var(--line);color:#8c8c8c;align-items:center;gap:16px;padding:15px 24px;display:flex}.event-row strong{font-size:11px}.event-row small{margin-top:5px;font-size:9px;display:block}.event-row time{color:#adadad;margin-left:auto;font-size:9px}.subtle-empty{color:#a4a4a4;padding:0 25px 22px;font-size:11px}.templates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.template-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.template-card-art{cursor:pointer;background:#eee;justify-content:center;align-items:center;height:270px;display:flex;position:relative}.template-card-art .phone-canvas{filter:drop-shadow(10px 12px 9px #54545426);width:auto;height:220px;transform:rotate(10deg)}.template-type{letter-spacing:1.6px;color:#959595;font-size:8px;position:absolute;top:20px;left:20px}.template-version{color:#8f8f8f;border:1px solid #d7d7d7;border-radius:4px;padding:4px 6px;font-size:9px;position:absolute;bottom:16px;right:18px}.template-card-info{padding:21px}.template-card-info>div:first-child{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-card-info h2{margin-bottom:7px;font-size:13px;line-height:1.7}.template-card-info p{color:#a4a4a4;font-size:10px}.template-specs{color:#959595;gap:13px;padding:6px 0 20px;font-size:9px;display:flex}.template-card-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:17px;display:flex}.template-card-actions button{color:#6a6a6a;align-items:center;gap:7px;font-size:10px;display:flex}.template-add{color:#989898;background:#f6f6f6;border:1px dashed #dfdfdf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:400px;display:flex}.template-add>span{background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.template-add strong{font-size:12px;font-weight:500}.template-add small{color:#b1b1b1;font-size:10px}.template-editor{grid-template-columns:minmax(290px,1fr) minmax(340px,1fr);align-items:start;gap:24px;display:grid}.template-stage{background:#f0f0f0;border:1px solid #e5e5e5;border-radius:9px;padding:23px;position:sticky;top:20px}.stage-meta{color:#979797;justify-content:space-between;align-items:center;font-size:10px;display:flex}.stage-meta .mono{font-size:9px}.template-phone{justify-content:center;align-items:center;height:540px;padding:36px;display:flex}.template-phone .phone-canvas{filter:drop-shadow(8px 15px 10px #6060601a);width:auto;max-width:100%;max-height:100%}.stage-caption{color:#a1a1a1;align-items:center;gap:7px;font-size:9px;display:flex}.stage-caption>span:last-child{margin-left:auto}.legend-dash{border-top:1px dashed #959595;width:12px}.config-tabs{border-bottom:1px solid var(--line);padding:0 20px;display:flex}.config-tabs button{color:#959595;border-bottom:2px solid #0000;padding:19px 10px;font-size:11px}.config-body{padding:25px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.field-section{border-top:1px solid var(--line);margin-top:2px;padding-top:19px}.field-section h3{justify-content:space-between;margin-bottom:18px;font-size:12px;display:flex}.field-section small{color:#ababab;font-size:9px;font-weight:400}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-row input{margin:0}.config-body .notice{margin:0;font-size:10px}.connection{border:1px solid var(--line);color:#8a8a8a;background:#f9f9f9;border-radius:7px;align-items:center;gap:8px;margin-bottom:13px;padding:16px 10px;font-size:10px;display:flex}.connection span:last-child{background:#eee;border-radius:4px;margin-left:auto;padding:5px 7px}.config-body h3{margin-top:10px}.config-body>p{font-size:11px}.config-body .key-values{grid-template-columns:85px 1fr}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:25px;display:grid}.settings-card{margin-bottom:20px;padding:28px}.settings-card>svg{color:#979797;margin-bottom:17px}.settings-card h2{margin-bottom:10px;font-size:15px}.settings-card p{font-size:11px}.settings-card dl{grid-template-columns:110px 1fr;gap:18px;margin:28px 0;font-size:11px;display:grid}.settings-card dt{color:#aaa}.settings-card dd{overflow-wrap:anywhere;color:#767676;margin:0;font-size:11px}.success-line{border-top:1px solid var(--line);color:#949494;align-items:center;gap:7px;padding-top:19px;font-size:10px;display:flex}.setting-status{color:#7c7c7c;border-bottom:1px solid #efefef;justify-content:space-between;padding:16px 0;font-size:11px;display:flex}.positive{color:#919191}.principles{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;display:grid}.principles span{color:#adadad;letter-spacing:1px;font-size:9px}.principles h3{margin:15px 0 8px;font-size:12px}.principles p{margin:0;font-size:10px}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{background:#ededed;min-height:720px;position:relative;overflow:hidden}.login-brand{letter-spacing:1.4px;color:#4d4d4d;font-size:21px;font-weight:750;position:absolute;top:44px;left:50px}.login-brand span{letter-spacing:3px;margin-top:8px;font-size:8px;font-weight:400;display:block}.login-phones{filter:drop-shadow(25px 30px 20px #72727230);width:180px;position:absolute;top:120px;right:18%;transform:rotate(15deg)}.orbit{z-index:-1;border:1px solid #d7d7d7;border-radius:50%;width:470px;height:470px;position:absolute;top:-45px;left:-145px}.login-copy{position:absolute;bottom:100px;left:50px}.login-copy>span{letter-spacing:2px;color:#9e9e9e;font-size:9px}.login-copy h1{letter-spacing:-1px;color:#545454;margin-top:24px;font-size:42px;line-height:1.6}.login-copy p{color:#989898;font-size:12px}.login-foot{color:#a8a8a8;font-size:9px;position:absolute;bottom:35px;left:50px}.login-form{background:#fafafa;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:340px;max-width:100%}.login-card .eyebrow{letter-spacing:2px;margin-bottom:23px;font-size:9px}.login-card h2{margin-bottom:12px;font-size:29px}.login-card>p{color:#a4a4a4;margin-bottom:35px;font-size:12px}.login-card label{font-size:11px}.login-card input{background:#fff;min-height:45px}.login-card .btn{width:100%;min-height:45px;margin-top:5px}.login-note{color:#adadad;justify-content:center;align-items:center;gap:8px;margin-top:27px;font-size:10px;display:flex}.login-form>small{color:#b6b6b6;letter-spacing:1.6px;font-size:8px;position:absolute;bottom:35px}.editor-app{background:#fafafa;min-height:100vh}.editor-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:77px;padding:0 36px;display:flex}.editor-brand{letter-spacing:1.4px;color:#4b4b4b;font-size:21px;font-weight:750}.editor-brand span{letter-spacing:2px;color:#9e9e9e;margin-left:12px;font-size:9px;font-weight:400}.editor-header .text-link{font-size:11px}.editor-layout{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);min-height:calc(100vh - 77px);display:grid}.editor-stage{background:radial-gradient(at 50% 40%,#f0f0f0,#eaeaea);flex-direction:column;padding:26px 36px;display:flex}.editor-stage-header{color:#979797;justify-content:space-between;gap:15px;font-size:10px;display:flex}.editor-stage-header .mono{font-size:9px}.editor-phone{justify-content:center;align-items:center;height:calc(100vh - 190px);min-height:460px;max-height:850px;padding:34px;display:flex}.editor-phone .phone-canvas{filter:drop-shadow(10px 17px 16px #6a6a6a31);width:auto;max-width:350px;max-height:100%}.phone-canvas.interactive{touch-action:none;cursor:grab}.phone-canvas.interactive:active{cursor:grabbing}.editor-stage-bottom{color:#a0a0a0;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;font-size:9px;display:flex}.editor-stage-bottom label{color:#9b9b9b;align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.editor-stage-bottom input{margin:0}.editor-stage-bottom>span{align-items:center;gap:6px;display:flex}.editor-tools{width:100%;max-width:530px;margin:0 auto;padding:43px 39px}.editor-tools h1{margin-bottom:12px;font-size:27px;line-height:1.65}.editor-tools>.muted{margin-bottom:28px;font-size:11px}.editor-tools>.btn{width:100%}.upload-zone{color:#8f8f8f;background:#f4f4f4;border:1px dashed #d2d2d2;border-radius:9px;flex-direction:column;align-items:center;width:100%;margin-bottom:25px;padding:22px 14px;display:flex;position:relative}.upload-zone>span{background:#ebebeb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:10px;display:flex}.upload-zone strong{font-size:12px;font-weight:500}.upload-zone small{color:#a6a6a6;margin-top:8px;font-size:9px}.progress{background:#e2e2e2;height:3px;position:absolute;bottom:0;left:0;right:0}.progress i{background:#9d9d9d;height:100%;display:block}.transform-controls label{flex-wrap:wrap;justify-content:space-between;margin-bottom:23px;font-size:10px;display:flex}.transform-controls input[type=range]{accent-color:#6e6e6e;width:100%;margin-top:14px}.transform-controls p{color:#a5a5a5;margin:15px 0 0;font-size:9px}.transform-controls .text-link{font-size:10px}.editor-save-status{color:#9f9f9f;align-items:center;gap:7px;margin:26px 0 14px;font-size:9px;display:flex}.editor-cta{flex-direction:column;gap:10px;display:flex}.editor-cta .btn{width:100%;min-height:43px}.editor-tools>.text-link{justify-content:center;margin-top:19px;font-size:10px;display:flex}.editor-info{color:#afafaf;border-top:1px solid #e9e9e9;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding-top:19px;font-size:9px;display:flex}.editor-info p{color:#afafaf;margin:0;font-size:9px}.editor-tools .notice{font-size:10px}.editor-stage{background:radial-gradient(at 50% 40%,#f7f7f7,#ececec)}.detail-preview,.template-stage{background:#f1f1f1}.editor-phone .phone-canvas,.detail-preview>img{background-color:#fff;background-image:linear-gradient(45deg,#ededed 25%,#0000 25%),linear-gradient(-45deg,#ededed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ededed 75%),linear-gradient(-45deg,#0000 75%,#ededed 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:8%}@media (width>=1600px){.content{padding-top:45px}.overview-grid{grid-template-columns:1.65fr 1fr}.hero-content{padding:40px}.floating-phone{width:145px}.hero-card{min-height:380px}}@media (width<=1200px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.workspace{width:calc(100% - 210px);margin-left:210px}.content{padding:28px}.topbar{padding:0 28px}.footer{padding:20px 28px}.hero-card{grid-template-columns:1.1fr .9fr}.hero-content{padding-left:25px}.hero-content h2{font-size:21px}.hero-content p{font-size:10px}.hero-tags{gap:5px}.hero-tags span{padding:4px;font-size:7px}.floating-phone{width:110px}.art-circle{width:180px;height:180px}.art-label{padding:8px 10px;font-size:8px}.metrics{gap:12px}.metric{padding:18px}.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-heading h1{font-size:25px}.page-heading>.actions{flex-wrap:wrap}.template-editor{grid-template-columns:minmax(245px,1fr) minmax(330px,1fr);gap:17px}.template-stage{padding:17px}.template-phone{padding:30px 10px}.template-stage .stage-meta{flex-direction:column;align-items:start;gap:8px}.stage-caption>span:last-child{display:none}.detail-preview{padding:35px}.editor-tools{padding:35px 27px}.login-phones{width:160px;top:130px;right:17%}.login-copy h1{font-size:35px}}@media (width<=1000px){.overview-grid{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr 1fr;min-height:320px}.hero-content h2{font-size:25px}.hero-content p{font-size:11px}.floating-phone{width:130px}.hero-content{padding:30px}.workflow-card .workflow-step{padding:11px 0}.workflow-card{grid-template-columns:1fr 1fr;display:grid}.workflow-card .section-top,.workflow-note{grid-column:1/-1}.workflow-step:after{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.boundary-strip .muted{display:none}.template-editor,.detail-grid{grid-template-columns:1fr}.template-stage,.detail-preview{position:relative;top:0}.template-phone{height:380px}.stage-meta{flex-direction:row!important}.template-stage .stage-caption>span:last-child{display:block}.detail-preview{min-height:360px}.detail-preview .phone-canvas,.detail-preview>img{width:auto;max-width:100%;max-height:380px}.list-toolbar{flex-direction:column;align-items:stretch}.settings-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr;gap:23px}.editor-layout{grid-template-columns:minmax(0,1fr) 360px}.editor-stage{padding:23px}.editor-phone{padding:30px 5px}.editor-stage-bottom>span{display:none}.login-brand,.login-copy,.login-foot{left:30px}.login-phones{width:150px;top:160px;right:16%}.login-form{padding:35px}.login-copy h1{font-size:32px}.login-copy p{font-size:10px}}@media (width<=760px){.sidebar{width:236px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 80px #30303040}.workspace{width:100%;margin:0}.topbar{gap:14px;height:64px;padding:0 20px}.mobile-toggle{color:gray;padding:0;display:flex}.breadcrumbs{gap:8px;margin-right:auto;font-size:10px}.topbar-right{gap:13px}.internal-pill{font-size:9px}.content{padding:25px 20px}.page-heading{align-items:flex-start;gap:18px;margin-bottom:25px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:8px}.page-heading>.btn{padding:10px;font-size:10px}.page-heading>.actions{justify-content:flex-end;gap:7px;max-width:150px}.page-heading>.actions .btn{min-height:32px;padding:8px 11px;font-size:10px}.metric-top{font-size:10px}.metric-top svg{width:16px}.metric-value{margin:17px 0 10px;font-size:29px}.metric small{font-size:9px}.hero-card{grid-template-columns:1.1fr .9fr;min-height:315px}.hero-content{padding:25px 0 25px 23px}.hero-content h2{font-size:22px}.hero-content p{font-size:10px}.hero-tags{margin-top:24px}.floating-phone{width:107px}.art-circle{width:160px;height:160px}.hero-art .ruler{font-size:6px;right:7px}.art-label{padding:7px 9px;font-size:7px;bottom:34px}.section-top{padding:20px}.section-top h2{font-size:14px}.empty{padding:33px 18px}.empty p{max-width:290px;font-size:10px;line-height:1.9}.footer{padding:18px 20px;font-size:8px}.footer span:nth-child(2){display:none}.boundary-strip{padding:12px;font-size:9px}.templates-grid{gap:15px}.template-card-art{height:230px}.template-card-art .phone-canvas{height:180px}.template-card-info{padding:15px}.template-card-info>div:first-child{flex-direction:column;gap:0}.template-card-info h2{margin:0 0 8px;font-size:12px}.template-card-info .badge{display:none}.template-card-info p{margin-top:8px;font-size:9px}.template-specs{flex-direction:column;gap:6px;padding:0 0 15px;font-size:8px}.template-type{font-size:7px;top:15px;left:14px}.template-add{min-height:350px;padding:15px}.template-add strong{font-size:10px}.template-add small{font-size:8px}.template-version{right:11px}.filter-tabs{gap:0;overflow:auto}.filter-tabs button{padding:8px 10px;font-size:10px}.list-toolbar{padding:17px}.search{min-width:0}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.asset-card>div:first-child{height:150px}.asset-card .actions{padding:0 12px 15px}.asset-card .text-link{font-size:9px}.asset-card h3,.asset-card p{padding-left:12px;padding-right:12px}.editor-layout{flex-direction:column;display:flex}.editor-header{height:63px;padding:0 18px}.editor-brand{font-size:17px}.editor-brand span{display:none}.editor-header .text-link{gap:3px;font-size:10px}.editor-stage{padding:17px 22px}.editor-stage-header{font-size:9px}.editor-phone{height:360px;min-height:270px;padding:20px 30px}.editor-phone .phone-canvas{width:auto;max-width:200px}.editor-stage-bottom{font-size:8px}.editor-stage-bottom label{font-size:9px}.editor-tools{max-width:560px;padding:27px 25px}.editor-tools h1{font-size:24px;line-height:1.5}.editor-tools h1 br{display:none}.editor-tools>.muted{margin-bottom:22px}.editor-tools .eyebrow{font-size:8px}.editor-tools .upload-zone{margin-bottom:20px;padding:18px}.login-page{flex-direction:column;display:flex}.login-art{height:220px;min-height:220px}.login-brand{font-size:17px;top:23px;left:25px}.login-brand span{font-size:7px}.login-phones{width:95px;top:22px;right:17%}.orbit{width:250px;height:250px;top:-30px;left:-80px}.login-copy{bottom:18px;left:25px}.login-copy h1{margin:15px 0 0;font-size:22px;line-height:1.5}.login-copy p,.login-copy>span,.login-foot{display:none}.login-form{min-height:calc(100vh - 220px);padding:40px 27px}.login-form>small{margin-top:45px;font-size:7px;position:static}.login-card h2{font-size:25px}.login-card .eyebrow{font-size:8px}.workflow-step{gap:10px;margin:0 18px}.workflow-step strong{font-size:10px}.workflow-step p{font-size:8px}.workflow-step>svg{display:none}.workflow-note{padding:13px 18px;font-size:8px}}:root{--ink:#1b1b1b;--muted:#888;--line:#e7e7e7;--green:#171717;--lime:#e7e7e7;color:#222;background:#fafafa}.sidebar{color:#aaa;background:#171717}.nav-item{color:#aaa}.nav-item.active{color:#171717;background:#f0f0f0}.nav-item:hover:not(.active){background:#2a2a2a}.nav-count{color:#444;background:#ddd}.btn{background:#181818;border-color:#181818}.btn:hover:not(:disabled){background:#333}.btn.secondary{color:#333;background:#fff;border-color:#ddd}.btn.secondary:hover:not(:disabled){background:#f5f5f5}.text-link{color:#333}.text-link:hover{color:#000}.topbar,.card{background:#fff}.hero-card,.login-art{background:#f0f0f0}.art-circle{background:#e5e5e5}.internal-pill,.positive{color:#777}.badge.finalized,.badge.processed,.badge.ordered{color:#444;background:#eee}.green-dot,.amber-dot,.internal-pill i{background:#777}.notice,.notice.error{color:#666;background:#f1f1f1}.error-text{color:#333}.toast{background:#171717}.filter-tabs .active{color:#222;background:#ededed}.upload-zone{color:#555;background:#f6f6f6;border-color:#ccc}.upload-zone>span{background:#e9e9e9}.transform-controls input[type=range],input[type=checkbox]{accent-color:#222}.config-tabs button.active{color:#222;border-bottom-color:#222}.phone-canvas:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#777}.phone-canvas.source-template,.detail-preview>img{border-radius:0}.library-toolbar{align-items:center;gap:25px;margin:20px 0;display:flex}.library-toolbar label{min-width:240px}.library-toolbar p{color:#777;font-size:12px;line-height:1.8}.source-path{overflow-wrap:anywhere;line-height:1.7;font-size:10px!important}.template-sources{margin:20px 0}.template-sources>div{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:flex}.template-sources small{color:#888;margin-left:auto}.template-sources a{color:#333;white-space:nowrap}@media (width<=600px){.library-toolbar{display:block}.template-sources>div{gap:8px;font-size:10px}}