:root{--primary:#1677f3;--tint:#eff6ff;--border:#dce5f0;--text:#202b3d;--muted:#8290a6;--surface:#ffffffed;--shadow:0 5px 15px #1b355408}*{box-sizing:border-box}body{margin:0;color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;background:#f1f3f6}body.profile-page{background:radial-gradient(ellipse at 95% 8%,#e1ebf7aa,transparent 45%),linear-gradient(150deg,#f7fafc,#e9eff5 70%);min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);background:#f7f9fc;border-radius:12px;padding:9px 14px;transition:background .15s,box-shadow .15s}button:hover{background:var(--tint);border-color:#c9dcf6}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #8cbdfc;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}.muted{color:var(--muted);font-size:12px}.primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 5px 12px #1677f31b}.primary:hover{background:var(--primary);filter:brightness(1.04)}.danger{color:#dc4558}.small{padding:6px 11px;font-size:12px;border-radius:9px}.link{border:0;background:none;box-shadow:none;padding:0;color:var(--primary)}.icon{display:inline-block;width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:grid;gap:12px}.panel{background:var(--surface);border:1px solid #e6ecf4;border-radius:20px;padding:18px;box-shadow:var(--shadow)}.pill{border-radius:24px;padding:5px 12px;font-size:12px;background:var(--surface);color:#64768e}.topbar{height:65px;padding:12px 16px;background:#ffffffed;border-bottom:1px solid #e9edf3;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:650}.brand img{width:40px;height:40px;border:1px solid #e0e5eb;border-radius:12px;object-fit:cover}.topbar .row{gap:8px}.bottom-nav{height:50px;position:fixed;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid #e6ebf0;display:flex;justify-content:center;backdrop-filter:blur(14px);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{width:min(200px,25%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#939eac;font-size:11px;gap:0}.bottom-nav .icon{width:19px;height:19px}.bottom-nav a.active{color:var(--primary)}.home{padding:16px 16px 75px;max-width:1700px;margin:auto}.home-top{display:grid;grid-template-columns:7fr 3fr;gap:16px;margin-bottom:32px}.start-panel{padding:24px;min-height:320px}.upload-zone{border:1px solid #d6e7ff;background:linear-gradient(120deg,#f5f9ff,#edf5ff 55%,#fff);width:100%;height:234px;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;box-shadow:0 2px 5px #3674c007}.upload-zone .tag{position:absolute;top:16px;left:18px;background:#fff;border:1px solid #dceaff;border-radius:18px;color:var(--primary);padding:3px 10px;font-size:10px}.upload-icon{height:64px;width:64px;border-radius:22px;background:#f8fbff;border:1px solid #dfecff;display:grid;place-items:center;color:var(--primary);box-shadow:0 9px 15px #1677f312}.upload-icon .icon{width:30px;height:30px}.upload-zone strong{font-size:14px}.upload-zone b{font-size:18px;color:var(--primary)}.help-panel{padding:16px 12px;background:#ffffffb0}.help-panel .panel{padding:18px}.help-panel h3{margin-bottom:12px}.help-panel button{display:block;width:100%;margin-top:8px;font-size:12px}.home-section{padding:20px 16px;margin-bottom:28px;text-align:center;border-radius:17px;background:#ffffffed;border:1px solid #edf0f4}.home-section h2{font-size:16px;margin-bottom:8px}.home-section>p{font-size:12px;color:#8391a5}.comparison{display:flex;justify-content:space-around;align-items:center;margin:20px 0 0}.comparison .example{display:flex;align-items:center;gap:14px;background:#f8fafc;border:1px solid #e8ecf2;border-radius:18px;padding:12px 16px;font-size:12px;color:#8190a4}.example img{width:160px;height:160px;object-fit:contain;border-radius:12px}.arrow{color:#a0a9b6;font-size:28px}.video-preview{max-width:670px;display:block;padding:0;margin:20px auto 12px;overflow:hidden;border-radius:14px;background:#101217;color:white;text-align:left;box-shadow:0 12px 35px #0002;border:0}.video-top{padding:12px 16px;font-size:10px;color:#a6b1c1}.video-img{height:335px;background:url('/assets/studio-sail.svg') center/contain no-repeat #e6eee5;position:relative}.video-img:before{content:'';position:absolute;inset:0;background:#0005}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;font-size:28px;width:68px;height:68px;display:grid;place-items:center;background:#0005}.video-bottom{padding:16px}.video-bottom p{font-size:11px;color:#8590a1;margin:5px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left;margin-top:18px}.feature{border:1px solid #e7ebf0;border-radius:18px;padding:16px;background:#f8fafc}.feature h3{font-size:13px;margin:0 0 10px}.feature p{margin:0;font-size:12px;color:#8591a3}.site-footer{text-align:center;color:#8a97a9;font-size:12px;padding:8px 0 18px}.profile{max-width:960px;margin:0 auto;padding:24px 0 80px}.profile-actions{height:32px;display:flex;justify-content:flex-end;gap:9px}.profile-actions button{background:#ffffffc9;box-shadow:var(--shadow);border-radius:24px;padding:6px 12px;color:#6e829c;font-size:12px}.profile-actions .icon{width:15px;height:15px}.identity{text-align:center;padding:20px 0 24px}.avatar{height:80px;width:80px;border:2px solid #253144;border-radius:24px;background:#fff;box-shadow:0 6px 15px #22334910;display:grid;place-items:center;margin:0 auto 12px}.avatar .icon{height:55px;width:55px;stroke-width:1.7}.identity h1{font-size:24px;margin-bottom:3px;cursor:pointer}.identity p{font-size:13px;margin:0;color:#8495af}.membership{border:1px solid #cfe2ff;border-radius:21px;background:#f5f9ff;padding:12px 16px;margin-bottom:20px}.membership .icon-box{border:1px solid #cfe2ff;width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:#fff;color:var(--primary)}.membership b{font-size:14px;font-weight:500}.premium{font-size:9px;background:#eaf2ff;color:var(--primary);padding:1px 6px;margin-left:7px;border-radius:5px}.membership .pill{background:#eaf4ff;color:var(--primary);border-color:#cfe2ff}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 0 24px;border-top:1px solid #dce5ef;border-bottom:1px solid #dce5ef}.profile-card{height:132px;text-align:left;padding:16px;border-radius:22px;background:#ffffffcd;border:1px solid #dce5f0;box-shadow:var(--shadow);display:flex;align-items:flex-start;flex-direction:column}.profile-card .icon{margin-bottom:auto}.profile-card strong{font-size:15px;font-weight:500;margin-bottom:3px}.profile-card small{font-size:11px;color:#8998ae}.content-page{max-width:1180px;margin:auto;padding:30px 24px 90px}.page-heading{margin-bottom:26px}.page-heading h1{margin-bottom:4px}.tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.tabs button{border:0;background:transparent;color:#7b8aa0}.tabs button.active{color:var(--primary);background:var(--tint)}.empty{padding:80px 20px;text-align:center;color:#91a0b4}.empty .icon{height:48px;width:48px;margin-bottom:18px}.empty h3{color:#61738a;font-weight:500}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.work-card{overflow:hidden;padding:0;text-align:left}.work-card canvas{width:100%;height:210px;object-fit:contain;background:#f5f8fc;image-rendering:pixelated;padding:14px}.work-info{padding:14px}.work-info h3{margin:0 0 7px}.work-info .row{margin-top:12px;flex-wrap:wrap}.category-list{display:flex;flex-wrap:wrap;gap:8px}.category-list button{border-radius:30px;font-size:12px}.category-list button.active{color:#fff;background:var(--primary)}.modal-backdrop{position:fixed;inset:0;background:#17253965;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:440px;max-width:100%;background:#fff;border-radius:26px;padding:28px;box-shadow:0 25px 100px #15233835;max-height:90vh;overflow:auto;position:relative}.modal.wide{width:680px}.modal h2{font-size:23px;margin:0 30px 5px 0}.modal .close{position:absolute;right:18px;top:18px;border:0;background:#f4f6f9;color:#8a97a9;width:30px;height:30px;border-radius:50%;padding:0;font-size:22px}.modal p{color:#8490a2;font-size:12px}.modal .tabs{background:#f4f6f9;padding:4px;border-radius:12px}.modal .tabs button{flex:1;border-radius:9px}.modal .tabs button.active{background:#fff;box-shadow:0 2px 8px #2030420a}.field{display:block;font-size:13px;margin:15px 0}.field input,.field select,.field textarea{width:100%;display:block;margin-top:6px;border:1px solid #e1e7ee;background:#f8fafc;border-radius:12px;padding:12px 14px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--primary);background:white}.field textarea{min-height:100px;resize:vertical}input::placeholder,textarea::placeholder{color:#a1aab8}.full{width:100%}.error{font-size:12px;color:#dc4558;min-height:18px;margin:8px 0}.choice{display:flex;gap:15px;text-align:left;width:100%;padding:16px;margin-top:12px;background:#f8faff}.choice .icon{color:var(--primary);margin-top:4px}.choice b,.choice small{display:block}.choice small{font-size:12px;color:#8b98aa;margin-top:5px}.checkbox{font-size:12px;display:flex;gap:7px;align-items:center;color:#7c889b;margin:14px 0}.checkbox input{accent-color:var(--primary)}#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:#203047;color:#fff;padding:11px 22px;border-radius:12px;box-shadow:0 8px 30px #18253b22;z-index:200;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.editor{display:grid;grid-template-columns:7fr 3fr;gap:16px;padding:16px;height:calc(100vh - 65px);min-height:600px}.canvas-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:auto;background:#fcfeff;min-height:400px;touch-action:none}.canvas-stage canvas{max-width:82%;max-height:82%;object-fit:contain;image-rendering:pixelated;touch-action:none;box-shadow:0 0 0 1px #a8c7ff;cursor:crosshair}.canvas-label{position:absolute;bottom:12px;left:12px;font-size:12px;padding:6px 12px;background:#fff;border-radius:20px;border:1px solid #e4e9ef}.editor-sidebar{overflow:auto;display:flex;flex-direction:column;gap:16px;padding:16px 12px;background:#fcfdff;border-radius:20px;border:1px solid #e5edf6}.editor-sidebar .panel{padding:16px;flex-shrink:0}.editor-sidebar h3{margin:0 0 12px}.editor-sidebar label{display:block;font-size:12px;margin:12px 0 6px}.editor-sidebar input[type=range]{width:calc(100% - 50px);accent-color:var(--primary);vertical-align:middle}.editor-sidebar output{font-size:12px;float:right}.editor-sidebar input[type=number]{width:66px;border:1px solid var(--border);border-radius:10px;padding:7px;background:#f7f9fc}.editor-sidebar select{width:100%;background:#f7f9fc;border:1px solid var(--border);padding:10px;border-radius:10px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tool-grid button{padding:9px 4px;font-size:12px}.tool-grid button.active,.brand-buttons .active{background:var(--primary);color:#fff;border-color:var(--primary)}.palette{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.swatch{width:28px;height:28px;border:1px solid #0002;border-radius:6px;padding:0;position:relative}.swatch.selected{outline:2px solid var(--primary);outline-offset:2px}.color-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;max-height:240px;overflow:auto}.color-stat{font-size:11px;border:1px solid var(--border);border-radius:9px;padding:6px;display:flex;gap:6px;align-items:center}.color-dot{height:18px;width:18px;border-radius:4px;border:1px solid #0001;flex-shrink:0}.brand-buttons{display:flex;flex-wrap:wrap;gap:5px}.brand-buttons button{font-size:10px;padding:5px 8px}.admin-shell{max-width:1200px;margin:30px auto;padding:0 24px 60px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{padding:24px}.stat strong{display:block;font-size:30px;color:var(--primary)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}td,th{padding:13px 12px;border-bottom:1px solid #e8edf3;text-align:left}th{color:#8a97a9;font-weight:500}.status{padding:4px 9px;border-radius:12px;background:#eef5ff;color:var(--primary)}.admin-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.admin-form .field{flex:1;min-width:120px}.admin-form button{margin-bottom:15px}.codes{font-family:ui-monospace,monospace;letter-spacing:2px;background:#f0f5fb;padding:18px;border-radius:12px;white-space:pre-wrap;max-height:280px;overflow:auto}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-grid button{padding:20px 10px}.big-number{font-size:46px;color:var(--primary);margin:20px 0}.ledger-row{padding:14px 0;border-bottom:1px solid #edf0f5}.prompt-card{padding:16px;border:1px solid var(--border);border-radius:14px;margin:12px 0}.prompt-card p{line-height:1.8}.modal video{width:100%;border-radius:14px}.fullscreen .editor{grid-template-columns:1fr 310px}.fullscreen .canvas-stage canvas{max-width:95%;max-height:95%}@media(min-width:1800px){.profile{max-width:1060px}}@media(max-width:1000px){.profile{margin:0 28px}.cards-grid{grid-template-columns:repeat(3,1fr)}.editor{grid-template-columns:6fr 4fr}.example img{width:130px;height:130px}.comparison .example{gap:6px;padding:10px}.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{padding:10px 12px;height:58px}.brand{gap:7px}.brand img{width:34px;height:34px}.topbar .small{padding:6px 8px;font-size:11px}.home{padding:12px 12px 70px}.home-top{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.start-panel{min-height:245px;padding:14px}.upload-zone{height:215px;gap:13px}.upload-zone b{font-size:13px}.help-panel{padding:10px}.help-panel .panel{padding:10px;display:flex;flex-wrap:wrap;gap:6px;box-shadow:none;border:0}.help-panel h3{width:100%;margin:0}.help-panel button{flex:1;font-size:10px;margin:0;padding:9px 5px}.home-section{padding:18px 10px;margin-bottom:16px}.comparison{gap:7px}.comparison .example{flex-direction:column;padding:8px;font-size:10px}.example img{width:110px;height:110px}.video-img{height:210px}.features{gap:8px}.feature{padding:12px}.feature p{font-size:11px}.profile{margin:0;padding:18px 16px 75px}.identity{padding-top:20px}.identity h1{font-size:22px}.profile-grid{grid-template-columns:repeat(2,1fr);gap:12px}.profile-card{height:128px;border-radius:20px}.membership{padding:12px;gap:7px}.membership b{font-size:12px}.membership .pill{padding:6px 8px;font-size:10px}.membership .icon-box{width:34px;height:34px}.premium{font-size:8px;margin-left:2px}.content-page{padding:22px 16px 75px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.work-card canvas{height:155px}.work-info{padding:10px}.work-info h3{font-size:13px}.work-info button{font-size:10px;padding:5px 8px}.modal-backdrop{padding:14px}.modal{padding:24px 20px;border-radius:23px}.editor{display:flex;flex-direction:column;height:auto;padding:12px;min-height:0}.canvas-stage{height:60vh;min-height:340px;flex-shrink:0;padding:24px}.canvas-stage canvas{max-width:92%;max-height:92%}.editor-sidebar{overflow:visible;padding:10px}.editor-sidebar .panel{padding:16px}.canvas-label{font-size:10px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:16px}.admin-shell{padding:0 14px}.admin-form{gap:8px}.bottom-nav{height:56px}.theme-grid{gap:7px}.site-footer{font-size:10px}}
/* Final alignment against the reference profile layout. */
.profile-card>span{margin-bottom:auto}.profile-card .icon{margin-bottom:0}.identity{padding-bottom:18px}.canvas-stage canvas{max-width:72%;max-height:72%}.editor{height:calc(100vh - 108px)}.editor-sidebar input[type=range]{appearance:none;height:5px;border-radius:5px;background:#e1eaf8;border:0}.editor-sidebar input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 2px 5px #2678ca30}.editor-sidebar input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--primary);border:2px solid #fff}.canvas-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}.canvas-controls button{padding:5px 10px;font-size:12px;background:#fff}.canvas-stage.zoomed{display:block;padding:55px;overflow:auto}.canvas-stage.zoomed canvas{max-width:none!important;max-height:none!important;display:block;margin:auto}.canvas-stage.zoomed .canvas-label,.canvas-stage.zoomed .canvas-controls{position:sticky;bottom:5px;float:left}.canvas-stage.zoomed .canvas-controls{float:right}@media(max-width:650px){.canvas-stage canvas{max-width:92%;max-height:92%}.editor{height:auto}.identity{padding-bottom:24px}}
.video-preview{width:100%}
/* Editor v2: crop, full canvas viewport, export and guided beading. */
.modern-editor .canvas-stage{display:block;padding:0;overflow:hidden;touch-action:none}.modern-editor .canvas-stage canvas{max-width:none!important;max-height:none!important;object-fit:initial;box-shadow:none;display:block;margin:0}.modern-editor .editor-sidebar input[type=range]{width:100%}.input-line{margin:8px 0}.palette-expand{width:100%;text-align:left;border:0;background:transparent;padding:0;color:#71839c;font-size:11px}.bead-swatch{background:var(--bead);min-width:34px;height:30px;padding:3px 5px;border:1px solid #0002;border-radius:7px;font-size:10px}.bead-swatch.selected{outline:2px solid #1677f3;outline-offset:2px}.modern-editor .color-stat{display:flex;padding:7px 5px;text-align:left;cursor:pointer}.modern-editor .color-stats{grid-template-columns:repeat(3,1fr);max-height:340px}.modern-editor .tool-grid .active,.eraser-options .active{background:var(--primary);color:#fff}.eraser-options{background:#f2f6fc;border:1px solid var(--border);border-radius:14px;padding:10px;display:grid;gap:6px;margin-top:10px}.eraser-options button{font-size:12px}.palette-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-height:52vh;overflow:auto;padding:14px 3px}.palette-choice,.palette-check{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;padding:6px;border:1px solid #e3e9f1;border-radius:9px;cursor:pointer}.palette-choice span,.palette-check span{width:28px;height:28px;border-radius:6px;border:1px solid #0001}.palette-choice[hidden]{display:none}.palette-check input{accent-color:var(--primary)}.search-input{width:100%;border:1px solid var(--border);padding:12px;border-radius:12px;margin-top:14px}.file-button{padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:12px;cursor:pointer}.export-screen{position:fixed;inset:0;background:#f4f6fa;z-index:80;overflow:auto;padding:16px 20px 100px}.export-container{width:min(712px,100%);margin:auto}.export-top{display:flex;align-items:center;justify-content:space-between;height:48px;margin-bottom:12px}.export-top h2{margin:0;font-size:20px}.round{border-radius:50%;background:white;width:44px;height:44px;padding:0;font-size:22px;box-shadow:var(--shadow)}.export-top .small{background:#fff;color:var(--primary);padding:10px 14px}.export-tabs{display:flex;border-radius:24px;padding:3px;background:#e9ecf2;margin:12px 0}.export-tabs button{width:50%;border:0;background:transparent;border-radius:24px;padding:8px}.export-tabs button.active{background:#fff;box-shadow:0 2px 6px #0001}.export-card{position:relative;border:1px solid var(--border);border-radius:25px;background:#fff;padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}#export-preview{display:block;width:100%;height:560px;object-fit:contain;background:#fbfdff;border:1px solid #e0e8f4;border-radius:14px}#export-summary{padding-top:8px;text-align:right;font-size:10px;color:#ee4d62}.export-mirror{position:absolute;right:24px;top:24px;z-index:2}.export-mirror button{background:#fff;color:#ed864b;border-color:#ffe0cc;border-radius:20px}.export-copy{padding:16px}.export-copy h3{margin-bottom:3px}.export-copy .field{margin:12px 0}.export-copy input{height:42px}.export-footer{position:fixed;bottom:0;left:0;right:0;background:#f4f6faf5;border-top:1px solid #e3e9f1;padding:12px 20px;display:flex;justify-content:center;gap:12px;z-index:85}.export-footer button{width:350px;max-width:47%;height:48px;font-size:16px;font-weight:600;border-radius:16px}.export-download{color:var(--primary);background:#eaf4ff;border-color:#cce3ff}.export-settings-backdrop{position:fixed;inset:0;background:#17253965;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.export-settings{width:420px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #edf0f6}.toggle-row input{appearance:none;width:42px;height:25px;border-radius:20px;background:#cbd4e1;position:relative;cursor:pointer}.toggle-row input:checked{background:var(--primary)}.toggle-row input:before{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.15s}.toggle-row input:checked:before{left:20px}.grid-color-options{display:flex;gap:7px;flex-wrap:wrap}.grid-color-options button{display:flex;align-items:center;gap:5px;font-size:11px;padding:7px}.grid-color-options span{width:15px;height:15px;border-radius:50%}.grid-color-options .active{border-color:var(--primary);background:#edf5ff}.crop-screen{position:fixed;inset:0;z-index:90;background:#f6f8fc;overflow:auto;padding:20px 20px 90px}.crop-screen header{text-align:center}.crop-screen h2{font-size:22px;margin-bottom:8px}.crop-screen header p{color:#8392a6;font-size:13px}.crop-stage{height:55vh;max-height:650px;max-width:1000px;margin:20px auto;display:flex;align-items:center;justify-content:center;background:#e9edf3;border-radius:16px;overflow:hidden}.crop-stage canvas{max-height:100%;max-width:100%;touch-action:none;cursor:move}.crop-controls{max-width:750px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.crop-controls label{font-size:12px}.crop-controls output{float:right;color:var(--primary)}.crop-controls input[type=range]{display:block;width:100%;accent-color:var(--primary)}.crop-controls p{grid-column:1/-1;margin:0}.crop-screen footer{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:14px;display:flex;justify-content:center;gap:12px;border-top:1px solid #e1e8f1}.crop-screen footer button{min-width:110px}.pro-toolbar{display:flex;gap:9px;justify-content:center;align-items:center;padding:10px;background:#ffffffed;border-bottom:1px solid #e1e7f0;height:60px}.pro-toolbar button{font-size:12px;padding:8px 14px}.professional-mode .workspace-header{display:none}.professional-mode .modern-editor{display:block;height:calc(100vh - 120px);padding:12px}.professional-mode .canvas-stage{width:100%;height:100%}.professional-mode .editor-sidebar{display:none}.professional-mode.pro-tools-open .editor-sidebar{display:block;position:fixed;left:20px;top:90px;bottom:100px;width:300px;z-index:35;overflow:auto;box-shadow:0 12px 40px #17325322}.professional-mode.pro-tools-open .editor-sidebar>.panel:first-child,.professional-mode.pro-tools-open .editor-sidebar>.panel:nth-child(2){display:none}.pro-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;font-size:13px;background:#fff;position:fixed;bottom:0;left:0;right:0;height:60px}.assist-panel{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);width:min(760px,95vw);z-index:40;background:#fffffff2;border:1px solid #d6e3f3;border-radius:20px;padding:12px 16px;box-shadow:0 10px 30px #18355522;backdrop-filter:blur(10px);font-size:12px}.assist-panel>.row{margin-bottom:7px;gap:8px}.assist-panel b{margin:0 6px}.assist-colors{display:flex;gap:7px;overflow:auto}.assist-colors button{display:flex;align-items:center;gap:7px;min-width:90px;padding:7px;font-size:11px}.assist-colors span{width:22px;height:22px;border-radius:6px;border:1px solid #0001}.assist-colors small{color:#8291a6}.assist-colors .active{border-color:var(--primary);background:#eaf3ff}.modern-editor .canvas-controls,.modern-editor .canvas-label{z-index:3}.busy{opacity:.6;pointer-events:none}@media(max-width:650px){.modern-editor .canvas-stage{height:60vh;min-height:350px}.modern-editor .canvas-stage canvas{width:100%}.modern-editor .editor-sidebar{overflow:visible}.palette-picker{grid-template-columns:repeat(5,1fr)}.crop-screen{padding:16px 12px 90px}.crop-stage{height:48vh;margin:14px auto}.crop-controls{gap:8px}.crop-controls .row{grid-column:1/-1}.crop-screen footer button{min-width:0;flex:1}.export-screen{padding:12px 12px 95px}.export-top h2{font-size:18px}.export-card{padding:8px;border-radius:18px}#export-preview{height:430px}.export-mirror{right:16px;top:16px}.export-copy{padding:12px}.export-footer{padding:10px 12px}.export-footer button{font-size:14px;max-width:none;flex:1}.pro-toolbar{justify-content:flex-start;overflow:auto;padding:8px;gap:5px}.pro-toolbar button{flex-shrink:0;padding:7px 9px;font-size:11px}.professional-mode .modern-editor{height:calc(100dvh - 120px);min-height:0;padding:8px}.professional-mode .canvas-stage{height:100%;min-height:0}.pro-footer{padding:8px 12px;font-size:10px}.assist-panel{padding:10px;bottom:70px}.assist-panel>.row{flex-wrap:wrap}.assist-panel .small{font-size:10px;padding:5px 8px}.professional-mode.pro-tools-open .editor-sidebar{left:10px;top:75px;bottom:80px;width:270px}.export-settings{padding:22px}.crop-controls p{font-size:11px}}
.preview-brand{display:flex;align-items:center;gap:8px;border:1px solid #e0e8f4;border-bottom:0;border-radius:14px 14px 0 0;padding:10px 14px;min-height:50px;text-align:left}.preview-brand>img{width:28px;height:30px;object-fit:contain}.preview-brand b{font-size:12px}.preview-brand small{display:block;font-size:10px;color:#65758f}.preview-brand>div{max-width:80%;overflow:hidden;white-space:nowrap}.export-card #export-preview{height:524px;border-radius:0;border-bottom:0}.preview-count{display:inline-flex;border:1px solid #d9e2ef;border-radius:3px;overflow:hidden;margin:0 3px 3px 0;font-size:7px;line-height:14px}.preview-count b{padding:0 4px;font-weight:500}.preview-count small{padding:0 4px;font-size:7px}#preview-stats{padding:5px 8px 0;border-top:1px solid #e0e8f4}.modern-editor #limit-input{border:1px solid var(--border);border-radius:10px;padding:7px;width:80px;text-align:center;background:#f7f9fc}.modern-editor .panel h3{margin-bottom:8px}.modern-editor .editor-sidebar label{margin-top:10px}.modern-editor .input-line{margin:7px 0}.modern-editor .tool-grid button.active:hover{background:var(--primary)}@media(max-width:650px){.export-card #export-preview{height:430px}.preview-brand{padding:8px 10px}.preview-brand small{font-size:9px}}