:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#27313a;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;--orange:#e58b38;--ink:#18232d;--line:#e1e6e9;--muted:#78848f;--surface:#fff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #efac65;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}button,select{touch-action:manipulation}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#17212b;color:#d3dce3;display:flex;flex-direction:column;padding:29px 18px 18px;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:0 5px 33px;color:#fff;font-size:20px;letter-spacing:-.75px}.brand>span{display:grid;place-items:center;background:#e58b38;color:#17212b;border-radius:10px;width:39px;height:39px;flex:none}.brand strong{font-weight:750;color:#f1a14f}.brand small{display:block;font-size:7px;letter-spacing:1.9px;font-weight:650;color:#96a4b0;margin-top:7px}.sidebar-section{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 12px;font-size:10px;letter-spacing:1.25px;color:#8b9aa8;font-weight:650}.sidebar-section button{background:none;border:0;color:#c5d1da}.art-list{overflow:auto;max-height:48vh}.art-list>button{width:100%;display:flex;align-items:center;text-align:left;gap:10px;border:1px solid transparent;background:none;color:#8f9da9;border-radius:7px;padding:14px 11px;margin-bottom:7px}.art-list>button.active{background:#263443;border-color:#34475a;color:#e6a25a}.art-list>button>span{min-width:0;flex:1}.art-list strong{font-size:12px;font-weight:620;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4e9ed}.art-list small{font-size:9px;letter-spacing:.5px;display:block;margin-top:5px;color:#8d9bab;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.art-list b{font-size:10px;font-weight:500}.sidebar-link{border:0;background:none;color:#a8b5c1;display:flex;align-items:center;gap:10px;text-align:left;width:100%;font-size:11px;padding:12px 8px}.sidebar-link:hover{color:#fff}.sidebar-bottom{margin-top:auto;padding-top:25px}.template-info{border-top:1px solid #2a3744;border-bottom:1px solid #2a3744;padding:20px 8px;display:grid;grid-template-columns:23px 1fr;gap:6px;color:#e4e9ed;margin-bottom:12px}.template-info>svg{grid-row:span 2;color:#96a6b3}.template-info strong{font-size:12px;font-weight:550}.template-info>span{font-size:10px;line-height:1.8;color:#7f909e}.local-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#8195a5;padding:18px 7px 4px;white-space:nowrap}.local-note>span{width:5px;height:5px;background:#8aad9c;border-radius:50%}.main{margin-left:224px;padding:0 32px 34px}.topbar{height:68px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:13px;font-size:11px;color:#8b969f}.breadcrumb strong{color:#3c4852;font-weight:550}.breadcrumb>span{color:#c1cad0}.save-status{font-size:10px;color:#919aa2;display:flex;align-items:center;gap:5px}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:30px 0 25px}.workspace-head h1{font-size:27px;font-weight:650;letter-spacing:-1.05px;line-height:1.1;margin:0 0 9px}.workspace-head p{font-size:11px;color:#7c8791;margin:0}.head-actions{display:flex;gap:10px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:11px 14px;font-size:11px;font-weight:600;line-height:1.3;min-height:38px;background:#fff;transition:background .15s,border-color .15s}.button.ghost:hover:not(:disabled){border-color:#b6c0c7;background:#fdfefe}.button.primary{color:#fff;background:#182630;border-color:#182630}.button.primary:hover:not(:disabled){background:#304351}.button.full{width:100%;margin-top:12px}.export-wrap{position:relative}.export-menu{position:absolute;right:0;top:47px;width:258px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 46px #1c293424;border-radius:10px;padding:6px;z-index:60}.export-menu>button{display:flex;gap:12px;align-items:center;width:100%;background:none;border:0;border-radius:6px;padding:12px;text-align:left}.export-menu>button:hover{background:#f1f4f5}.export-menu>button>svg{color:#75828c;flex:none}.export-menu>button>span{font-size:12px;font-weight:550}.export-menu small{display:block;font-size:10px;margin-top:4px;color:#8a959e;font-weight:400}.workspace{display:grid;grid-template-columns:minmax(340px,1fr) minmax(350px,392px);gap:23px;align-items:start}.preview-panel{min-width:0}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;height:24px}.panel-toolbar>div{font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#9caa9d;border-radius:50%}.badge{font-size:9px;padding:5px 9px;border-radius:4px;font-weight:600}.badge.draft{background:#f7e9d8;color:#a16a33}.badge.approved{background:#e5efe9;color:#35694e}.canvas-stage{background:#e7ecef;border:1px solid #dde4e8;border-radius:9px;min-height:300px;display:flex;justify-content:center;align-items:center;padding:28px;overflow:hidden}.canvas-stage canvas{display:block;width:100%;max-width:447px;height:auto;box-shadow:0 7px 17px #18253030}.preview-bottom{display:flex;justify-content:space-between;gap:10px;color:#909ba4;font-size:9px;padding:12px 2px 19px}.preview-bottom b{padding:0 5px;font-weight:400}.workflow-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0}.workflow-strip>div{display:flex;gap:10px;align-items:center;padding:0 14px;border-right:1px solid var(--line)}.workflow-strip>div:first-child{padding-left:2px}.workflow-strip>div:last-child{border:0}.workflow-strip svg{color:#8a979f;flex:none}.workflow-strip span{font-size:9px;color:#99a3aa;white-space:nowrap}.workflow-strip strong{display:block;margin-top:5px;font-size:11px;color:#495660;font-weight:550}.template-download{display:flex;align-items:center;gap:7px;padding:18px 2px;color:#7b6c59;font-size:10px;font-weight:550}.template-download>span{font-size:9px;color:#a4adb4;font-weight:400;margin-left:auto}.psd-note{font-size:9px;line-height:1.7;color:#9ca6ae;margin:0 2px;max-width:500px}.inspector{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;max-height:calc(100vh - 190px);min-height:670px;overflow:hidden}.inspector-head{padding:17px 19px 14px}.inspector-head>div{display:flex;align-items:center;gap:8px;font-size:12px}.inspector-head svg{color:#94a0a9}.inspector-head strong{font-weight:600}.inspector-head>code{display:block;margin-top:7px;margin-left:25px;color:#9fa8b0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 13px;gap:4px}.tabs>button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 2px;font-size:10px;border:0;border-bottom:2px solid transparent;background:none;color:#8c969e;margin-bottom:-1px}.tabs>button.active{border-bottom-color:#d98835;color:#93602a;font-weight:650}.tabs>button>svg{width:14px}.inspector-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d9de transparent;flex:1;min-height:150px}.form-content{padding:19px}.help-text{color:#909aa2;font-size:10px;line-height:1.7;margin:0 0 17px}.form-content h3{font-size:11px;font-weight:650;color:#47555f;margin:25px 0 13px}.form-content h3:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:block;min-width:0}.field.wide{grid-column:1/-1}.field>span{display:block;font-size:9px;font-weight:550;color:#7e8a93;margin-bottom:6px;line-height:1.3}.field input,.field select{width:100%;min-width:0;background:#fff;border:1px solid #dfe5e9;padding:9px 10px;border-radius:5px;font-size:11px;color:#3e4a54;outline-offset:0}.field input::placeholder{color:#bec6cc}.field input:focus,.field select:focus{border-color:#dca361}.field select{padding-right:5px;height:35px;font-size:10px}.suffix-input{position:relative}.suffix-input input{padding-right:28px}.suffix-input>b{position:absolute;top:10px;right:11px;font-size:10px;font-weight:400;color:#9aa5ad}.suffix-input input[aria-invalid=true]{border-color:#ca726b;background:snow}.field-error{font-size:9px;color:#b46860}.candidate-editor{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:19px}.candidate-top{display:flex;align-items:center;gap:8px;margin-bottom:15px}.candidate-top .number{font-size:9px;background:#f1f4f5;color:#919da6;font-weight:650;display:grid;place-items:center;width:23px;height:23px;border-radius:4px;flex:none}.candidate-top>strong{font-size:10px;color:#53616c;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.row-actions{display:flex;gap:1px}.row-actions button{display:grid;place-items:center;padding:4px;color:#a4afb7;background:none;border:0}.row-actions button:hover{color:#636f77}.portrait-fields{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;margin-bottom:13px}.mini-portrait{height:94px;background:#edf1f3;border:1px solid #e3e8eb;border-radius:6px;overflow:hidden;display:grid;place-items:center;color:#a5b0b9}.mini-portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait-fields>div:last-child{display:flex;flex-direction:column;gap:9px}.portrait-fields .field input{font-size:10px;padding:7px 9px}.portrait-fields .field>span{font-size:8px;margin-bottom:4px}.photo-select{margin-top:13px}.photo-actions{display:flex;gap:8px;margin-top:10px}.small-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;color:#838f98;font-size:9px;padding:7px 9px;border-radius:5px;cursor:pointer}.small-button:hover{background:#f5f7f8;color:#475962}.crop{margin-top:10px;font-size:9px;color:#9ba5ad}.crop summary{cursor:pointer;padding:4px 0}.crop label{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:10px;font-size:9px;margin-top:8px}.crop input[type=range]{width:100%;accent-color:#ca8a4a}.muted{color:#9aa6af;font-weight:400;margin-left:auto}.review-box{background:#fafbfc;border-top:1px solid var(--line);padding:13px 19px 17px}.review-summary{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;width:100%;border:0;background:none;font-size:10px;color:#6d7e87}.review-summary>span{display:flex;align-items:center;gap:8px}.review-summary svg{color:#a58d66}.check-row{display:flex;align-items:flex-start;gap:8px;font-size:9px;color:#818d97;line-height:1.7}.check-row input{width:13px;height:13px;accent-color:#c48645;flex:none;margin:1px 0 0}.review-box>small{display:block;color:#ac9478;font-size:8px;line-height:1.6;margin-top:8px;margin-left:21px}.checks{max-height:155px;overflow:auto;margin-bottom:12px}.checks p{font-size:9px;line-height:1.6;margin:5px 0;color:#9b855f}.checks p.error{color:#a26159}.demo-check{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.color-row{display:flex;gap:25px}.color-row label{display:flex;align-items:center;gap:9px;font-size:10px;color:#8e9aa3}.color-row input{width:34px;height:27px;padding:2px;border:1px solid var(--line);border-radius:5px;background:#fff}.photo-drop{cursor:pointer;border:1px dashed #cdd7dd;border-radius:8px;padding:23px;display:flex;flex-direction:column;gap:10px;align-items:center;background:#fbfcfc;color:#a2afb9}.photo-drop strong{font-size:11px;color:#6e7e89;font-weight:550}.photo-drop span{font-size:9px}.bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:18px}.bank-item{min-width:0}.bank-item>div{position:relative;height:94px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#f1f3f4}.bank-item img{width:100%;height:100%;object-fit:cover}.bank-item button{position:absolute;top:4px;right:4px;display:grid;place-items:center;border:0;background:#fffffff2;border-radius:4px;width:22px;height:22px;color:#667782}.bank-item>strong,.bank-item>code,.bank-item>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;font-size:8px;color:#9aa5ad;font-weight:400}.bank-item>strong{color:#6d7b86;font-weight:550}.bank-item>span{font-size:7px}.notice{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid #d7e4e8;border-radius:7px;background:#edf5f7;font-size:10px;color:#598090;line-height:1.6;margin-bottom:18px}.notice>svg{flex:none}.notice>span{flex:1}.notice button{font-size:10px;font-weight:600;color:inherit;background:none;border:0;padding:3px;flex:none;text-decoration:underline}.notice.warning{background:#fff6e9;border-color:#f2dfc2;color:#a38051}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #d6e3dc;box-shadow:0 12px 40px #10233126;padding:15px 17px;border-radius:9px;display:flex;align-items:flex-start;gap:12px;z-index:200;width:max-content;max-width:min(650px,94vw);font-size:12px;line-height:1.6;color:#5c7263}.toast p{margin:0;max-height:230px;overflow:auto;overflow-wrap:anywhere}.toast.error{color:#986753;border-color:#ecd0c2}.toast button{display:grid;place-items:center;border:0;background:none;color:#a1aab1;padding:0}.toast>span{padding-top:2px}.busy-banner{position:fixed;bottom:24px;left:calc(50% + 112px);transform:translate(-50%);background:#223746;color:#fff;border-radius:8px;box-shadow:0 12px 30px #101e3433;display:flex;gap:11px;align-items:center;padding:14px 20px;font-size:12px;z-index:160}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.main{padding-left:48px;padding-right:48px}.workspace{grid-template-columns:minmax(420px,1fr) 445px;gap:34px}.canvas-stage canvas{max-width:496px}.form-content{padding:22px}.workspace-head h1{font-size:31px}.workspace-head p{font-size:13px}.button{font-size:12px}.field>span{font-size:10px}.field input{font-size:12px}.help-text{font-size:11px}.tabs>button{font-size:11px}.candidate-top>strong{font-size:12px}.portrait-fields .field input{font-size:12px}.portrait-fields .field>span{font-size:9px}.check-row{font-size:10px}.review-box>small{font-size:9px}.inspector{min-height:740px}.inspector-head>div{font-size:14px}.sidebar-link{font-size:12px}}@media(max-width:1250px){.sidebar{width:195px;padding-left:13px;padding-right:13px}.brand{font-size:18px;gap:8px}.main{margin-left:195px;padding:0 22px 28px}.workspace{grid-template-columns:minmax(300px,1fr) minmax(330px,370px);gap:18px}.canvas-stage{padding:19px}.workspace-head h1{font-size:24px}.workspace-head p{font-size:10px;max-width:230px;line-height:1.6}.head-actions{gap:7px}.button{padding:10px 11px}.workflow-strip>div{padding:0 8px;gap:6px}.workflow-strip svg{width:15px}.workflow-strip strong{font-size:10px}.workflow-strip span,.local-note{font-size:8px}.brand small{font-size:6px}.busy-banner{left:calc(50% + 95px)}}@media(max-width:1040px){.workspace{grid-template-columns:minmax(0,1fr)}.preview-panel{max-width:650px;width:100%;margin:auto}.inspector{max-width:650px;width:100%;margin:auto;min-height:0;max-height:none}.inspector-content{max-height:680px}.workspace-head{align-items:flex-start;flex-direction:column;gap:20px}.workspace-head p{max-width:none}.head-actions{align-self:stretch}.head-actions .export-wrap{margin-left:auto}.topbar{height:56px}.canvas-stage canvas{max-width:420px}.inspector-head{padding-top:20px}.inspector-content .help-text{font-size:11px}.field>span{font-size:11px}.field input,.field select,.portrait-fields .field input{font-size:13px}.portrait-fields .field>span{font-size:10px}.tabs>button{font-size:12px}.candidate-top>strong{font-size:12px}.small-button{font-size:11px}.review-box{padding:18px 20px}.check-row{font-size:11px}.review-summary{font-size:12px}.review-box>small{font-size:10px}.psd-note{font-size:10px}.template-download{font-size:11px}.preview-bottom{font-size:10px}.workflow-strip strong{font-size:12px}.workflow-strip span{font-size:10px}}@media(max-width:650px){.sidebar{position:relative;width:100%;height:auto;padding:15px 16px 11px}.brand{padding:0 0 15px;font-size:20px}.brand small{font-size:7px}.brand>span{width:35px;height:35px}.sidebar-section,.sidebar-link,.sidebar-bottom{display:none}.art-list{display:flex;gap:8px;max-height:none}.art-list>button{width:auto;flex:none;max-width:220px;min-width:160px;padding:10px;margin:0}.art-list>button>span{margin-right:14px}.main{margin:0;padding:0 16px 28px}.topbar{height:44px}.breadcrumb{font-size:10px;gap:8px}.save-status{font-size:8px;max-width:135px}.workspace-head{padding:24px 0 21px;gap:18px}.workspace-head h1{font-size:27px}.workspace-head p{font-size:11px}.button{font-size:12px;padding:11px 12px}.canvas-stage{padding:16px;border-radius:7px}.panel-toolbar{font-size:12px}.preview-bottom{font-size:9px}.workflow-strip>div{gap:7px;padding:0 9px}.workflow-strip strong{font-size:10px}.workflow-strip span{font-size:8px}.template-download{font-size:10px}.template-download>span{font-size:8px}.psd-note{font-size:9px}.busy-banner{left:50%;font-size:11px;width:max-content;max-width:93vw}.notice{font-size:10px;align-items:flex-start}.notice button{max-width:90px}.inspector-content{max-height:720px}.export-menu{width:260px}.form-content{padding:17px}.check-row{font-size:10px}.photo-actions{gap:8px}.small-button{padding:9px;font-size:10px}.crop summary,.crop label{font-size:11px}.crop label{margin-top:14px}.bank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toast{font-size:11px}.preview-panel .notice{margin-top:8px}.review-box>small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}