.pro-studio{--studio-accent:#6d2cff;--studio-bg:#eef0f5;grid-template-columns:82px 320px minmax(480px,1fr) 292px;height:calc(100vh - 111px);min-height:720px;background:var(--studio-bg);color:#202438;overflow:hidden}.pro-studio button,.pro-studio select,.pro-studio input,.pro-studio textarea{font-family:"DM Sans",sans-serif}.pro-studio .toolrail{background:#f8f9fb;color:#293044;border-right:1px solid #dce0e7;padding:8px 5px}.pro-studio .toolrail button{color:#374056;border-radius:0;padding:13px 2px;min-height:69px}.pro-studio .toolrail button span{font:700 20px Manrope}.pro-studio .toolrail button.active,.pro-studio .toolrail button:hover{background:#e1e5ec;color:var(--studio-accent);box-shadow:inset 3px 0 var(--studio-accent)}.studio-library{padding:22px;background:#fff;border-color:#dce0e7}.studio-library h3{font-size:25px}.text-presets{display:flex;flex-direction:column;text-align:center}.text-presets button{border:0;background:#fff;color:#273048;padding:5px}.text-presets button:first-child{font:800 28px Manrope}.text-presets button:nth-child(2){font-size:21px}.text-presets button:hover{color:var(--studio-accent)}.panel-divider{height:1px;background:#e3e5ea;margin:20px 0}.font-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.font-card{min-height:96px;background:#fff;border:1px solid #dfe2e8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.font-card:hover{border-color:var(--studio-accent);box-shadow:0 5px 15px #6d2cff12}.font-card strong{font-size:20px}.font-card small{color:#737a8c}.upload-panel{padding-top:10px}.upload-drop{height:180px;border:2px dashed #b9bfd0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;background:#fafbfe}.upload-drop:hover,.upload-drop.dragover{border-color:var(--studio-accent);background:#f5f0ff}.upload-drop span{font-size:34px;color:var(--studio-accent)}.upload-drop small{color:#7e8495}.tool-card-btn,.replace-btn{display:block;width:100%;padding:12px;border:1px solid #d9dde5;background:#fff;border-radius:9px;text-align:center;margin-top:12px}.pro-studio .canvas-wrap{min-width:0;overflow:hidden}.pro-studio .studio-bar{height:58px;padding:0 12px;background:#fff;border-color:#dce0e7}.pro-studio .studio-bar button{height:36px;min-width:36px;padding:7px;border:0;background:#f3f4f7;border-radius:7px;color:#343a4c}.pro-studio .studio-bar button:hover{background:#e6e0ff;color:#5b19e8}.pro-studio .studio-bar select{height:36px;border:1px solid #dde1e7;border-radius:7px;background:#fff;padding:0 9px;max-width:195px}.pro-studio .studio-bar input[type=color]{width:34px;height:34px;padding:3px;border:1px solid #dfe2e8;border-radius:7px}.bar-sep{height:26px;border-left:1px solid #e1e4e9}.bar-spacer{flex:1}.pro-studio .studio-bar .process-btn{background:var(--studio-accent);color:#fff;padding:0 14px}.pro-studio .canvas-stage{position:relative;display:grid;place-items:center;padding:54px 45px 35px;overflow:auto;background:#eef0f5}.ruler{position:absolute;color:#8990a0;font-size:10px;display:flex;justify-content:space-between;pointer-events:none}.ruler:after{content:"";position:absolute;background:repeating-linear-gradient(90deg,#aeb4c0 0 1px,transparent 1px 5px)}.ruler-x{height:26px;top:19px;width:min(520px,72%);left:50%;transform:translateX(-50%);border-top:1px solid #bdc2cc;padding-top:6px}.ruler-x:after{left:0;right:0;top:-1px;height:5px}.ruler-y{width:26px;height:min(340px,65%);left:18px;top:50%;transform:translateY(-50%);flex-direction:column;border-left:1px solid #bdc2cc;padding-left:6px}.pro-studio .design-canvas{width:520px;height:340px;transform-origin:center;background-color:#fff;background-image:linear-gradient(#e9ebf055 1px,transparent 1px),linear-gradient(90deg,#e9ebf055 1px,transparent 1px);background-size:20px 20px;box-shadow:0 14px 38px #32394a20;overflow:visible;transition:width .2s,height .2s,transform .2s}.pro-studio .design-canvas.no-grid{background-image:none}.pro-studio .safe-area{inset:14px;border-color:#ff6c6c66}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9096a5;pointer-events:none}.canvas-empty b{font:700 25px Manrope;color:#596074}.canvas-empty[hidden]{display:none}.pro-studio .canvas-object{padding:0;cursor:move;min-width:40px;min-height:25px;transform-origin:center center;touch-action:none}.pro-studio .canvas-object.selected{outline:2px solid var(--studio-accent);outline-offset:2px}.object-content{width:100%;height:100%;outline:0;white-space:pre-wrap;overflow:hidden;line-height:1.1}.text-object .object-content{font-weight:700}.image-object .object-content{display:block;object-fit:contain;pointer-events:none}.resize-handle,.rotate-handle{display:none;position:absolute;background:#fff;border:2px solid var(--studio-accent);width:12px;height:12px;border-radius:50%}.selected .resize-handle,.selected .rotate-handle{display:block}.resize-handle{right:-8px;bottom:-8px;cursor:nwse-resize}.rotate-handle{left:calc(50% - 6px);top:-28px;cursor:grab}.rotate-handle:after{content:"";position:absolute;left:4px;top:10px;height:16px;border-left:1px solid var(--studio-accent)}.selection-tools{position:absolute;z-index:20;background:#fff;border:1px solid #e2e4e9;border-radius:10px;box-shadow:0 8px 22px #2c304525;display:flex;padding:4px}.selection-tools[hidden]{display:none}.selection-tools button{border:0;background:#fff;width:34px;height:30px;border-right:1px solid #eceef2}.selection-tools button:last-child{border:0;color:#c33}.zoom-bar{position:absolute;right:18px;bottom:15px;background:#fff;border:1px solid #dfe2e8;border-radius:20px;display:flex;align-items:center;gap:6px;padding:3px 8px;box-shadow:0 4px 12px #30364814}.zoom-bar button{border:0;background:#fff;width:26px;height:26px}.zoom-bar span{font-size:12px;min-width:40px;text-align:center}.pro-studio .properties{padding:20px;background:#fff;border-color:#dce0e7}.property-empty{text-align:center;color:#777f91;padding:80px 15px}.property-icon{font-size:40px;color:#aeb4c2}.selection-title,.layer-head{display:flex;align-items:center;justify-content:space-between}.danger-icon{border:0;background:#fff1f0;color:#c83232;border-radius:8px;width:36px;height:36px}.property-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-row label{margin:0}.property-row input[type=number]{width:100%;height:38px;border:1px solid #dfe2e8;border-radius:7px;padding:7px}.property-row input[type=color]{height:38px}.property-row button,.property-actions button,.arrange-grid button{border:1px solid #dfe2e8;background:#fff;border-radius:7px;padding:9px 5px}.property-row button:hover,.property-actions button:hover,.arrange-grid button:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.property-actions,.arrange-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:15px}.arrange-grid{grid-template-columns:1fr 1fr}.replace-btn{font-size:13px}.pro-studio .layers{padding-top:18px;border-top:1px solid #e4e6eb}.layer-head h3{margin:0}.layer-head span{background:#eef0f5;border-radius:20px;padding:2px 8px;font-size:11px}.pro-studio .layer{width:100%;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;background:#fff;cursor:pointer}.pro-studio .layer.active{border-color:var(--studio-accent);background:#f7f3ff}.layer-type{font-weight:800;color:var(--studio-accent)}@media(max-width:1180px){.pro-studio{grid-template-columns:70px 270px 1fr}.pro-studio .properties{position:fixed;right:0;top:111px;bottom:0;width:285px;z-index:35;box-shadow:-10px 0 30px #1f263a18;transform:translateX(calc(100% - 5px));transition:.2s}.pro-studio .properties:hover,.pro-studio .properties:focus-within{transform:none}.mainbar select#canvasSize{display:none}}@media(max-width:820px){.pro-studio{grid-template-columns:62px 1fr;height:calc(100vh - 98px)}.pro-studio .studio-library{display:none}.pro-studio .canvas-wrap{grid-column:2}.mainbar #topFont,.mainbar #topColor,.mainbar #alignLeft,.mainbar #alignCenter,.mainbar #bold,.mainbar #italic,.mainbar .bar-sep{display:none}.pro-studio .design-canvas{transform:scale(.72)}.pro-studio .canvas-stage{padding:20px}.ruler{display:none}}