.workspace{border:1px solid #d4d4d4;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 20px 60px #39393910;scroll-margin-top:110px}.workspace-toolbar{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:16px 20px;background:#fdfdfd}.workspace-brand{display:flex;align-items:center;gap:10px;font-size:13px}.workspace-brand .brand-mark{width:26px;height:26px;font-size:19px;border-radius:6px}.demo-label{font-size:9px;font-weight:600;letter-spacing:1px;color:#828282;margin-left:auto}.mode-switch{display:flex;background:#f1f1f1;padding:4px;border-radius:7px}.mode-switch button{border:0;padding:8px 13px;background:transparent;color:#757575;font-size:12px;border-radius:5px}.mode-switch button.active{background:white;color:var(--accent);box-shadow:0 1px 5px #2f2f2f15}.workspace-body{display:grid;grid-template-columns: .85fr 1.3fr;min-height:520px}.demo-chat{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;padding:24px;background:#fcfcfc}.chat-heading{display:flex;gap:12px;align-items:center;margin-bottom:23px}.chat-heading strong{font-size:14px;display:block}.chat-heading small{font-size:10px;color:#797979;display:block}.chat-heading .spark{color:var(--accent)}.messages{height:180px;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:0 5px 10px 0;flex:1}.message{font-size:13px;line-height:1.8;border-radius:10px;padding:13px 15px;max-width:96%;flex-shrink:0}.message.assistant{background:#f2f2f2;color:#414141}.message.user{background:var(--accent);color:#fff;margin-left:auto}.message strong{display:inline-block;margin-top:7px}.suggestions{display:flex;flex-direction:column;gap:7px;margin:15px 0}.suggestions button{font-size:11px;background:#fff;border:1px solid #e2e2e2;color:#515151;border-radius:6px;padding:8px 10px;text-align:left;min-height:34px}.suggestions button:hover{background:#f4f4f4;border-color:#acacac}.chat-compose{display:flex;border:1px solid #d6d6d6;background:white;padding:5px;border-radius:8px;gap:5px}.chat-compose input{border:0;padding:7px;min-width:0;flex:1;font-size:12px;background:transparent;color:var(--ink)}.chat-compose button{border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:20px;width:32px;flex-shrink:0}.chat-disclaimer{font-size:9px;margin-top:8px;text-align:center}.demo-work{min-width:0;display:flex;flex-direction:column;padding:0 28px}.work-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:10px;gap:15px}.breadcrumb{color:#868686}.breadcrumb strong{color:#5a5a5a;font-weight:500}.reset-demo{background:none;border:0;color:#646464;font-size:10px;padding:4px}.service-selector{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:11px;color:#777777}.service-selector select{background:#fff;color:var(--ink);border:1px solid var(--line);padding:7px 9px;border-radius:5px;max-width:100%;min-width:0;font-size:11px}.service-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0}.service-heading h3{font-size:25px;margin-top:5px;letter-spacing:-.8px}.document-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line)}.document-tabs button{border:0;border-bottom:2px solid transparent;padding:0 0 12px;background:none;color:#818181;font-size:12px}.document-tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.work-content{padding:20px 0;flex:1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 28px}.detail-grid small{font-size:10px;color:#848484;display:block;margin-bottom:4px}.detail-grid strong{font-size:13px;font-weight:500;color:#343434}.edit-plate{display:flex;gap:6px;align-items:center}.edit-plate input{width:105px;border:1px solid var(--line);border-radius:5px;padding:5px 7px;font-size:12px;color:var(--ink)}.edit-plate button{font-size:10px;background:#f4f4f4;color:#525252;border:0;border-radius:5px;padding:7px 8px}.validation-banner{font-size:11px;line-height:1.7;padding:12px 13px;border-radius:7px;background:#f4f4f4;border:1px solid #e0e0e0;color:#525252;margin-top:22px}.validation-banner.complete{background:#f4f4f4;border-color:#e0e0e0;color:#525252}.work-foot{border-top:1px solid var(--line);padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.work-foot>span{font-size:9px;color:#868686;max-width:220px}.work-foot .text-link{font-size:11px;white-space:nowrap}.doc-preview{background:#fbfbfb;border:1px solid var(--line);border-radius:5px;padding:18px;font-size:12px}.doc-preview .doc-head{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:16px}.doc-preview h4{font-size:14px;margin:0 0 4px}.doc-preview p{font-size:11px}.doc-preview .detail-grid{gap:12px}.doc-watermark{font-size:10px;color:#6f6f6f;letter-spacing:1px;margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.activity{list-style:none;margin:0;padding:0}.activity li{display:flex;gap:15px;padding:12px 0;font-size:12px;border-bottom:1px solid #f0f0f0}.activity time{color:#949494;font-size:10px;min-width:45px}.activity small{display:block;color:#868686;font-size:10px;margin-top:4px}.workspace.visual .workspace-body{grid-template-columns:1fr}.workspace.visual .demo-chat{display:none}.workspace.visual .demo-work{max-width:900px;margin:auto;width:100%}.mobile-switch{display:none}
@media(max-width:1100px){.workspace-body{grid-template-columns:1fr 1.2fr}.demo-chat{padding:19px}.demo-work{padding:0 22px}.demo-label{display:none}.mode-switch{margin-left:auto}.workspace-brand strong{font-size:12px}}
@media(max-width:800px){.workspace-toolbar{flex-wrap:wrap;padding:13px;gap:10px}.workspace-brand{gap:7px}.workspace-brand strong{font-size:11px}.mode-switch button{font-size:11px;padding:7px 10px}.mobile-switch{display:flex;border-bottom:1px solid var(--line);padding:8px 15px;gap:14px}.mobile-switch button{font-size:12px;border:0;background:none;padding:8px 12px;color:#767676;border-radius:5px}.mobile-switch button.active{background:#f4f4f4;color:var(--accent)}.workspace-body{display:block;min-height:550px}.demo-chat{border:0;min-height:550px;padding:20px}.messages{height:230px;flex:none}.demo-work{display:none;padding:0 19px;min-height:550px}.workspace.show-work .demo-chat{display:none}.workspace.show-work .demo-work{display:flex}.workspace.visual .mobile-switch{display:none}.workspace.visual .demo-work{display:flex}.service-heading h3{font-size:23px}.demo-chat .message{font-size:14px}.suggestions button{font-size:12px;min-height:38px}.chat-compose input{font-size:16px}.chat-compose button{width:40px;min-height:40px}.chat-disclaimer{font-size:10px}.detail-grid strong{font-size:14px}.detail-grid small{font-size:11px}.work-foot>span{font-size:10px}.document-tabs button{font-size:14px}.work-header{font-size:11px}.reset-demo{font-size:11px}.service-selector select{font-size:12px}.edit-plate input{font-size:16px;width:115px}.edit-plate button{font-size:11px}.detail-grid{gap:20px 14px}.validation-banner{font-size:12px}.work-foot .text-link{white-space:normal;text-align:left}.activity li{font-size:13px}.activity time{font-size:11px}.workspace-brand .brand-mark{display:none}}